:root{--c-accent:#a2ff00;--c-body:#ffffffd1;--c-meta:#ffffff80;--c-muted:#ffffff61;--c-sep:#ffffff17;--c-input-bg:#ffffff1a;--c-input-border:#ffffff4d;--c-chip-bg:#a2ff0029;--c-chip-border:#a2ff0073}.sunlight{--c-accent:#3d7000;--c-body:#102a43;--c-meta:#5a7a90;--c-muted:#8a9aaa;--c-sep:#d1d9e0;--c-input-bg:#fff;--c-input-border:#c5cfd9;--c-chip-bg:#3d70001a;--c-chip-border:#3d700066}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Inter,Segoe UI,system-ui,sans-serif}input,select,textarea,button{font-family:inherit}body{color:#e0eaf2;background:radial-gradient(65% 55% at 50% 38%,#1e3f5e 0%,#1a3652 18%,#162d48 34%,#122540 52%,#102a43 70%,#0c2038 88%,#091829 100%) fixed;min-height:100vh}body:before,body:after{content:"";filter:blur(100px);pointer-events:none;z-index:0;border-radius:50%;position:fixed}body:before{background:#243b538c;width:560px;height:400px;top:50%;left:50%;transform:translate(-50%,-58%)}body:after{background:#102a4373;width:440px;height:440px;bottom:-100px;right:-80px}#root{z-index:1;height:100%;position:relative}.app-wrap{height:100vh;display:flex;overflow:hidden}.sidebar{-webkit-backdrop-filter:blur(28px);background:#0a19288c;border-right:1px solid #ffffff17;flex-direction:column;flex-shrink:0;width:220px;display:flex;overflow-y:auto}.sidebar-logo{border-bottom:1px solid #ffffff14;padding:20px 18px 14px}.sidebar-logo h1{color:#fff;letter-spacing:-.3px;font-size:17px;font-weight:900}.sidebar-logo p{color:#fff6;margin-top:2px;font-size:10.5px}.sidebar-user{border-bottom:1px solid #ffffff12;padding:12px 18px}.su-name{color:#fff;margin-bottom:5px;font-size:12.5px;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:3px;padding:10px;display:flex}.sidebar-nav button{cursor:pointer;text-align:left;color:#ffffffa6;background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;gap:9px;width:100%;padding:9px 11px;font-size:12.5px;font-weight:500;transition:all .2s;display:flex}.sidebar-nav button:hover{color:#fff;background:#ffffff14}.sidebar-nav button.active{color:#a2ff00;background:#a2ff002e;border-color:#a2ff0059;box-shadow:0 0 14px #a2ff001f}.ni{flex-shrink:0;font-size:16px;line-height:1}.sidebar-footer{border-top:1px solid #ffffff14;flex-direction:column;gap:8px;padding:12px 18px;display:flex}.logout-btn{color:#f87171e6;cursor:pointer;background:#ef44441f;border:1px solid #ef444447;border-radius:10px;align-items:center;gap:7px;width:100%;padding:8px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.logout-btn:hover{color:#fff;background:#ef444440}.main-content{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.top-bar{-webkit-backdrop-filter:blur(14px);background:#0003;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;padding:13px 22px;display:flex}.top-bar-title{color:#fff;font-size:15px;font-weight:800}.page-body{flex-direction:column;flex:1;gap:12px;padding:18px 20px 24px;display:flex;overflow-y:auto}.page-body::-webkit-scrollbar{width:6px}.page-body::-webkit-scrollbar-track{background:0 0}.page-body::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.mobile-header{-webkit-backdrop-filter:blur(22px);background:#00000073;border-bottom:1px solid #ffffff1a;flex-shrink:0;justify-content:space-between;align-items:center;padding:13px 16px;display:flex}.mobile-header h1{color:#fff;font-size:16px;font-weight:900}.bottom-nav{-webkit-backdrop-filter:blur(26px);background:#0000008c;border-top:1px solid #ffffff1a;flex-shrink:0}.bottom-nav-inner{padding:0 4px;display:flex;overflow-x:auto}.bottom-nav-inner::-webkit-scrollbar{display:none}.bottom-nav-inner button{color:#fff6;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;min-width:58px;padding:8px 4px 10px;font-size:9.5px;font-weight:600;transition:all .2s;display:flex}.bottom-nav-inner button.active{color:#a2ff00}.bni{font-size:19px;line-height:1}.card{-webkit-backdrop-filter:blur(22px);background:#ffffff12;border:1px solid #ffffff21;border-radius:18px;padding:16px;box-shadow:0 4px 28px #0000004d,inset 0 1px #ffffff1a}.stats-row{grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:10px;display:grid}.stat{-webkit-backdrop-filter:blur(14px);text-align:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:15px;padding:14px 8px;box-shadow:inset 0 1px #ffffff14}.sv{color:#a2ff00;margin-bottom:4px;font-size:26px;font-weight:900;line-height:1}.sl{color:#ffffffa6;letter-spacing:.3px;font-size:10px;font-weight:600}.btn{cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{color:#102a43;background:#a2ff00;border-color:#a2ff00;font-weight:700;box-shadow:0 2px 16px #a2ff0059}.btn-primary:hover{background:#b8ff26;border-color:#b8ff26;box-shadow:0 4px 22px #a2ff0080}.btn-secondary{color:#ffffffc7;background:#ffffff14;border-color:#ffffff2b}.btn-secondary:hover{color:#fff;background:#ffffff29}.btn-warn{color:#fdba74;background:#fb923c33;border-color:#fb923c59}.btn-warn:hover{background:#fb923c59}.btn-danger{color:#fca5a5;background:#ef44442e;border-color:#ef444459}.btn-danger:hover{color:#fff;background:#ef444459}.btn-info{color:#93c5fd;background:#60a5fa2e;border-color:#60a5fa52}.btn-info:hover{background:#60a5fa52}.btn-sm{border-radius:8px;padding:5px 10px;font-size:11.5px}.btn-block{justify-content:center;width:100%}.btn-ghost{color:#ffffff80;background:0 0;border:none;align-self:flex-start;padding:4px 0;font-weight:500}.btn-ghost:hover{color:#fff}.btn-ghost svg{opacity:.5}.btn-ghost:hover svg{opacity:1}.badge{border-radius:20px;align-items:center;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.bg-green{color:#a2ff00;background:#a2ff002e;border:1px solid #a2ff0052}.bg-blue{color:#93c5fd;background:#60a5fa2e;border:1px solid #60a5fa52}.bg-purple{color:#d8b4fe;background:#c084fc2e;border:1px solid #c084fc52}.bg-orange{color:#fdba74;background:#fb923c2e;border:1px solid #fb923c52}.bg-gray{color:#ffffff73;background:#ffffff14;border:1px solid #ffffff24}.form-group{margin-bottom:13px}.form-group label{color:#ffffffc7;margin-bottom:5px;font-size:11px;font-weight:700;display:block}.field{margin-bottom:13px}.field label{color:#ffffffc7;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-size:10.5px;font-weight:700;display:block}.field input,.field select,.field textarea{color:#fff;background:#ffffff1a;border:1.5px solid #ffffff4d;border-radius:10px;outline:none;width:100%;padding:9px 12px;font-size:13px;transition:border-color .2s,box-shadow .2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:#a2ff0080;box-shadow:0 0 0 3px #a2ff001a}.field input[readonly]{color:#ffffff59;cursor:not-allowed;background:#ffffff0a}.field select option{color:#fff;background:#0f2a1a}.field input::placeholder,.field textarea::placeholder{color:#ffffff47}.form-input{border:1.5px solid var(--c-input-border);background:var(--c-input-bg);width:100%;color:var(--c-body);border-radius:8px;outline:none;padding:8px 10px;font-size:13px}.text-center{text-align:center}.stack{flex-direction:column;gap:12px;display:flex}.stack>.s-card{margin-bottom:0}.stats-mini{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}@media (width<=600px){.stats-mini{grid-template-columns:1fr 1fr}}.stat-mini{-webkit-backdrop-filter:blur(14px);text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;padding:12px 8px;box-shadow:inset 0 1px #ffffff0f}.smv{color:#a2ff00;margin-bottom:3px;font-size:22px;font-weight:900;line-height:1}.sml{color:#ffffff8c;letter-spacing:.3px;font-size:9.5px;font-weight:600}.coach-note{background:#a2ff000f;border-left:3px solid #a2ff00;border-radius:0 14px 14px 0;padding:12px 16px;font-size:12.5px;font-style:italic;line-height:1.6}.coach-note .meta{color:var(--c-meta);margin-top:6px;font-size:11px;font-style:normal}.level-badge{border-radius:20px;align-items:center;gap:3px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.level-novice{color:#94a3b8;background:#94a3b82e;border:1px solid #94a3b84d}.level-developing{color:#93c5fd;background:#60a5fa26;border:1px solid #60a5fa4d}.level-intermediate{color:#a2ff00;background:#a2ff0026;border:1px solid #a2ff004d}.level-advanced{color:#fbbf24;background:#fb923c26;border:1px solid #fb923c4d}.streak-badge{color:#f97316;align-items:center;gap:3px;font-size:11px;font-weight:700;display:inline-flex}.tab-count{background:#ffffff1f;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:4px;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex}.sunlight .stat-mini{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px #00000005}.sunlight .smv{color:#102a43}.sunlight .sml{color:#5a7a90}.sunlight .coach-note{background:#8ee0000f;border-left-color:#8ee000}.sunlight .tab-count{color:#102a43;background:#e2e8f0}.sunlight .tab-btn.active .tab-count{color:#102a43;background:#102a431a}.avatar{color:#fff;border:2px solid #ffffff2e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:flex;box-shadow:0 0 0 1px #ffffff0f}.s-card{-webkit-backdrop-filter:blur(16px);background:#ffffff0e;border:1px solid #ffffff1c;border-radius:15px;align-items:center;gap:12px;margin-bottom:8px;padding:12px 14px;transition:all .22s;display:flex}.s-card:hover,.s-card.clickable:hover{background:#a2ff0014;border-color:#a2ff0047;transform:translateY(-1px);box-shadow:0 4px 20px #0000004d,0 0 0 1px #a2ff001a}.s-card.clickable{cursor:pointer}.sci{flex:1;min-width:0}.scn{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.scm{color:#ffffff73;margin-top:2px;font-size:11.5px}.pb{border-radius:20px;align-items:center;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.pb-ok{color:#a2ff00;background:#a2ff0024;border:1px solid #a2ff004d}.pb-warn{color:#fdba74;background:#fb923c24;border:1px solid #fb923c4d}.pb-danger{color:#fca5a5;background:#ef444424;border:1px solid #ef44444d}.alert-card{-webkit-backdrop-filter:blur(14px);border-radius:15px;margin-bottom:10px;padding:14px}.alert-card.urgent{background:#ef44441a;border:1px solid #ef444447}.alert-card.warn{background:#fb923c1a;border:1px solid #fb923c47}.alert-card.ok{background:#a2ff0012;border:1px solid #a2ff0033}.tab-bar{background:#00000040;border:1px solid #ffffff12;border-radius:13px;gap:4px;margin-bottom:14px;padding:4px;display:flex}.tab-btn{color:#ffffff8c;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;flex:1;justify-content:center;align-items:center;min-height:44px;padding:9px 10px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.tab-btn.active{color:#102a43;background:#a2ff00;border-color:#a2ff00;font-weight:800;box-shadow:0 2px 14px #a2ff0059}.acc-item{border:1px solid #ffffff17;border-radius:13px;margin-bottom:7px;overflow:hidden}.acc-head{cursor:pointer;background:#ffffff0a;justify-content:space-between;align-items:center;min-height:56px;padding:13px 15px;transition:background .2s;display:flex}.acc-head:hover{background:#ffffff17}.acc-head.open{background:#a2ff001a;border-bottom:1px solid #a2ff002e}.acc-body{background:#0000002e;padding:12px}.sub-grid{flex-wrap:wrap;gap:6px;display:flex}.sub-btn{cursor:pointer;color:#ffffffbf;background:#ffffff14;border:1.5px solid #ffffff38;border-radius:9px;align-items:center;min-height:40px;padding:7px 13px;font-size:12px;font-weight:600;transition:all .18s;display:inline-flex}.sub-btn:hover{color:#fff;background:#ffffff29;border-color:#fff6}.sub-btn.sel{color:#a2ff00;background:#a2ff0038;border-color:#a2ff00;font-weight:700;box-shadow:0 0 12px #a2ff0040}.star{cursor:pointer;color:#ffffff2e;-webkit-user-select:none;user-select:none;font-size:22px;line-height:1;transition:all .15s}.star.on{color:#fbbf24;text-shadow:0 0 10px #fbbf248c}.star:hover{color:#fcd34d;transform:scale(1.18)}.hm-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.hm-cell{aspect-ratio:1;cursor:default;border:1px solid #ffffff12;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.hm-cell:hover{z-index:1;transform:scale(1.14);box-shadow:0 0 8px #a2ff0059}.notif-dot{background:#ffffff2e;border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:4px}.notif-dot:not(.read){background:#a2ff00;box-shadow:0 0 8px #5fffa099}.perm-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:7px;display:grid}.perm-item{cursor:pointer;color:#fff9;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:7px;padding:8px 11px;font-size:12px;transition:all .18s;display:flex}.perm-item.on{color:#a2ff00;background:#a2ff0024;border-color:#a2ff0059}.perm-item input{accent-color:#a2ff00}.pkg-card{-webkit-backdrop-filter:blur(16px);text-align:center;background:#fff1;border:1.5px solid #ffffff1f;border-radius:18px;padding:18px;transition:all .25s}.pkg-card:hover{border-color:#ffffff38;transform:translateY(-3px);box-shadow:0 12px 36px #0006}.tbl-wrap{border:1px solid #ffffff1a;border-radius:14px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12.5px}th{color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;text-align:left;white-space:nowrap;background:#00000052;padding:10px 12px;font-size:10.5px;font-weight:700}td{color:#ffffffd1;vertical-align:middle;border-top:1px solid #ffffff0f;padding:9px 12px}tr:hover td{background:#ffffff09}.filter-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.filter-row input,.filter-row select{color:#fff;background:#ffffff1a;border:1.5px solid #ffffff47;border-radius:9px;outline:none;padding:7px 11px;font-size:12.5px;transition:border-color .2s}.filter-row input:focus,.filter-row select:focus{border-color:#a2ff0073}.filter-row input::placeholder{color:#ffffff4d}.filter-row select option{background:#0f2a1a}.login-wrap{background:radial-gradient(65% 55% at 50% 38%,#1e3f5e 0%,#1a3652 18%,#162d48 34%,#122540 52%,#102a43 70%,#0c2038 88%,#091829 100%) fixed;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-wrap:before{content:"";pointer-events:none;background:radial-gradient(circle,#1d8e4638 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:fixed;top:-150px;left:50%;transform:translate(-50%)}.login-card{-webkit-backdrop-filter:blur(32px);background:#ffffff12;border:1px solid #ffffff29;border-radius:26px;width:100%;max-width:384px;padding:34px 28px;position:relative;box-shadow:0 20px 56px #0000008c,inset 0 1px #ffffff1f}.login-logo{text-align:center;margin-bottom:26px}.login-logo .ico{filter:drop-shadow(0 0 14px #a2ff0059);margin-bottom:10px;font-size:48px}.login-logo h1{color:#fff;letter-spacing:-.5px;font-size:24px;font-weight:900}.login-logo p{color:#fff6;margin-top:4px;font-size:12px}.pw-wrap{position:relative}.pw-wrap input{padding-right:68px}.eye-btn{color:#ffffff73;cursor:pointer;background:0 0;border:none;padding:3px;font-size:11.5px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.err-box{color:#fca5a5;background:#ef44441f;border:1px solid #ef444447;border-radius:10px;margin-bottom:12px;padding:9px 12px;font-size:12.5px}.demo-chips{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.demo-chip{cursor:pointer;color:#ffffffbf;background:#ffffff14;border:1px solid #ffffff2e;border-radius:20px;padding:5px 13px;font-size:11.5px;font-weight:600;transition:all .2s}.demo-chip:hover{color:#a2ff00;background:#a2ff002e;border-color:#a2ff0066}.sunlight .login-wrap{background:radial-gradient(80% 60% at 50% 30%,#f8fafc 0%,#f1f5f9 50%,#e8edf3 100%)}.sunlight .login-wrap:before{opacity:0}.sunlight .login-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 8px 32px #00000014,0 2px 6px #0000000a}.sunlight .login-logo h1{color:#102a43}.sunlight .login-logo p{color:#5a7a90}.sunlight .pw-wrap input{color:#102a43}.sunlight .eye-btn{color:#5a7a90}.lang-toggle{background:#00000047;border:1px solid #ffffff1a;border-radius:8px;gap:2px;display:flex;overflow:hidden}.lang-toggle button{cursor:pointer;color:#ffffff73;background:0 0;border:none;flex:1;min-width:0;padding:5px 10px;font-size:11px;font-weight:700;transition:all .2s}.lang-toggle button.active{color:#a2ff00;background:#a2ff0038}.theme-toggle{cursor:pointer;color:#ffffffc7;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;line-height:1;transition:all .2s;display:inline-flex}.theme-toggle:hover{color:#fff;background:#ffffff29}.setup-box{background:#60a5fa14;border:1px solid #60a5fa38;border-radius:13px;margin-bottom:14px;padding:14px}.link-val{word-break:break-all;color:#fff9;background:#00000047;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:7px;padding:7px 10px;font-family:monospace;font-size:11.5px}.mobile-menu-overlay{z-index:500;-webkit-backdrop-filter:blur(6px);background:#000000a6;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.mobile-menu-sheet{-webkit-backdrop-filter:blur(32px);background:#091826eb;border:1px solid #ffffff24;border-radius:26px 26px 0 0;padding:20px 20px 40px}.sheet-handle{background:#ffffff38;border-radius:2px;width:40px;height:4px;margin:0 auto 16px}@media (width<=767px){.app-wrap{flex-direction:column}.bottom-nav{flex-shrink:0;order:2;width:100%}.main-content{flex:1;order:1;min-height:0}}@media (width>=768px) and (width<=1024px){.sidebar{width:185px}.page-body{padding:14px 16px}}@media (width>=1280px){.sidebar{width:240px}.page-body{padding:22px 28px}}@media (width<=420px){.stats-row{grid-template-columns:1fr 1fr!important}.btn-sm{padding:4px 8px;font-size:11px}.bottom-nav-inner button{min-width:48px;padding:6px 2px 9px;font-size:9px}.bni{font-size:17px}.pkg-card{padding:14px 12px}.filter-row{flex-direction:column}.filter-row input,.filter-row select{width:100%}}.tbl-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.card,.s-card,.alert-card{word-break:break-word;overflow-wrap:break-word}table{min-width:480px}.modal-overlay{z-index:999;-webkit-backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card{-webkit-backdrop-filter:blur(28px);background:#0a1826f5;border:1px solid #ffffff2e;border-radius:20px;width:100%;max-width:360px;padding:26px 22px}.modal-title{color:#fff;margin:0 0 4px;font-size:15px;font-weight:800}.modal-sub{color:#ffffff73;margin:0 0 16px;font-size:12px}body.sunlight{background:radial-gradient(80% 60% at 50% 30%,#f8fafc 0%,#f1f5f9 50%,#e8edf3 100%)!important}body.sunlight:before,body.sunlight:after{opacity:0}.sunlight{color:#102a43;background:0 0}.sunlight .page-body,.sunlight .main-content{background:0 0}.sunlight .card{-webkit-backdrop-filter:none;background:#fff;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000a,0 1px 2px #00000005}.sunlight .card:hover{box-shadow:0 4px 14px #0000000f}.sunlight .sidebar{-webkit-backdrop-filter:none;background:#f8fafc;border-right:1px solid #e2e8f0;box-shadow:2px 0 12px #00000008}.sunlight .sidebar-logo h1{color:#102a43}.sunlight .sidebar-logo p{color:#5a7a90}.sunlight .su-name{color:#102a43}.sunlight .sidebar-nav button{color:#4a5a6a;font-weight:500}.sunlight .sidebar-nav button:hover{color:#102a43;background:#eef2f7;border-color:#0000}.sunlight .sidebar-nav button.active{color:#102a43;background:#8ee000;border-color:#8ee000;font-weight:700;box-shadow:0 2px 10px #8ee00040}.sunlight .logout-btn{color:#c02020;background:#ef444414;border-color:#ef444438}.sunlight .top-bar{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #00000005}.sunlight .top-bar-title{color:#102a43}.sunlight .mobile-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:#102a43}.sunlight .bottom-nav{-webkit-backdrop-filter:none;backdrop-filter:none;background:#f8fafc;border-top:1px solid #e2e8f0}.sunlight .bottom-nav-inner button{color:#7a8a9a;font-weight:500}.sunlight .bottom-nav-inner button.active{color:#102a43;font-weight:700}.sunlight .stat{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:1px solid #e2e8f0;box-shadow:inset 0 1px #fffc,0 2px 6px #00000008}.sunlight .sv{color:#102a43;font-weight:900}.sunlight .sl{color:#5a7a90;font-weight:600}.sunlight .s-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px #00000005}.sunlight .s-card:hover{background:#f8fff5;border-color:#8ee000;transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.sunlight .scn{color:#102a43;font-weight:700}.sunlight .scm{color:#5a7a90;font-weight:500}.sunlight .tab-bar{background:#f1f5f9;border:1px solid #e2e8f0}.sunlight .tab-btn{color:#5a7a90;font-weight:500}.sunlight .tab-btn.active,.sunlight .btn-primary{color:#102a43;background:#8ee000;border-color:#8ee000;font-weight:700;box-shadow:0 2px 10px #8ee00040}.sunlight .btn-primary:hover{background:#a0f200;box-shadow:0 4px 14px #8ee00059}.sunlight .btn-secondary{color:#102a43;background:#fff;border-color:#d1d9e0;font-weight:500}.sunlight .btn-secondary:hover{background:#f1f5f9}.sunlight .btn-ghost{color:#64748b}.sunlight .btn-ghost:hover{color:#102a43}.sunlight .btn-ghost svg{opacity:.4}.sunlight .btn-ghost:hover svg{opacity:1}.sunlight .btn-warn{color:#c45a00;background:#f9731617;border-color:#f9731659;font-weight:600}.sunlight .btn-danger{color:#c02020;background:#ef444417;border-color:#ef44444d;font-weight:600}.sunlight .btn-info{color:#0056b3;background:#0056b317;border-color:#0056b340;font-weight:600}.sunlight .badge.bg-green{color:#102a43;background:#8ee000;border-color:#8ee000;font-weight:700}.sunlight .badge.bg-blue{color:#0056b3;background:#0056b31a;border-color:#0056b340}.sunlight .badge.bg-gray{color:#5a7a90;background:#f1f5f9;border-color:#d1d9e0}.sunlight .pb-ok{color:#3d7000;background:#3d700014;border-color:#3d70004d;font-weight:700}.sunlight .pb-warn{color:#c45a00;background:#c45a0014;border-color:#c45a004d;font-weight:700}.sunlight .pb-danger{color:#c02020;background:#c0202014;border-color:#c020204d;font-weight:700}.sunlight .alert-card.urgent{background:#ef44440d;border:1px solid #c0202040}.sunlight .alert-card.warn{background:#f973160d;border:1px solid #c45a0040}.sunlight .alert-card.ok{background:#3d70000d;border:1px solid #3d700040}.sunlight .tbl-wrap{border-color:#e2e8f0}.sunlight th{color:#5a7a90;background:#f1f5f9;font-weight:700}.sunlight td{color:#102a43;border-top-color:#eef2f7;font-weight:500}.sunlight tr:hover td{background:#f8fafc}.sunlight .filter-row input,.sunlight .filter-row select{color:#102a43;background:#fff;border-color:#d1d9e0;font-weight:500}.sunlight .filter-row input::placeholder{color:#94a3b8}.sunlight .form-group label{color:#5a7a90;font-weight:700}.sunlight .field input,.sunlight .field select,.sunlight .field textarea{color:#102a43;background:#fff;border-color:#d1d9e0;font-weight:500}.sunlight .field label{color:#5a7a90;font-weight:700}.sunlight .field input::placeholder,.sunlight .field textarea::placeholder{color:#94a3b8}.sunlight .field select option{color:#102a43;background:#fff}.sunlight .acc-item{border-color:#e2e8f0;border-left-width:3px}.sunlight .acc-head{background:#f1f5f9!important}.sunlight .acc-head:hover{background:#e8edf3!important}.sunlight .acc-head.open{border-bottom-color:#3d700033;background:#3d70000f!important}.sunlight .acc-head,.sunlight .acc-head *{color:var(--c-body)!important}.sunlight .acc-body{background:#f8fafc}.sunlight .sub-btn{color:#3a4a5a;background:#fff;border-color:#c5cfd9;font-weight:500}.sunlight .sub-btn:hover{color:#102a43;background:#f1f5f9}.sunlight .sub-btn.sel{box-shadow:none;font-weight:700;color:#3d7000!important;background:#3d70001f!important;border-color:#3d7000!important}.sunlight .acc-head:not(.open){background:#f1f5f9!important}.sunlight .modal-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:1px solid #e2e8f0;box-shadow:0 8px 32px #0000001a}.sunlight .modal-title{color:#102a43}.sunlight .modal-sub{color:#5a7a90}.sunlight .mobile-menu-sheet{-webkit-backdrop-filter:none;backdrop-filter:none;background:#f8fafc;border-color:#e2e8f0}.sunlight .sheet-handle{background:#102a432e}.sunlight .star{color:#d1d9e0}.sunlight .star.on{color:#ca9500;text-shadow:none}.sunlight .star:hover{color:#b08000}.sunlight .hm-cell{border-color:#e2e8f0}.sunlight .hm-cell:hover{box-shadow:0 0 6px #8ee00033}.sunlight .lang-toggle{background:#f1f5f9;border:1px solid #e2e8f0}.sunlight .lang-toggle button{color:#5a7a90;font-weight:500}.sunlight .lang-toggle button.active{color:#102a43;background:#8ee000;font-weight:700}.sunlight .theme-toggle{color:#5a7a90;background:#fff;border-color:#d1d9e0}.sunlight .theme-toggle:hover{color:#102a43;background:#f1f5f9}.sunlight .notif-dot{background:#d1d9e0}.sunlight .notif-dot:not(.read){box-shadow:none;background:#3d7000}.sunlight .pkg-card{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 4px #00000008}.sunlight .pkg-card:hover{border-color:#8ee000;transform:translateY(-2px);box-shadow:0 6px 18px #00000014}.sunlight .perm-item{color:#4a5a6a;background:#f1f5f9;border-color:#e2e8f0;font-weight:500}.sunlight .perm-item.on{color:#102a43;background:#8ee000;border-color:#8ee000;font-weight:700}.sunlight .avatar{box-shadow:none;border-color:#e2e8f0}.sunlight .err-box{color:#c02020;background:#c020200d;border-color:#c0202033}.sunlight .demo-chip{color:#102a43;background:#f1f5f9;border-color:#d1d9e0}.sunlight .demo-chip:hover{color:#102a43;background:#8ee000;border-color:#8ee000}.sunlight .setup-box{background:#0056b30d;border-color:#0056b326}.sunlight .link-val{color:#5a7a90;background:#f1f5f9;border-color:#d1d9e0}.sunlight svg text{fill:var(--c-body)!important}.sunlight svg line,.sunlight svg polygon:not([data-shape=data]){stroke:#102a431f!important}.bar-track{background:#ffffff1a}.sunlight .bar-track{background:#e8eef4}.chart-grid-line{stroke:#ffffff14}