*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1d2022;background:#f5f5f2}button,input,select{font:inherit}:root{--ink:#1d2022;--muted:#747978;--line:#deded9;--panel:#fff;--sidebar:#17191c;--coral:#e7654b;--green:#258b68;--purple:#7654b5;--sidebar-width:176px}.button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--ink);font-size:13px;font-weight:650;cursor:pointer}.button.primary{background:var(--coral);border-color:var(--coral);color:#fff}.button:disabled{opacity:.55;cursor:not-allowed}.icon-button{width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:5px;background:transparent;color:#747978;cursor:pointer}.icon-button:hover{background:#ecece8;color:var(--ink)}.eyebrow{color:var(--coral);text-transform:uppercase;font-size:12px;font-weight:750;letter-spacing:.1em}.pulse-dot{width:8px;height:8px;border-radius:50%;background:#33b481;box-shadow:0 0 0 4px #33b48121}.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);padding:20px 14px;display:flex;flex-direction:column;background:var(--sidebar);color:#e8e9e7;z-index:30}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:0 6px 26px;border-bottom:1px solid #2b2e31}.brand-mark,.auth-mark{display:grid;place-items:center;width:35px;height:31px;border-radius:6px;background:linear-gradient(135deg,#7668ff,#596cff);color:#fff;font-size:11px;font-weight:850;letter-spacing:.04em}.sidebar-brand>div:last-child{display:flex;flex-direction:column}.sidebar-brand strong{font-size:13px}.sidebar-brand small{color:#777e7d;font-size:11px;margin-top:2px}.sidebar nav{display:flex;flex-direction:column;gap:4px;padding:20px 0}.sidebar nav a{min-height:42px;display:flex;align-items:center;gap:11px;border-radius:5px;padding:0 11px;color:#969c9b;font-size:13px}.sidebar nav a.active{color:#fff;background:#2a2e31}.sidebar nav a.active svg{color:#f08068}.sidebar-status{margin-top:auto;display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #303538;border-radius:6px;background:#1d2023}.sidebar-status>div{display:flex;flex-direction:column}.sidebar-status strong{font-size:12px}.sidebar-status small{font-size:11px;color:#777e7d}.sidebar-user{margin-top:10px;display:grid;grid-template-columns:29px 1fr auto;align-items:center;gap:8px;padding:10px 7px;border:0;border-top:1px solid #292d30;background:transparent;color:#fff;text-align:left;cursor:pointer}.sidebar-user>span{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#393e41}.sidebar-user>div{display:flex;flex-direction:column}.sidebar-user strong{font-size:12px}.sidebar-user small{font-size:11px;color:#737a78}.app-shell>main{grid-column:2;min-width:0}.topbar{height:66px;position:sticky;top:0;z-index:20;display:flex;align-items:center;padding:0 28px;background:#f5f5f2f0;border-bottom:1px solid #dfdfda;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar-title{display:flex;flex-direction:column;gap:2px}.topbar-title span{font-size:13px;font-weight:700}.topbar-title small{font-size:12px;color:#888d8b;text-transform:capitalize}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:11px}.system-mode{display:flex;align-items:center;gap:8px;color:#59605e;font-size:12px;padding-right:14px;border-right:1px solid var(--line)}.account-switcher{height:40px;min-width:260px;display:grid;grid-template-columns:18px auto minmax(110px,1fr) 14px;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--line);border-radius:5px;background:#fff;color:#626866}.account-switcher select{min-width:0;border:0;outline:0;appearance:none;background:transparent;color:var(--ink);font-size:12px;font-weight:700}.topbar-add{border:1px solid var(--line);background:#fff}.content{padding:27px 28px 40px}.section-heading{min-height:70px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:20px}.section-heading h1{font-size:25px;margin:5px 0 0}.section-heading p{font-size:13px;color:var(--muted);margin:7px 0 0}.summary-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:12px;border:1px solid var(--line);border-radius:6px;background:#24282a;color:#fff;overflow:hidden}.summary-strip>div{min-width:0;padding:13px 15px;border-right:1px solid #3a3f41;display:flex;flex-direction:column;gap:3px}.summary-strip small{color:#929a98;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.summary-strip strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-strip span{font-size:11px;color:#aeb5b3}.filters{display:flex;gap:8px;margin-bottom:12px}.filters label{min-height:42px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--line);border-radius:5px;background:#fff;color:#686e6c;font-size:12px}.filters label span{font-weight:700}.filters input,.filters select{border:0;outline:0;background:transparent;color:var(--ink);font-weight:650}.filters select{min-width:240px}.chart-panel,.grid-panel,.empty-panel{border:1px solid var(--line);border-radius:6px;background:#fff}.chart-panel{margin-bottom:12px}.chart-panel>header,.grid-panel>header{min-height:55px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid var(--line)}.chart-panel>header>div,.grid-panel>header>div{display:flex;align-items:center;gap:9px}.chart-panel header div div,.grid-panel header div{display:flex;flex-direction:column}.chart-panel header strong,.grid-panel header strong{font-size:13px}.chart-panel header small,.grid-panel header small{font-size:11px;color:var(--muted)}.legend-note{color:var(--muted);font-size:11px}.chart-wrap{height:280px;padding:12px 8px 4px}.chart-empty{height:100%;display:grid;place-items:center;color:var(--muted);font-size:13px}.grid-wrap{height:390px}.positive{color:var(--green);font-weight:700}.empty-panel{min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-panel svg{color:var(--coral)}.empty-panel h2{margin:15px 0 5px}.empty-panel p{max-width:470px;margin:0 0 18px;color:var(--muted);font-size:13px;line-height:1.55}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f0f0ed}.auth-card{width:min(440px,100%);padding:38px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 18px 55px #14191814}.auth-mark{width:44px;height:40px;margin-bottom:22px}.auth-card h1{margin:7px 0 8px;font-size:25px}.auth-card>p,.modal-body>p{margin:0 0 23px;color:var(--muted);font-size:13px;line-height:1.55}.auth-card form,.modal-body{display:grid;gap:15px}.auth-card label,.modal-body label{display:grid;gap:6px;color:#565d5a;font-size:12px;font-weight:700}.auth-card input,.modal-body input{width:100%;height:42px;padding:0 11px;border:1px solid #cfd1cc;border-radius:5px;outline:0}.auth-card input:focus,.modal-body input:focus{border-color:#8d9692;box-shadow:0 0 0 3px #50645a14}.auth-card .button{width:100%;margin-top:5px}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:#0f12138f}.modal{width:min(540px,100%);border-radius:8px;background:#fff;box-shadow:0 25px 80px #0000003d;overflow:hidden}.modal>header{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}.modal h2{margin:5px 0 0;font-size:20px}.modal-body{padding:20px}.modal>footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--line);background:#fafaf8}.error-box{padding:10px 12px;border:1px solid #efb2a6;border-radius:5px;background:#fff1ee;color:#a63e2d;font-size:12px;line-height:1.45}.page-error{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.page-error button{border:0;background:transparent;color:inherit;cursor:pointer}.splash{min-height:100vh;display:grid;place-items:center;background:#17191c;color:#fff;font-weight:800;letter-spacing:.05em}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){:root{--sidebar-width:72px}.sidebar-brand>div:last-child,.sidebar nav a:not(.active),.sidebar nav a.active{font-size:0}.sidebar nav a.active{justify-content:center}.sidebar-status,.sidebar-user>div,.sidebar-user>svg{display:none}.summary-strip{grid-template-columns:repeat(2,1fr)}.system-mode{display:none}.account-switcher{min-width:190px}.content{padding:20px 14px}.topbar{padding:0 14px}}@media(max-width:620px){.topbar-title{display:none}.topbar-actions{margin-left:0;width:100%}.account-switcher{flex:1}.summary-strip{grid-template-columns:1fr}.filters{flex-direction:column}.filters label{justify-content:space-between}.filters select{min-width:0;max-width:55vw}.section-heading{flex-direction:column}.chart-panel header .legend-note{display:none}}