:root{--fog-top: #f2f3f7;--fog-bottom: #ffffff;--text: #0f1115;--text-soft: rgba(15, 17, 21, .62);--glass: rgba(255, 255, 255, .72);--glass-strong: rgba(255, 255, 255, .92);--glass-border: rgba(0, 0, 0, .07);--hairline: rgba(0, 0, 0, .08);--accent: #16c784;--accent-strong: #0f9f66;--accent-soft: rgba(39, 223, 153, .16);--danger: #ff3b30;--danger-soft: rgba(255, 59, 48, .12);--warn: #ff9f0a;--shadow: 0 10px 30px rgba(15, 17, 21, .06);--radius: 22px;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--fog-top: #3a3b3f;--fog-bottom: #0b0b0d;--text: #f5f6f8;--text-soft: rgba(245, 246, 248, .62);--glass: rgba(255, 255, 255, .07);--glass-strong: rgba(28, 29, 32, .94);--glass-border: rgba(255, 255, 255, .1);--hairline: rgba(255, 255, 255, .08);--accent-soft: rgba(74, 222, 128, .16);--shadow: 0 10px 30px rgba(0, 0, 0, .35);color-scheme:dark}}:root[data-theme=dark]{--fog-top: #3a3b3f;--fog-bottom: #0b0b0d;--text: #f5f6f8;--text-soft: rgba(245, 246, 248, .62);--glass: rgba(255, 255, 255, .07);--glass-strong: rgba(28, 29, 32, .94);--glass-border: rgba(255, 255, 255, .1);--hairline: rgba(255, 255, 255, .08);--accent-soft: rgba(74, 222, 128, .16);--shadow: 0 10px 30px rgba(0, 0, 0, .35);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font:15px/1.45 -apple-system,BlinkMacSystemFont,SF Pro Text,Inter,Segoe UI,Roboto,sans-serif;color:var(--text);background:linear-gradient(180deg,var(--fog-top) 0%,var(--fog-bottom) 520px) fixed,var(--fog-bottom);-webkit-font-smoothing:antialiased}a{color:var(--accent-strong);text-decoration:none}h1{font-size:30px;font-weight:800;letter-spacing:-.5px;margin:0 0 18px}h2{font-size:17px;font-weight:700;margin:0 0 12px}.soft{color:var(--text-soft)}.small{font-size:13px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.glass{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%)}.shell{display:grid;grid-template-columns:248px 1fr;min-height:100%}.side{padding:22px 14px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:4px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;padding:6px 10px 18px}.brand img{width:30px;height:30px}.nav{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;color:var(--text);cursor:pointer;border:0;background:none;font:inherit;text-align:left;width:100%}.nav:hover{background:var(--glass)}.nav.on{background:var(--accent-soft);color:var(--accent-strong);font-weight:650}.nav .ico{width:20px;text-align:center}.side .spacer{flex:1}.main{padding:28px 32px 60px;max-width:1280px;width:100%}@media(max-width:860px){.shell{grid-template-columns:1fr}.side{position:static;height:auto;flex-direction:row;overflow-x:auto;padding:10px}.brand,.side .spacer{display:none}.nav{white-space:nowrap;width:auto}.main{padding:18px 14px 40px}}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.grow{flex:1}input,select,textarea{font:inherit;color:var(--text);background:var(--glass-strong);border:1px solid var(--glass-border);border-radius:14px;padding:11px 14px;outline:none;min-width:0}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.btn{font:inherit;font-weight:650;border:1px solid var(--glass-border);cursor:pointer;padding:10px 16px;border-radius:999px;background:var(--glass-strong);color:var(--text);display:inline-flex;align-items:center;gap:6px;transition:transform .06s ease,opacity .15s ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.danger{background:var(--danger-soft);border-color:transparent;color:var(--danger)}.btn.ghost{background:transparent}.btn.sm{padding:6px 12px;font-size:13px}.pills{display:flex;gap:6px;flex-wrap:wrap}.pill{padding:8px 14px;border-radius:999px;border:1px solid var(--glass-border);background:var(--glass);cursor:pointer;font:inherit;color:var(--text)}.pill.on{background:var(--text);color:var(--fog-bottom);border-color:var(--text)}.grid{display:grid;gap:14px}.stats{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.two{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.card{padding:18px}.stat .num{font-size:28px;font-weight:800;letter-spacing:-.5px}.stat .lbl{color:var(--text-soft);font-size:13px}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:12.5px;font-weight:600;color:var(--text-soft);padding:12px 14px;border-bottom:1px solid var(--hairline)}.table td{padding:12px 14px;border-bottom:1px solid var(--hairline);vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tbody tr{cursor:pointer}.table tbody tr:hover{background:var(--glass)}.tablewrap{overflow-x:auto}.avatar{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:#fff;flex:none;background:linear-gradient(135deg,#8e9bb5,#5f6b83);font-size:13px}.person{display:flex;align-items:center;gap:10px}.tag{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:650;background:var(--glass-strong);border:1px solid var(--glass-border)}.tag.green{background:var(--accent-soft);color:var(--accent-strong);border-color:transparent}.tag.red{background:var(--danger-soft);color:var(--danger);border-color:transparent}.tag.amber{background:#ff9f0a24;color:var(--warn);border-color:transparent}.scrim{position:fixed;inset:0;background:#00000059;z-index:40;animation:fade .15s ease}.drawer{position:fixed;top:12px;right:12px;bottom:12px;width:min(460px,calc(100vw - 24px));z-index:41;padding:22px;overflow-y:auto;background:var(--glass-strong);animation:slide .2s ease}.dialog{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(420px,calc(100vw - 32px));z-index:51;padding:22px;background:var(--glass-strong);animation:pop .16s ease}.dialog-scrim{z-index:50}.kv{display:grid;grid-template-columns:130px 1fr;gap:8px 12px;margin:14px 0;font-size:14px}.kv dt{color:var(--text-soft)}.kv dd{margin:0;word-break:break-word}.stack{display:flex;flex-direction:column;gap:10px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);padding:12px 18px;z-index:60;background:var(--glass-strong)}@keyframes fade{0%{opacity:0}}@keyframes slide{0%{transform:translate(24px);opacity:0}}@keyframes pop{0%{transform:translate(-50%,-46%);opacity:0}}.auth{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.auth .glass{width:min(400px,100%);padding:30px}.auth h1{font-size:26px;text-align:center}.auth .logo{display:block;width:56px;height:56px;margin:0 auto 14px}.err{color:var(--danger);font-size:14px}.chart svg{width:100%;height:160px;display:block}.chart .axis{fill:var(--text-soft);font-size:10px}.chart .line{fill:none;stroke:var(--accent);stroke-width:2.5}.chart .area{fill:var(--accent-soft)}.chart .bar{fill:var(--accent);opacity:.85}.list{display:flex;flex-direction:column}.list .item{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--hairline)}.list .item:last-child{border-bottom:0}