:root{--accent-h: 265;--accent: oklch(.68 .17 var(--accent-h));--accent-soft: oklch(.72 .13 calc(var(--accent-h) - 18));--accent-glow: oklch(.68 .17 var(--accent-h) / .18);--accent-line: oklch(.68 .17 var(--accent-h) / .32);--bg-0: oklch(.16 .012 270);--bg-1: oklch(.185 .014 270);--bg-2: oklch(.215 .016 270);--bg-3: oklch(.25 .018 270);--line: oklch(.3 .012 270 / .6);--line-soft: oklch(.3 .012 270 / .32);--fg-0: oklch(.97 .005 270);--fg-1: oklch(.82 .008 270);--fg-2: oklch(.62 .012 270);--fg-3: oklch(.48 .012 270);--fg-4: oklch(.36 .012 270);--ok: oklch(.74 .15 158);--warn: oklch(.78 .14 75);--bad: oklch(.66 .18 25);--r-1: 4px;--r-2: 8px;--r-3: 12px;--r-4: 16px;--shadow-1: 0 1px 0 oklch(1 0 0 / .04) inset, 0 1px 2px oklch(0 0 0 / .4);--shadow-2: 0 1px 0 oklch(1 0 0 / .05) inset, 0 12px 40px oklch(0 0 0 / .5), 0 2px 6px oklch(0 0 0 / .3);--font-ui: "Geist", ui-sans-serif, system-ui, sans-serif;--font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--dens: 1}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg-0);color:var(--fg-1);font-family:var(--font-ui);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01","ss03","cv11";overflow:hidden}#root{height:100vh}.bg-aura{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(60% 50% at 18% 8%,oklch(.55 .18 var(--accent-h) / .12),transparent 60%),radial-gradient(50% 40% at 92% 100%,oklch(.55 .18 calc(var(--accent-h) - 30) / .1),transparent 60%)}.t-display{font-size:28px;font-weight:500;letter-spacing:-.02em;line-height:1.15;color:var(--fg-0)}.t-h1{font-size:22px;font-weight:500;letter-spacing:-.015em;color:var(--fg-0)}.t-h2{font-size:17px;font-weight:500;letter-spacing:-.01em;color:var(--fg-0)}.t-body{font-size:14px;color:var(--fg-1)}.t-small{font-size:12.5px;color:var(--fg-2)}.t-micro{font-size:11px;color:var(--fg-3);letter-spacing:.04em;text-transform:uppercase;font-weight:500}.mono{font-family:var(--font-mono);font-feature-settings:"ss02","cv01"}.tab-num{font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 12px;font:500 13px/1 var(--font-ui);border-radius:var(--r-2);border:.5px solid var(--line);background:var(--bg-2);color:var(--fg-0);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s ease,border-color .12s ease,transform 80ms ease}.btn:hover{background:var(--bg-3);border-color:#45474e99}.btn:active{transform:translateY(.5px)}.btn-primary{background:var(--accent);color:#04050d;border-color:transparent;box-shadow:0 0 0 .5px var(--accent-line),0 8px 24px var(--accent-glow)}.btn-primary:hover{background:oklch(.72 .17 var(--accent-h))}.btn-ghost{background:transparent;border-color:transparent;color:var(--fg-2)}.btn-ghost:hover{background:var(--bg-2);color:var(--fg-0)}.btn-danger:hover{color:var(--bad);border-color:#ec5b5766}.btn-sm{height:26px;padding:0 9px;font-size:12px;border-radius:6px;gap:5px}.btn-lg{height:38px;padding:0 16px;font-size:14px}.btn-block{width:100%}.btn:disabled{opacity:.4;pointer-events:none}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:4px;font:500 10.5px/1 var(--font-mono);background:#ffffff0f;color:var(--fg-2);border:.5px solid var(--line-soft)}.input,.textarea{width:100%;background:var(--bg-1);color:var(--fg-0);border:.5px solid var(--line);border-radius:var(--r-2);padding:9px 12px;font:400 14px/1.5 var(--font-ui);outline:none;transition:border-color .12s ease,background .12s ease,box-shadow .12s ease}.input:focus,.textarea:focus{border-color:var(--accent-line);background:var(--bg-2);box-shadow:0 0 0 3px var(--accent-glow)}.textarea{resize:vertical;min-height:80px;line-height:1.55}.input::placeholder,.textarea::placeholder{color:var(--fg-4)}.label{font-size:12.5px;color:var(--fg-2);font-weight:500}.hint{font-size:12px;color:var(--fg-3)}.card{background:#11141a99;border:.5px solid var(--line-soft);border-radius:var(--r-3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.pill{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:999px;font:500 11.5px/1 var(--font-ui);background:var(--bg-2);color:var(--fg-1);border:.5px solid var(--line-soft)}.pill-ok{color:var(--ok);background:#40c7861a;border-color:#40c78633}.pill-warn{color:var(--warn);background:#eba9411a;border-color:#eba94133}.pill-accent{color:var(--accent);background:var(--accent-glow);border-color:var(--accent-line)}.pill-dot:before{content:"";width:6px;height:6px;border-radius:999px;background:currentColor;box-shadow:0 0 8px currentColor}.row{display:flex;align-items:center;gap:8px}.col{display:flex;flex-direction:column;gap:8px}.spacer{flex:1}.divider{height:.5px;background:var(--line-soft);margin:12px 0;border:0}.avatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;background:linear-gradient(135deg,oklch(.55 .13 var(--av-h, 265)),oklch(.4 .16 calc(var(--av-h, 265) + 30)));color:#f5f5f5;font-weight:600;font-size:13px;flex-shrink:0;border:.5px solid oklch(1 0 0 / .08)}.avatar-sm{width:26px;height:26px;font-size:11px}.avatar-lg{width:48px;height:48px;font-size:16px}.shell{position:relative;z-index:1;display:flex;height:100vh}.sidebar{width:220px;flex-shrink:0;padding:16px 12px;display:flex;flex-direction:column;gap:14px;border-right:.5px solid var(--line-soft);background:#0d0f1580}.brand{display:flex;align-items:center;gap:9px;padding:4px 8px}.brand-mark{width:22px;height:22px;border-radius:6px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-soft) 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 .5px #ffffff1a inset,0 4px 12px var(--accent-glow)}.brand-mark:after{content:"";width:8px;height:8px;border-radius:2px;background:#0b0d13}.brand-name{font-weight:600;font-size:14px;letter-spacing:-.01em;color:var(--fg-0)}.nav{display:flex;flex-direction:column;gap:1px;margin-top:4px}.nav-section{font-size:10.5px;color:var(--fg-4);text-transform:uppercase;letter-spacing:.08em;padding:6px 10px 4px;font-weight:500}.nav-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:6px;font-size:13px;color:var(--fg-2);cursor:pointer;transition:background .1s ease,color .1s ease}.nav-item:hover{background:var(--bg-2);color:var(--fg-0)}.nav-item.active{background:var(--bg-2);color:var(--fg-0);box-shadow:inset 2px 0 0 var(--accent),0 0 0 .5px var(--line-soft)}.nav-item .ico{width:14px;height:14px;opacity:.8}.nav-item .count{margin-left:auto;font:500 11px/1 var(--font-mono);padding:2px 6px;border-radius:999px;background:#ffffff0d;color:var(--fg-2)}.nav-item.active .count{background:var(--accent-glow);color:var(--accent)}.main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.topbar{display:flex;align-items:center;gap:12px;padding:12px 24px;height:56px;border-bottom:.5px solid var(--line-soft);flex-shrink:0}.content{flex:1;min-height:0;overflow-y:auto}.content-inner{max-width:1080px;margin:0 auto;padding:32px 32px 80px}.content::-webkit-scrollbar,.scroll-y::-webkit-scrollbar{width:10px}.content::-webkit-scrollbar-track,.scroll-y::-webkit-scrollbar-track{background:transparent}.content::-webkit-scrollbar-thumb,.scroll-y::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:999px;border:3px solid transparent;background-clip:content-box}.content::-webkit-scrollbar-thumb:hover,.scroll-y::-webkit-scrollbar-thumb:hover{background:#ffffff1f;background-clip:content-box;border:3px solid transparent}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulseGlow{0%,to{opacity:.6}50%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.fade-up{animation:fadeUp .32s cubic-bezier(.2,.8,.2,1) both}.fade-in{animation:fadeIn .24s ease both}.center-stage{position:relative;z-index:1;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:48px 24px}.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:left;font:500 11px/1 var(--font-ui);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3);padding:10px 12px;border-bottom:.5px solid var(--line-soft)}.tbl td{padding:14px 12px;border-bottom:.5px solid var(--line-soft);color:var(--fg-1);font-size:13px;vertical-align:middle}.tbl tr:last-child td{border-bottom:0}.tbl tr:hover td{background:#ffffff04}.bar{height:4px;border-radius:2px;background:#ffffff0f;overflow:hidden;position:relative}.bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:var(--v, 0%);background:linear-gradient(90deg,var(--accent-soft),var(--accent));border-radius:2px}.list-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r-2);cursor:pointer;transition:background .1s ease}.list-row:hover{background:#ffffff05}.list-row.selected{background:var(--accent-glow);box-shadow:inset 2px 0 0 var(--accent)}