:root{--bg: #0a0a0f;--panel: #12121b;--panel-2: #1a1a28;--line: #262638;--text: #ececf3;--muted: #8f8fa8;--accent: #7c5cfc;--accent-2: #9b7fff;--gold: #f5c451;--good: #34d399;--warn: #f59e0b;--bad: #f87171;--radius: 14px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg);font-size:14px;line-height:1.45}*{box-sizing:border-box}body{margin:0;background:var(--bg)}h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:-.01em}h1{font-size:24px}h2{font-size:18px}h3{font-size:14px}h4{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:22px 0 10px}code{font-family:ui-monospace,Menlo,monospace;font-size:12px;background:var(--panel-2);padding:2px 6px;border-radius:6px}a{color:inherit;text-decoration:none}.muted{color:var(--muted)}.small{font-size:12px}.strong{font-weight:600}.grow{flex:1;min-width:0}.center{display:flex;align-items:center;justify-content:center;padding:48px}.center.full{min-height:100vh}.center-text{text-align:center}.row{display:flex;align-items:center;gap:8px}.row.wrap{flex-wrap:wrap}.row.between{justify-content:space-between}.error-box{background:#f8717114;border:1px solid #f8717155;color:#fca5a5;padding:10px 12px;border-radius:10px;margin:10px 0}.shell{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:var(--panel);border-right:1px solid var(--line);padding:18px 12px}.brand{display:flex;align-items:center;gap:10px;padding:4px 8px 18px}.brand b{display:block;font-size:15px}.brand.big b{font-size:20px}.brand-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:900;background:linear-gradient(135deg,var(--accent),#c084fc);color:#fff}.sidebar nav{display:flex;flex-direction:column;gap:2px}.sidebar nav a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;color:var(--muted);font-weight:500}.sidebar nav a:hover{background:var(--panel-2);color:var(--text)}.sidebar nav a.active{background:#7c5cfc22;color:var(--text);box-shadow:inset 2px 0 0 var(--accent)}.nav-icon{width:18px;text-align:center}.sidebar-foot{margin-top:auto;display:flex;flex-direction:column;gap:6px;padding:12px 8px 0;border-top:1px solid var(--line);overflow:hidden}.sidebar-foot .small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content{padding:28px 32px 64px;min-width:0}.page{display:flex;flex-direction:column;gap:18px;max-width:1280px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}.page-head p{margin:4px 0 0}.btn{border:1px solid transparent;background:var(--accent);color:#fff;font:inherit;font-weight:600;padding:8px 14px;border-radius:10px;cursor:pointer;white-space:nowrap}.btn:hover{background:var(--accent-2)}.btn:disabled{opacity:.5;cursor:default}.btn.ghost{background:transparent;border-color:var(--line);color:var(--text)}.btn.ghost:hover{background:var(--panel-2)}.btn.gold{background:var(--gold);color:#1a1406}.btn.danger{color:var(--bad);border-color:#f8717155}.btn.full{width:100%;padding:11px}.link{background:none;border:0;color:var(--accent-2);font:inherit;font-weight:600;cursor:pointer;padding:0;text-align:left}.link.danger{color:var(--bad)}.icon-btn{background:none;border:0;color:var(--muted);font-size:16px;cursor:pointer;padding:6px;border-radius:8px}.icon-btn:hover{background:var(--panel-2);color:var(--text)}.input{background:var(--panel-2);border:1px solid var(--line);color:var(--text);font:inherit;padding:9px 12px;border-radius:10px;outline:none;width:100%}.input:focus{border-color:var(--accent)}textarea.input{resize:vertical}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.field>span{font-size:12px;color:var(--muted);font-weight:600}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;min-width:0}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:8px}.card-head h3{color:var(--text)}.kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:12px}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.kpi-label{color:var(--muted);font-size:12px;font-weight:600}.kpi-value{font-size:28px;font-weight:800;margin-top:4px;letter-spacing:-.02em}.kpi-hint{color:var(--muted);font-size:12px;margin-top:2px}.kpi.good .kpi-value{color:var(--good)}.kpi.warn .kpi-value{color:var(--warn)}.kpi.bad .kpi-value{color:var(--bad)}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.span-2{grid-column:span 2}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}.stats>div{display:flex;flex-direction:column;border-bottom:1px dashed var(--line);padding-bottom:8px}.stats b{font-size:18px}.chart{position:relative}.chart svg{width:100%;height:190px;display:block}.chart .grid{stroke:var(--line);stroke-width:1;vector-effect:non-scaling-stroke}.chart .axis{fill:var(--muted);font-size:11px}.chart-tip{position:absolute;top:0;right:0;background:var(--panel-2);border:1px solid var(--line);padding:4px 8px;border-radius:8px;font-size:12px}.barlist{display:flex;flex-direction:column;gap:6px}.barlist-row{position:relative;display:flex;justify-content:space-between;gap:12px;padding:6px 10px;border-radius:8px;overflow:hidden}.barlist-bar{position:absolute;inset:0 auto 0 0;opacity:.22;border-radius:8px}.barlist-label,.barlist-value{position:relative}.barlist-value{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.donut{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.donut-total{fill:var(--text);font-size:7px;font-weight:800}.legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;min-width:160px}.legend li{display:flex;align-items:center;gap:8px}.legend b{margin-left:auto;padding-left:12px}.dot{width:10px;height:10px;border-radius:3px;display:inline-block}.toolbar{display:flex;gap:10px;margin-bottom:10px}.toolbar .search{flex:1}.toolbar select.input{width:auto}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.chip{background:transparent;border:1px solid var(--line);color:var(--muted);font:inherit;font-size:12px;font-weight:600;padding:5px 11px;border-radius:999px;cursor:pointer}.chip:hover{color:var(--text)}.chip.on{background:#7c5cfc26;border-color:var(--accent);color:var(--text)}.chip.static{cursor:default;opacity:.45}.chip.static.on{opacity:1}.table-wrap{overflow-x:auto;margin:0 -18px}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600;padding:10px 18px;border-bottom:1px solid var(--line);white-space:nowrap}.table td{padding:10px 18px;border-bottom:1px solid var(--line);vertical-align:middle}.table tbody tr{cursor:pointer}.table tbody tr.static{cursor:default}.table tbody tr:hover{background:var(--panel-2)}.table tbody tr.selected{background:#7c5cfc1a}.table .num{text-align:right;font-variant-numeric:tabular-nums}.table .empty,.empty{text-align:center;color:var(--muted);padding:28px}.user-cell{display:flex;align-items:center;gap:10px;min-width:0}.avatar{border-radius:50%;background:linear-gradient(135deg,#4f46e5,#7c5cfc);color:#fff;font-weight:800;display:inline-grid;place-items:center;flex:none;object-fit:cover;width:32px;height:32px}.badge{display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;border:1px solid var(--line);white-space:nowrap;vertical-align:middle}.pager{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0008;z-index:20}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(520px,100%);z-index:21;background:var(--panel);border-left:1px solid var(--line);display:flex;flex-direction:column;box-shadow:-20px 0 50px #0007}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;padding:20px;border-bottom:1px solid var(--line)}.drawer-body{padding:18px 20px 40px;overflow-y:auto}.facts{display:grid;grid-template-columns:120px 1fr;gap:8px 12px;margin:16px 0 0}.facts dt{color:var(--muted);font-size:12px;font-weight:600;padding-top:2px}.facts dd{margin:0;word-break:break-word}.meter{height:6px;background:var(--panel-2);border-radius:99px;overflow:hidden;margin-top:6px}.meter>div{height:100%;border-radius:99px}.actions{display:flex;flex-wrap:wrap;gap:8px}.timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.timeline li{display:flex;flex-direction:column;gap:3px;padding:10px 0;border-bottom:1px solid var(--line)}.people{list-style:none;margin:0;padding:0}.people li{display:flex;align-items:center;gap:10px;padding:9px 6px;border-bottom:1px solid var(--line);cursor:pointer;border-radius:8px}.people li:hover{background:var(--panel-2)}.people li.empty{cursor:default}.people .right{text-align:right}.stack-right{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.preview{margin:4px 0 14px;display:flex;flex-direction:column;gap:6px}.preview-card{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:4px}.preview-card p{margin:0;white-space:pre-wrap}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000a;display:grid;place-items:center;z-index:40;padding:16px}.modal{width:min(460px,100%);background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 30px 80px #000a}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}.modal-body{padding:18px}.modal-foot{padding:14px 18px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}.toasts{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:50}.toast{background:var(--panel-2);border:1px solid var(--line);border-left:3px solid var(--good);padding:10px 14px;border-radius:10px;box-shadow:0 10px 30px #0008}.toast.err{border-left-color:var(--bad)}.spinner{width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 30% 20%,#7c5cfc22,transparent 50%),var(--bg)}.login-card{width:min(400px,100%);background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:28px;display:flex;flex-direction:column;gap:6px}.login-card .brand{padding:0 0 16px}.login-card h2{margin-bottom:8px}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;align-items:center;padding:10px 12px;gap:8px;overflow-x:auto}.brand{padding:0 8px 0 0}.brand div{display:none}.sidebar nav{flex-direction:row}.sidebar nav a{white-space:nowrap}.sidebar-foot{margin:0 0 0 auto;border:0;padding:0;flex-direction:row;align-items:center}.sidebar-foot .small{display:none}.content{padding:18px 16px 48px}.grid-2{grid-template-columns:1fr}.span-2{grid-column:auto}.facts{grid-template-columns:1fr}.toolbar{flex-direction:column}.toolbar select.input{width:100%}}.stars-pick{display:flex;gap:4px}.stars-pick .star{background:none;border:0;font-size:26px;line-height:1;color:var(--line);cursor:pointer;padding:0 2px}.stars-pick .star.on{color:var(--gold)}.review-stars{color:var(--gold);letter-spacing:2px}.review-quote{font-family:Georgia,serif;font-style:italic}.timeline li.dim{opacity:.5}