:root{--sn-primary: #181A00;--sn-sidebar: #181A00;--sn-accent: #8DC63F;--sn-lime: #5E9E1F;--sn-olive: #2E3003;--sn-bg: #f6f6f1;--sn-text: #2b2c1f;--sn-muted: #8c8c8c;--sn-border: #e6e7da}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--sn-bg);color:var(--sn-text);font-family:Plus Jakarta Sans,Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.sn-layout{min-height:100vh}.sn-sider{background:var(--sn-sidebar)!important;position:sticky!important;top:0;height:100vh;overflow:auto}.sn-logo{display:flex;align-items:center;gap:10px;padding:22px 24px 26px;color:#fff;text-decoration:none}.sn-logo-text{font-size:24px;font-weight:800;letter-spacing:-.5px;color:#fff}.sn-logo-text b{color:#8dc63f;font-weight:800}.sn-sider.collapsed .sn-logo{padding:22px 0 26px;justify-content:center}.sn-menu{list-style:none;margin:0;padding:0 0 24px}.sn-menu a{display:flex;align-items:center;gap:14px;height:44px;margin:2px 0 2px 12px;padding:0 16px;border-radius:22px 0 0 22px;color:#fff;font-size:14px;text-decoration:none;transition:background .15s,color .15s;white-space:nowrap}.sn-menu a .anticon{font-size:18px}.sn-menu a:hover{background:#8dc63f14;color:#8dc63f}.sn-menu a.active{background:#8dc63f;color:#181a00;font-weight:700}.sn-sider.collapsed .sn-menu a{justify-content:center;padding:0;margin-left:10px}.sn-header{position:sticky;top:0;z-index:20;height:62px;display:flex;align-items:center;gap:14px;padding:0 20px;background:#fff;box-shadow:0 1px 4px #0000000f}.sn-company{line-height:1.25;min-width:0}.sn-company strong{display:block;font-size:13px;color:#181a00;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sn-company small{color:var(--sn-muted);font-size:11px}.sn-header-right{margin-left:auto;display:flex;align-items:center;gap:18px}.sn-user{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px}.sn-icon-btn{font-size:18px;color:#555;cursor:pointer;display:inline-flex}.sn-content{padding:18px 20px 32px;min-width:0}.page-title{font-size:17px;font-weight:800;color:#181a00;margin:0 0 12px}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:12px}.toolbar .spacer{flex:1}.toolbar-totals{display:flex;gap:16px;font-size:13px;color:#555;align-items:center}.panel{background:#fff;border-radius:8px;padding:16px}.muted{color:var(--sn-muted)}.small{font-size:12px}.nowrap{white-space:nowrap}.sn-table .ant-table{border-radius:8px}.sn-table .ant-table-thead>tr>th{font-weight:600}.cell-sub{display:block;font-size:12px;color:var(--sn-muted)}.stat-card{border-radius:6px;padding:18px 20px;color:#fff;min-height:112px;height:100%}.stat-card .stat-label{display:flex;align-items:center;gap:8px;font-size:13px;opacity:.95}.stat-card .stat-value{font-size:24px;font-weight:800;margin:2px 0 10px;letter-spacing:-.3px}.stat-card .stat-sub{font-size:13px;opacity:.95}.tag-solid{color:#fff!important;border:none!important;font-size:12px}.drawer-footer{display:flex;justify-content:space-between;align-items:center;gap:8px}.section-divider.ant-divider{margin:6px 0 14px!important;font-size:13px!important;color:#555!important}.form-grid{display:grid;grid-template-columns:repeat(12,1fr);column-gap:12px}.form-grid>*{grid-column:span 12}.s2{grid-column:span 2!important}.s3{grid-column:span 3!important}.s4{grid-column:span 4!important}.s5{grid-column:span 5!important}.s6{grid-column:span 6!important}.s7{grid-column:span 7!important}.s8{grid-column:span 8!important}.s9{grid-column:span 9!important}@media (max-width: 640px){.form-grid>*{grid-column:span 12!important}}.apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px}.app-card{background:#fff;border-radius:6px;padding:16px;box-shadow:0 1px 4px #00000014;cursor:pointer;transition:box-shadow .15s;height:100%;display:flex;flex-direction:column;justify-content:space-between;min-height:112px}.app-card:hover{box-shadow:0 4px 14px #181a0029;outline:2px solid #8DC63F}.app-card-head{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600}.app-card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.ref-card{display:flex;flex-direction:column;justify-content:center;background:#f2f2f2;border-radius:6px;border-left:8px solid;padding:12px 16px;margin-bottom:10px;min-height:66px}.ref-card strong{font-size:18px;font-weight:600}.month-tabs{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.month-tabs button{border:none;background:transparent;padding:4px 12px;border-radius:4px;cursor:pointer;color:#555;font-family:inherit;font-size:13px}.month-tabs button.active{background:#181a00;color:#8dc63f;font-weight:700}.month-tabs button:disabled{color:#ccc;cursor:not-allowed}.auth-stage{position:relative;min-height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:40px 16px;color:#fff;background:radial-gradient(1200px 600px at 50% -10%,rgba(141,198,63,.16),transparent 60%),linear-gradient(160deg,#0f1000,#181a00 45%,#2e3003);isolation:isolate}.auth-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse at center,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse at center,#000 20%,transparent 75%)}.auth-orb{position:absolute;z-index:-1;border-radius:50%;filter:blur(70px);opacity:.22;animation:sn-drift 22s ease-in-out infinite alternate}.auth-orb.o1{width:420px;height:420px;left:-120px;top:10%;background:#8dc63f}.auth-orb.o2{width:480px;height:480px;right:-160px;bottom:-80px;background:#5e9e1f;animation-duration:26s;animation-delay:-8s}.auth-orb.o3{width:300px;height:300px;right:12%;top:-120px;background:#8dc63f;opacity:.14;animation-duration:30s;animation-delay:-14s}@keyframes sn-drift{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(40px,-30px,0) scale(1.08)}to{transform:translate3d(-30px,40px,0) scale(.95)}}.auth-streak{position:absolute;z-index:-1;width:260px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,rgba(141,198,63,.9),rgba(94,158,31,.9),transparent);box-shadow:0 0 12px #8dc63f8c;transform:rotate(-32deg);opacity:0;animation:sn-streak 7s linear infinite}@keyframes sn-streak{0%{opacity:0;translate:-220px 160px}12%{opacity:1}60%{opacity:1}to{opacity:0;translate:420px -260px}}.auth-lane{position:absolute;top:0;bottom:0;width:min(300px,24vw);z-index:0;pointer-events:none}.auth-lane.left{left:3vw}.auth-lane.right{right:3vw}.auth-chip-wrap{position:absolute;bottom:-120px;animation:sn-rise linear infinite;will-change:transform,opacity}.auth-chip{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:#ffffff17;border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 14px 34px #00000059;font-size:12.5px;line-height:1.3;white-space:nowrap;animation:sn-sway 6s ease-in-out infinite alternate}.auth-chip .ic{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;flex:none;font-size:15px}.auth-chip strong{display:block;font-weight:700;font-size:13px}.auth-chip small{opacity:.7}@keyframes sn-rise{0%{transform:translateZ(0);opacity:0}10%{opacity:1}85%{opacity:1}to{transform:translate3d(0,-125vh,0);opacity:0}}@keyframes sn-sway{0%{transform:translate(-10px)}to{transform:translate(10px)}}.auth-center{position:relative;z-index:2;width:100%;max-width:440px;display:flex;flex-direction:column;align-items:center}.auth-brand{margin-bottom:18px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.auth-tagline{font-size:14px;opacity:.8;margin:0}.auth-card{width:100%;background:#fff;color:var(--sn-text);border-radius:22px;padding:34px 32px 26px;box-shadow:0 30px 80px #00000080,0 0 0 1px #ffffff0f;animation:sn-pop .5s cubic-bezier(.2,.8,.2,1) both}@keyframes sn-pop{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}.auth-card.wide{max-width:520px}.auth-center.wide{max-width:540px}.auth-title{font-size:26px;font-weight:800;letter-spacing:-.5px;margin:0 0 6px;color:#181a00;text-align:center}.auth-subtitle{color:#5f6150;margin:0 0 24px;font-size:14.5px;text-align:center}.auth-form-fields .ant-form-item-label>label{font-weight:600;color:#2e3003}.auth-form-fields .ant-input-affix-wrapper,.auth-form-fields .ant-input{border-radius:12px}.auth-form-fields .ant-input-affix-wrapper-lg{padding:9px 14px}.auth-form-fields .ant-input-prefix{color:#9a9c80;margin-inline-end:8px}.auth-form-fields input:-webkit-autofill,.auth-form-fields input:-webkit-autofill:hover,.auth-form-fields input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #fafafa inset;-webkit-text-fill-color:#181A00;transition:background-color 9999s}.auth-row-right{display:flex;justify-content:flex-end;margin:2px 0 18px;font-size:13px}.auth-two-cols{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.btn-gradient.ant-btn,.btn-gradient.ant-btn:not(:disabled):hover,.btn-gradient.ant-btn:not(:disabled):active{height:50px;border:none;border-radius:12px!important;font-weight:700;font-size:15px;background:#8dc63f!important;color:#181a00!important;box-shadow:0 12px 26px #5e9e1f59;transition:filter .2s,transform .2s}.btn-gradient.ant-btn:not(:disabled):hover{background:#5e9e1f!important;transform:translateY(-1px)}.btn-outline-lg.ant-btn{height:46px;border-radius:12px!important;font-weight:600}.auth-divider{display:flex;align-items:center;gap:12px;margin:22px 0 14px;color:#8a8c78;font-size:13px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#e6e7da}.auth-secure{display:flex;gap:6px;align-items:center;justify-content:center;color:#8a8c78;font-size:12.5px;margin-top:18px}.auth-foot{margin-top:18px;font-size:12px;opacity:.6}@media (max-width: 1100px){.auth-lane{width:200px;opacity:.55}.auth-chip small{display:none}}@media (max-width: 860px){.auth-lane{display:none}.auth-card{padding:28px 20px 22px;border-radius:18px}.auth-two-cols{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.auth-orb,.auth-streak,.auth-chip-wrap,.auth-chip,.auth-card{animation:none!important}.auth-chip-wrap{display:none}}.code-block{background:#181a00;color:#e3f2cf;border-radius:6px;padding:12px;font-size:12px;overflow:auto;font-family:ui-monospace,Consolas,monospace;white-space:pre}@media (max-width: 768px){.sn-content{padding:14px 12px 28px}.sn-header{padding:0 12px;gap:10px}.sn-user-name{display:none}}.auth-tagline{color:#fafafa}.auth-card a,.auth-row-right a{color:#5c6300;font-weight:600}.auth-card a:hover{color:#181a00}.btn-outline-lg.ant-btn:not(:disabled):hover{border-color:#181a00!important;color:#181a00!important;background:#8dc63f!important}.sn-header{border-bottom:3px solid #8DC63F}.ant-pagination .ant-pagination-item-active{background:#181a00;border-color:#181a00}.ant-pagination .ant-pagination-item-active a{color:#8dc63f!important}.ant-checkbox-checked .ant-checkbox-inner,.ant-radio-checked .ant-radio-inner{background-color:#181a00!important;border-color:#181a00!important}.ant-checkbox-checked .ant-checkbox-inner:after{border-color:#8dc63f!important}::selection{background:#8dc63f;color:#181a00}:root{--sn-sidebar: linear-gradient(180deg, #8DC63F 0%, #7DBA35 100%)}.sn-sider{background:linear-gradient(180deg,#8dc63f,#7dba35)!important;box-shadow:1px 0 #181a0014}.sn-logo,.sn-logo-text{color:#181a00}.sn-menu a{color:#fff;font-weight:600}.sn-menu a:hover{background:#ffffff29;color:#fff}.sn-menu a.active{background:#181a00;color:#8dc63f;font-weight:700}.auth-stage{color:#181a00;background:radial-gradient(1100px 560px at 50% -10%,rgba(255,255,255,.55),transparent 60%),linear-gradient(160deg,#8dc63f,#7dba35,#5e9e1f)}.auth-grid{background-image:linear-gradient(rgba(24,26,0,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(24,26,0,.06) 1px,transparent 1px)}.auth-orb.o1{background:#fff;opacity:.45}.auth-orb.o2{background:#5e9e1f;opacity:.6}.auth-orb.o3{background:#fff;opacity:.35}.auth-streak{background:linear-gradient(90deg,transparent,rgba(24,26,0,.55),rgba(46,48,3,.55),transparent);box-shadow:none}.auth-chip{background:#181a00e6;border:1px solid rgba(24,26,0,.2);color:#fafafa;box-shadow:0 14px 30px #181a0040}.auth-tagline{color:#181a00;opacity:.85;font-weight:600}.auth-foot{color:#181a00}.auth-card{box-shadow:0 30px 70px #181a0040,0 0 0 1px #181a000f}.btn-gradient.ant-btn,.btn-gradient.ant-btn:not(:disabled):hover,.btn-gradient.ant-btn:not(:disabled):active{background:#181a00!important;color:#8dc63f!important;box-shadow:0 12px 26px #181a0047}.btn-gradient.ant-btn:not(:disabled):hover{background:#2e3003!important}.btn-gradient.ant-btn,.btn-gradient.ant-btn:not(:disabled):hover,.btn-gradient.ant-btn:not(:disabled):active{background:#4e8a16!important;color:#fff!important;box-shadow:0 12px 26px #2f6b0f59}.btn-gradient.ant-btn:not(:disabled):hover{background:#3f7d12!important}.btn-outline-lg.ant-btn:not(:disabled):hover{border-color:#4e8a16!important;color:#fff!important;background:#4e8a16!important}.auth-chip{background:#fffffff0;border:1px solid rgba(255,255,255,.7);color:#1f3a0a;box-shadow:0 14px 30px #1e460a2e}.auth-chip small{opacity:.75}.auth-streak{background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),rgba(255,255,255,.45),transparent);box-shadow:0 0 10px #ffffff80}.auth-grid{background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px)}.auth-tagline,.auth-foot{color:#fff}.auth-card a,.auth-row-right a{color:#3f7d12}.auth-card a:hover{color:#2f6b0f}.sn-menu a.active{background:#fff;color:#2f6b0f;font-weight:700}.month-tabs button.active{background:#4e8a16;color:#fff}.ant-pagination .ant-pagination-item-active{background:#4e8a16;border-color:#4e8a16}.ant-pagination .ant-pagination-item-active a{color:#fff!important}.ant-checkbox-checked .ant-checkbox-inner,.ant-radio-checked .ant-radio-inner{background-color:#4e8a16!important;border-color:#4e8a16!important}.ant-checkbox-checked .ant-checkbox-inner:after{border-color:#fff!important}.liq-field{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.liq-wrap{position:absolute;transform:translate(-50%,-50%);animation:liq-float var(--d) ease-in-out var(--dl) infinite alternate;pointer-events:auto;will-change:transform}.liq{width:var(--s);height:var(--s);display:grid;place-items:center;position:relative;border-radius:46% 54% 58% 42%/44% 48% 52% 56%;background:radial-gradient(140% 140% at 28% 18%,#ffffffc7,#ffffff4d 28%,#ffffff1a 58%,#ffffff3d);border:1px solid rgba(255,255,255,.65);-webkit-backdrop-filter:blur(12px) saturate(170%);backdrop-filter:blur(12px) saturate(170%);box-shadow:inset 0 1px 2px #fffffff2,inset 0 -12px 24px #2f6b0f4d,inset 12px 0 22px #fff3,0 24px 46px -14px #1e460a80;animation:liq-morph calc(var(--d) * .75) ease-in-out var(--dl) infinite;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.liq:before{content:"";position:absolute;left:15%;top:9%;width:40%;height:22%;border-radius:50%;background:linear-gradient(180deg,#fffffff2,#fff0);transform:rotate(-22deg);filter:blur(1px)}.liq:after{content:"";position:absolute;right:17%;bottom:13%;width:15%;height:9%;border-radius:50%;background:#fff9;filter:blur(1.5px)}.liq img{width:54%;height:54%;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(20,50,5,.28));animation:liq-wobble calc(var(--d) * .75) ease-in-out var(--dl) infinite}.liq-wrap:hover .liq{transform:scale(1.14)}@keyframes liq-morph{0%,to{border-radius:46% 54% 58% 42%/44% 48% 52% 56%}25%{border-radius:58% 42% 45% 55%/55% 40% 60% 45%}50%{border-radius:40% 60% 52% 48%/48% 60% 40% 52%}75%{border-radius:53% 47% 40% 60%/60% 52% 48% 40%}}@keyframes liq-float{0%{transform:translate(-50%,-50%) translateZ(0) rotate(-4deg)}50%{transform:translate(-50%,-50%) translate3d(14px,-22px,0) rotate(3deg)}to{transform:translate(-50%,-50%) translate3d(-10px,16px,0) rotate(-2deg)}}@keyframes liq-wobble{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.06) rotate(3deg)}}@media (max-width: 1100px){.liq{width:calc(var(--s) * .72);height:calc(var(--s) * .72)}}@media (max-width: 860px){.liq-field{opacity:.55}.liq{width:calc(var(--s) * .55);height:calc(var(--s) * .55)}}@media (prefers-reduced-motion: reduce){.liq-wrap,.liq,.liq img{animation:none!important}}