body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(ellipse at var(--tint-x, 12%) var(--tint-y, 55%),var(--tint-color-override, var(--aglow)) 0%,transparent 40%);opacity:var(--tint-opacity, .14);pointer-events:none;transition:opacity .4s ease}.app-shell{position:relative;z-index:1}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #070708;--bg-nav: #0c0c10;--bg-card: #111116;--bg-c2: #161620;--bg-inp: #0c0c10;--b: rgba(255,255,255,.08);--b2: rgba(255,255,255,.15);--t1: #f2f2ff;--t2: rgba(242,242,255,.5);--t3: rgba(242,242,255,.25);--a: #7c3aed;--ab: #a78bfa;--adim: rgba(124,58,237,.18);--aglow:rgba(124,58,237,.5);--green: #22c55e;--gd: rgba(34,197,94,.15);--red: #ef4444;--rd: rgba(239,68,68,.15);--yellow: #f59e0b;--yd: rgba(245,158,11,.15);--blue: #3b82f6;--bd: rgba(59,130,246,.15);--r: 14px;--r2: 10px;--r3: 20px;--tr: .2s ease;--sb-full: 240px;--sb-col: 64px;--sb: var(--sb-full)}:root[data-mode=light]{--bg: color-mix(in oklab, var(--ab) 4%, #f6f6f9);--bg-nav: color-mix(in oklab, var(--ab) 3%, #f0f0f5);--bg-card: color-mix(in oklab, var(--ab) 2%, #ffffff);--bg-c2: color-mix(in oklab, var(--ab) 2%, #f4f4f8);--bg-inp: color-mix(in oklab, var(--ab) 1%, #fafafa);--b: rgba(0,0,0,.08);--b2: rgba(0,0,0,.15);--t1: #0a0a14;--t2: rgba(10,10,20,.7);--t3: rgba(10,10,20,.45)}@supports not (background: color-mix(in oklab,white,black)){:root[data-mode=light]{--bg: #f6f6f9;--bg-nav: #f0f0f5;--bg-card: #ffffff;--bg-c2: #f4f4f8;--bg-inp: #fafafa}}[data-theme=blue]{--a:#2563eb;--ab:#60a5fa;--adim:rgba(37,99,235,.18);--aglow:rgba(37,99,235,.5)}[data-theme=emerald]{--a:#059669;--ab:#34d399;--adim:rgba(5,150,105,.18);--aglow:rgba(5,150,105,.5)}[data-theme=amber]{--a:#d97706;--ab:#fbbf24;--adim:rgba(217,119,6,.18);--aglow:rgba(217,119,6,.5)}[data-theme=rose]{--a:#e11d48;--ab:#fb7185;--adim:rgba(225,29,72,.18);--aglow:rgba(225,29,72,.5)}[data-theme=cyan]{--a:#0891b2;--ab:#22d3ee;--adim:rgba(8,145,178,.18);--aglow:rgba(8,145,178,.5)}html{font-size:15px}html,body,#root{height:100%;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--t1);-webkit-font-smoothing:antialiased;overflow-x:hidden;font-feature-settings:"tnum" 1,"ss01" 1,"cv11" 1,"case" 1}.num,.num-kpi,.kpi-value,.stat-value,.stat-trend,td.num,.tabular{font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:99px}.app-shell{display:flex;min-height:100vh;padding:8px;gap:8px;background:var(--bg)}.sidebar{width:var(--sb-full);min-width:var(--sb-full);background:var(--bg-nav);border:1px solid var(--b);border-radius:18px;display:flex;flex-direction:column;height:calc(100vh - 16px);position:sticky;top:8px;padding:0;z-index:100;overflow-x:hidden;overflow-y:auto;transition:width var(--tr),min-width var(--tr)}.sidebar.sb-col{width:var(--sb-col);min-width:var(--sb-col)}.main-content{flex:1;min-width:0;background:var(--bg-nav);border:1px solid var(--b);border-radius:18px;display:flex;flex-direction:column;min-height:calc(100vh - 16px)}.sb-head{display:flex;align-items:center;gap:10px;padding:18px 16px;border-bottom:1px solid var(--b);overflow:hidden}.sb-logo-icon{width:36px;height:36px;border-radius:10px;flex-shrink:0;background:linear-gradient(135deg,var(--a),var(--ab));display:flex;align-items:center;justify-content:center}.sb-logo-text{overflow:hidden;white-space:nowrap}.sb-user-row{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--b);cursor:pointer}.sb-user-row:hover{background:#ffffff0a}.sb-avatar{width:30px;height:30px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff}.sb-nav{flex:1;padding:10px;display:flex;flex-direction:column;gap:0;overflow-y:auto}.sb-section{margin-bottom:6px}.sb-section-label{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--t3);padding:8px 8px 4px;white-space:nowrap}.sb-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;cursor:pointer;color:var(--t2);text-decoration:none;transition:all var(--tr);position:relative;width:100%;overflow:hidden;border:1px solid transparent}.sb-item:hover:not(.active){color:var(--t1);background:#ffffff08}.sb-item.active{background:var(--bg-card);color:var(--t1);font-weight:600;border:1px solid var(--b);box-shadow:inset 0 1px #ffffff0f,0 4px 12px #00000040}.sb-item.active .sb-item-icon{color:var(--ab)}.sb-item.active .sb-item-icon svg{filter:drop-shadow(0 0 6px var(--aglow))}.sb-item.active:hover{background:var(--bg-card)}.sb-item-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.sb-col .sb-item{justify-content:center;padding:9px}.sb-col .sb-section-label{display:none}.sb-col .sb-section{margin-bottom:2px}.sb-col .sb-item.active{background:var(--adim);color:var(--ab)}.sb-col .sb-item.active .sb-item-icon svg{filter:drop-shadow(0 0 8px var(--aglow))}.sb-item-bar,.sb-item.active .sb-item-bar{display:none}.sb-item-label{font-size:13px;white-space:nowrap;overflow:hidden}.sb-footer{padding:12px 14px;border-top:1px solid var(--b)}.sb-col .sb-footer{padding:12px 8px;display:flex;justify-content:center}.sb-theme-dot{width:10px;height:10px;border-radius:50%;margin:4px auto 0;transition:box-shadow var(--tr)}.header{height:68px;background:#0c0c10f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--b);display:flex;align-items:center;gap:16px;padding:0 28px;position:sticky;top:0;z-index:90}.header-greeting{font-size:12px;color:var(--t3);margin-bottom:2px}.header-page{font-size:19px;font-weight:700;color:var(--t1);line-height:1;letter-spacing:-.3px}.icon-btn{width:36px;height:36px;border-radius:var(--r2);background:var(--bg-inp);border:1px solid var(--b);color:var(--t2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--tr);text-decoration:none}.icon-btn:hover{border-color:var(--a);color:var(--ab);background:var(--adim)}.page{flex:1;padding:24px 28px;overflow-y:auto}.setup-banner{background:linear-gradient(135deg,var(--bg-card),var(--bg-c2));border:1px dashed var(--b2);border-radius:var(--r3);padding:48px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.setup-banner h2{font-size:20px;font-weight:700;color:var(--t1)}.setup-banner p{font-size:13px;color:var(--t2);max-width:380px;line-height:1.7}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-bottom:22px;align-items:stretch}.stat-card{background:var(--bg-card);border:1px solid var(--b);border-radius:var(--r);padding:22px;position:relative;overflow:hidden;transition:all var(--tr);cursor:default;display:flex;flex-direction:column;gap:12px;height:100%;min-height:130px;box-sizing:border-box}.stat-card:hover{border-color:#ffffff24;box-shadow:0 8px 32px #00000080;transform:translateY(-2px)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--b2),transparent)}.stat-card.c-accent{background:linear-gradient(145deg,#1a0a3e,#0f061f);border-color:#a78bfa40;box-shadow:inset 0 0 80px #7c3aed1f,0 0 0 1px #a78bfa26}.stat-card.c-accent:after{content:"";position:absolute;top:-40px;left:-40px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,var(--aglow) 0%,transparent 70%);opacity:.5;pointer-events:none}.stat-card.c-green{background:linear-gradient(145deg,#052010,#030e08);border-color:#22c55e33}.stat-card.c-green:after{content:"";position:absolute;top:-30px;left:-30px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(34,197,94,.3) 0%,transparent 70%);opacity:.5;pointer-events:none}.stat-card.c-red{background:linear-gradient(145deg,#200a0a,#0f0505);border-color:#ef444433}.stat-card.c-red:after{content:"";position:absolute;top:-30px;left:-30px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(239,68,68,.3) 0%,transparent 70%);opacity:.5;pointer-events:none}.stat-card.c-yellow{background:linear-gradient(145deg,#1f1204,#0e0802);border-color:#f59e0b33}.stat-card.c-yellow:after{content:"";position:absolute;top:-30px;left:-30px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(245,158,11,.3) 0%,transparent 70%);opacity:.5;pointer-events:none}.stat-top{display:flex;align-items:flex-start;justify-content:space-between;position:relative;z-index:1}.stat-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.09em;color:var(--t3);position:relative;z-index:1}.stat-value{font-size:36px;font-weight:800;color:var(--t1);letter-spacing:-1.5px;line-height:1;position:relative;z-index:1}.stat-icon{width:40px;height:40px;border-radius:var(--r2);background:#ffffff12;display:flex;align-items:center;justify-content:center;color:var(--ab)}.stat-trend{display:flex;align-items:center;gap:3px;font-size:11px;font-weight:700;padding:3px 8px;border-radius:99px}.stat-trend.up{background:var(--gd);color:var(--green)}.stat-trend.down{background:var(--rd);color:var(--red)}.card{background:var(--bg-card);border:1px solid var(--b);border-radius:var(--r);overflow:hidden}.card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--b)}.card-title{font-size:13px;font-weight:600;color:var(--t1);display:flex;align-items:center;gap:8px}.card-title svg{color:var(--ab)}.card-body{padding:20px}.hero{position:relative;overflow:hidden;background:linear-gradient(145deg,#0d0d18,#08080f);border:1px solid var(--b2);border-radius:var(--r3);padding:28px 28px 0;margin-bottom:20px}.hero:before{content:"";position:absolute;top:-60px;left:-60px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,var(--aglow) 0%,transparent 70%);opacity:.2;pointer-events:none}.hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap;position:relative;z-index:1}.hero-pulse{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--t3);margin-bottom:10px}.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);animation:glow-pulse 2s infinite}@keyframes glow-pulse{0%,to{box-shadow:0 0 4px var(--green)}50%{box-shadow:0 0 14px var(--green),0 0 4px var(--green)}}.hero-num{font-size:56px;font-weight:900;letter-spacing:-3px;color:var(--t1);line-height:1}.hero-lbl{font-size:13px;color:var(--t2);margin-top:8px}.hero-periods{display:flex;background:#ffffff0f;border:1px solid var(--b);border-radius:var(--r2);overflow:hidden;align-self:flex-start}.hp-btn{padding:7px 14px;font-size:12px;font-weight:500;color:var(--t3);background:none;border:none;cursor:pointer;transition:all var(--tr)}.hp-btn.active{background:var(--a);color:#fff}.hero-chart{height:180px;width:100%;margin-top:18px;position:relative;z-index:1}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;margin-bottom:18px}.grid-wide{display:grid;grid-template-columns:1.7fr 1fr;gap:18px;margin-bottom:18px}.tbl-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--t3);padding:8px 18px;border-bottom:1px solid var(--b);white-space:nowrap;background:#ffffff05}td{padding:12px 18px;font-size:13px;color:var(--t2);border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background:#ffffff08;color:var(--t1)}.filter-bar{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.filter-tabs{display:flex;background:#ffffff0d;border:1px solid var(--b);border-radius:var(--r2);overflow:hidden}.filter-tab{padding:6px 14px;font-size:12px;font-weight:500;color:var(--t3);background:none;border:none;cursor:pointer;transition:all var(--tr)}.filter-tab.active{background:var(--a);color:#fff}.filter-select{background:var(--bg-inp);border:1px solid var(--b);border-radius:var(--r2);color:var(--t1);padding:6px 10px;font-size:12px;outline:none;cursor:pointer}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:99px;font-size:11px;font-weight:600}.badge-g{background:var(--gd);color:var(--green)}.badge-r{background:var(--rd);color:var(--red)}.badge-b{background:var(--adim);color:var(--ab)}.badge-y{background:var(--yd);color:var(--yellow)}.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:var(--r2);font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all var(--tr);text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--a),var(--ab));color:#fff;box-shadow:0 4px 20px var(--aglow)}.btn-primary:hover{filter:brightness(1.12);transform:translateY(-1px);box-shadow:0 6px 28px var(--aglow)}.btn-ghost{background:#ffffff0d;border:1px solid var(--b);color:var(--t2)}.btn-ghost:hover{border-color:var(--a);color:var(--ab);background:var(--adim)}.btn-sm{padding:5px 12px;font-size:12px}.chart-h{width:100%;height:260px}.chart-sm{width:100%;height:200px}.chart-lg{width:100%;height:360px}.s-section{background:var(--bg-card);border:1px solid var(--b);border-radius:var(--r);margin-bottom:18px;overflow:hidden}.s-head{padding:16px 22px;border-bottom:1px solid var(--b);font-size:13px;font-weight:600;color:var(--t1);display:flex;align-items:center;gap:8px}.s-head svg{color:var(--ab)}.s-row{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid var(--b)}.s-row:last-child{border-bottom:none}.s-row-label{font-size:13px;color:var(--t1)}.s-row-desc{font-size:12px;color:var(--t3);margin-top:2px}.swatches{display:inline-flex;align-items:center;gap:10px;padding:7px 12px;background:#7f7f7f12;border:1px solid var(--b);border-radius:999px;flex-wrap:wrap}.swatch{width:26px;height:26px;border-radius:50%;cursor:pointer;border:none;padding:0;position:relative;transition:transform var(--tr);box-shadow:inset 0 0 0 1px #ffffff0f}.swatch:hover{transform:scale(1.1)}.swatch.sel{outline:2px solid var(--t1);outline-offset:2px}.input{background:var(--bg-inp);border:1px solid var(--b);border-radius:var(--r2);color:var(--t1);padding:9px 13px;font-size:13px;outline:none;width:100%;transition:border-color var(--tr)}.input:focus{border-color:var(--a);box-shadow:0 0 0 3px var(--adim)}.input::placeholder{color:var(--t3)}.toggle{width:42px;height:24px;border-radius:99px;background:#ffffff1f;cursor:pointer;position:relative;transition:background var(--tr);border:none;flex-shrink:0}.toggle.on{background:var(--a)}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform var(--tr);box-shadow:0 1px 4px #0006}.toggle.on:after{transform:translate(18px)}.tag{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:99px;font-size:11px;background:#ffffff12;color:var(--t2);border:1px solid var(--b)}.sk{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-c2) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.6s infinite;border-radius:var(--r2)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty{text-align:center;padding:48px 20px;color:var(--t3);font-size:13px}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeUp .3s ease forwards}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1100px){.grid-wide{grid-template-columns:1fr}}@media (max-width: 900px){.grid-2{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.page{padding:16px 16px calc(80px + env(safe-area-inset-bottom,0px))}.header{padding:0 16px;padding-top:env(safe-area-inset-top,0px)}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.hero-num{font-size:38px}.grid-3{grid-template-columns:1fr}.mobile-hide{display:none!important}.app-shell{padding:0;gap:0}.main-content{border:none;border-radius:0;min-height:100vh}.portal-shell{padding:0!important;gap:0!important}.portal-shell>main{border:none!important;border-radius:0!important;min-height:100vh!important;padding:16px 16px calc(80px + env(safe-area-inset-bottom,0px))!important}.portal-shell>aside{border-radius:0!important}.sidebar{position:fixed;top:0;left:0;bottom:0;height:100vh;z-index:100;border-radius:0;border:none;border-right:1px solid var(--b);transform:translate(-100%);transition:transform .22s ease;box-shadow:16px 0 40px #0006}.app-shell[data-mobile-open=true] .sidebar{transform:translate(0)}.app-shell[data-mobile-open=true]:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.portal-shell{position:relative}.portal-shell aside{position:fixed;top:0;left:0;bottom:0;z-index:100;transform:translate(-100%);transition:transform .22s ease;box-shadow:16px 0 40px #0006}.portal-shell[data-mobile-open=true] aside{transform:translate(0)}.portal-shell[data-mobile-open=true]:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mobile-menu-btn{display:inline-flex!important}}.mobile-menu-btn{display:none}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.hero-num{font-size:30px}}.flex{display:flex}.items-center{align-items:center}.gap-2{gap:8px}.gap-3{gap:12px}.ml-a{margin-left:auto}.t-muted{color:var(--t3)}.t-sm{font-size:13px}.t-xs{font-size:11px}.fw-600{font-weight:600}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mb-4{margin-bottom:16px}.mt-2{margin-top:8px}@media (max-width: 768px){.tbl-wrap{overflow-x:visible}.tbl-wrap table{display:block;width:100%}.tbl-wrap thead{display:none}.tbl-wrap tbody{display:block}.tbl-wrap tr{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 12px;background:var(--bg-card);border:1px solid var(--b);border-radius:14px;padding:12px 14px;margin:0 0 8px}.tbl-wrap tr:hover{background:var(--bg-card)}.tbl-wrap td{display:block;padding:2px 0!important;border:none!important;text-align:left!important;font-size:12px;color:var(--t2);background:none!important}.tbl-wrap td:nth-of-type(1){grid-column:1;grid-row:1;font-size:11px;color:var(--t3);white-space:nowrap}.tbl-wrap td:nth-of-type(2){grid-column:1 / -1;grid-row:2;font-size:14px;font-weight:600;color:var(--t1)}.tbl-wrap td:last-of-type{grid-column:2;grid-row:1;justify-self:end;font-size:12px}.tbl-wrap td:nth-of-type(n+3):not(:last-of-type){grid-column:1 / -1;font-size:12px;color:var(--t2)}.tbl-wrap td[style*="text-align: right"],.tbl-wrap td[style*="text-align:right"]{text-align:right!important}}@media (max-width: 768px){.modal-backdrop{align-items:center!important;justify-content:center!important;padding:max(16px,env(safe-area-inset-top,0px)) 12px calc(var(--mobile-bottom-nav-h, 80px) + env(safe-area-inset-bottom,0px) + 16px) 12px!important;overflow-y:auto}.modal-card{width:100%!important;max-width:480px!important;max-height:calc(100vh - var(--mobile-bottom-nav-h, 80px) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 32px)!important;border-radius:18px!important;margin:0 auto!important}}.grid-stat-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}@media (max-width: 640px){.grid-stat-3{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}@media (max-width: 380px){.grid-stat-3{grid-template-columns:1fr}}@media (max-width: 640px){.donut-row{flex-direction:column!important;align-items:stretch!important;height:auto!important}.donut-row>*{width:100%;height:200px}.donut-row>*:last-child{height:auto}}.kpi-card{min-width:0}@media (max-width: 640px){.kpi-card{padding:14px 14px 10px!important;border-radius:14px!important}.kpi-card .kpi-label{font-size:10px!important;letter-spacing:.06em!important}.kpi-card .kpi-value{font-size:18px!important;letter-spacing:-.3px!important}}@media (max-width: 380px){.kpi-card .kpi-value{font-size:16px!important}}.portal-fab{bottom:24px}@media (max-width: 768px){.portal-fab{bottom:calc(80px + env(safe-area-inset-bottom,0px))}}.bottom-nav-wrap{display:none}@media (max-width: 768px){.bottom-nav-wrap{display:block;position:fixed;left:0;right:0;bottom:0;z-index:80;background:var(--bg-nav);border-top:1px solid var(--b);padding-bottom:env(safe-area-inset-bottom,0px);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bottom-nav{display:flex;align-items:stretch;padding:6px 8px;max-width:640px;margin:0 auto}.bn-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 4px;background:none;border:none;cursor:pointer;text-decoration:none;color:var(--t3);font-size:10px;font-weight:600;letter-spacing:.02em;min-height:50px;border-radius:10px;transition:color var(--tr),background var(--tr)}.bn-item:hover{color:var(--t2)}.bn-item.active{color:var(--ab);background:var(--adim)}.bn-item.active svg{filter:drop-shadow(0 0 5px var(--aglow))}}@media (max-width: 768px){.task-row .btn-row,.task-row .icon-btn,.icon-btn{min-height:32px;min-width:32px;padding:7px 10px}.task-row td input[type=checkbox]{width:20px;height:20px;cursor:pointer}.task-row button[title=More],.task-row button[title="Edit task"]{min-height:36px;min-width:36px;padding:8px}}@keyframes drawerSlideIn{0%{transform:translate(100%);opacity:.5}to{transform:translate(0);opacity:1}}.tbl-wrap thead th{position:sticky;top:0;z-index:5;background:var(--bg-card, #0f0f18);box-shadow:0 1px 0 var(--b)}@keyframes modalBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes modalCardIn{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:none}}@keyframes rowPulse{0%{background:#7c3aed33}to{background:transparent}}@keyframes rowSlideOut{to{opacity:0;transform:translate(20px);height:0;padding-top:0;padding-bottom:0;border:0}}@keyframes badgePop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.row-pulse{animation:rowPulse .9s ease-out}.row-leaving{animation:rowSlideOut .24s cubic-bezier(.4,0,.2,1) forwards}.task-row{transition:background .14s ease-out}.task-row:hover td{background:#ffffff06}.btn-row{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:7px;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap;border:1px solid var(--b);background:#ffffff0a;color:var(--t2);transition:filter .14s ease-out,transform 90ms cubic-bezier(.4,0,.2,1),background .14s ease-out}.btn-row:hover{filter:brightness(1.18)}.btn-row:active{transform:scale(.94)}.btn-row:disabled{opacity:.5;cursor:not-allowed;filter:none;transform:none}.btn-approve{background:linear-gradient(135deg,#16a34a,#22c55e);border-color:#22c55e;color:#fff;box-shadow:0 2px 8px #22c55e40}.btn-revoke{background:#f59e0b29;border-color:#f59e0b6b;color:#f59e0b}.btn-changes{background:#f59e0b1f;border-color:#f59e0b5c;color:#f59e0b}.btn-start{background:#7c3aed29;border-color:#7c3aed6b;color:var(--ab)}.btn-done{background:#22c55e29;border-color:#22c55e6b;color:#22c55e}.btn-ghost-row{background:#ffffff0a;border-color:var(--b);color:var(--t3);padding:5px 8px}.btn-ghost-row:hover{color:var(--t1);background:#ffffff14}@keyframes confettiFall{0%{opacity:0;transform:translateY(-20px) rotate(0)}10%{opacity:1}to{opacity:0;transform:translateY(420px) rotate(720deg)}}.eyebrow{font-size:10px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px}@keyframes slideInRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes sheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}*:focus-visible{outline:2px solid var(--a);outline-offset:2px;border-radius:4px}*:focus:not(:focus-visible){outline:none}.filter-bar-mobile{display:none}@media (max-width: 768px){.filter-bar-desktop{display:none!important}.filter-bar-mobile{display:flex!important}}:root[data-mode=light] .app-shell[data-mobile-open=true]:before{background:#0006!important}:root[data-mode=light] .portal-shell[data-mobile-open=true]:before{background:#0006!important}:root[data-mode=light] .sb-item.active{box-shadow:inset 0 1px #fff9,0 4px 12px #00000014!important}:root[data-mode=light] .stat-card:hover{box-shadow:0 8px 32px #0000001f!important;border-color:#00000024!important}:root[data-mode=light] .sidebar{box-shadow:16px 0 40px #0000001f!important}:root[data-mode=light] .portal-shell aside{box-shadow:16px 0 40px #0000001f!important}:root[data-mode=light] .toggle:after{box-shadow:0 1px 4px #00000026!important}:root[data-mode=light] .btn-approve{box-shadow:0 2px 8px #22c55e2e!important}:root[data-mode=light] .sb-user-row:hover{background:#0000000a!important}:root[data-mode=light] .sb-item:hover:not(.active){background:#0000000a!important}:root[data-mode=light] .stat-icon{background:#0000000d!important}:root[data-mode=light] .hero-periods{background:#0000000a!important}:root[data-mode=light] th{background:#00000008!important}:root[data-mode=light] td{border-bottom:1px solid rgba(0,0,0,.05)!important}:root[data-mode=light] tr:hover td{background:#00000008!important}:root[data-mode=light] .filter-tabs{background:#0000000a!important}:root[data-mode=light] .btn-ghost{background:#0000000a!important}:root[data-mode=light] .swatches{background:#0000000a!important}:root[data-mode=light] .swatch{box-shadow:inset 0 0 0 1px #00000014!important}:root[data-mode=light] .toggle{background:#0000001f!important}:root[data-mode=light] .tag{background:#0000000d!important}:root[data-mode=light] .task-row:hover td{background:#00000008!important}:root[data-mode=light] .btn-row{background:#0000000a!important}:root[data-mode=light] .btn-ghost-row{background:#0000000a!important}:root[data-mode=light] .btn-ghost-row:hover{background:#00000014!important}:root[data-mode=light] .header{background:#ffffffeb!important}:root[data-mode=light] .bottom-nav-wrap{background:var(--bg-nav)!important}:root[data-mode=light] ::-webkit-scrollbar-thumb{background:#00000026!important}:root[data-mode=light] .setup-banner{background:linear-gradient(135deg,var(--bg-card),var(--bg-c2))!important}:root[data-mode=light] .hero{background:linear-gradient(145deg,#fff,#f4f4f8)!important;border-color:var(--b2)!important}:root[data-mode=light] .stat-card.c-accent{background:linear-gradient(145deg,#f3eefe,#faf8ff)!important;border-color:#7c3aed33!important;box-shadow:inset 0 0 80px #7c3aed0d,0 0 0 1px #7c3aed1a!important}:root[data-mode=light] .stat-card.c-green{background:linear-gradient(145deg,#ecfdf3,#f7fdf9)!important;border-color:#22c55e38!important}:root[data-mode=light] .stat-card.c-red{background:linear-gradient(145deg,#fef2f2,#fdf7f7)!important;border-color:#ef444438!important}:root[data-mode=light] .stat-card.c-yellow{background:linear-gradient(145deg,#fffaeb,#fdfbf3)!important;border-color:#f59e0b40!important}:root[data-mode=light] .tbl-wrap thead th{background:var(--bg-card)!important}:root[data-mode=light] .tbl-wrap tr:hover{background:var(--bg-card)!important}:root[data-mode=light] .row-pulse{animation:rowPulseLight .9s ease-out!important}@keyframes rowPulseLight{0%{background:#7c3aed1a}to{background:transparent}}