:root{--bg:#fafafa;--bg-elevated:#ffffff;--bg-muted:#f4f4f5;--border:#e4e4e7;--border-strong:#d4d4d8;--text:#09090b;--text-secondary:#52525b;--text-muted:#71717a;--accent:#18181b;--accent-fg:#fafafa;--accent-soft:#f4f4f5;--ok:#16a34a;--ok-bg:#dcfce7;--warn:#ca8a04;--warn-bg:#fef9c3;--bad:#dc2626;--bad-bg:#fee2e2;--shadow:0 1px 2px rgba(0,0,0,0.04),0 4px 16px rgba(0,0,0,0.04);--radius:12px;--radius-sm:8px;--sidebar-w:240px;--topbar-h:56px;--font:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}html.dark{--bg:#09090b;--bg-elevated:#111113;--bg-muted:#18181b;--border:#27272a;--border-strong:#3f3f46;--text:#fafafa;--text-secondary:#a1a1aa;--text-muted:#71717a;--accent:#fafafa;--accent-fg:#09090b;--accent-soft:#27272a;--ok:#4ade80;--ok-bg:#052e16;--warn:#facc15;--warn-bg:#422006;--bad:#f87171;--bad-bg:#450a0a;--shadow:0 1px 2px rgba(0,0,0,0.4),0 8px 24px rgba(0,0,0,0.35)}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{opacity:.9}button,input,select,textarea{font:inherit;color:inherit}.app-frame{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--topbar-h) 1fr;grid-template-areas:"sidebar topbar" "sidebar main"}.sidebar{grid-area:sidebar;background:var(--bg-elevated);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:30}.sidebar-brand{height:var(--topbar-h);display:flex;align-items:center;gap:10px;padding:0 18px;border-bottom:1px solid var(--border);font-weight:650;letter-spacing:-.02em}.brand-mark{width:28px;height:28px;border-radius:8px;-o-object-fit:cover;object-fit:cover}.sidebar-body{padding:16px 12px;overflow:auto;flex:1}.nav-section{margin-bottom:18px}.nav-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:0 10px 8px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-sm);color:var(--text-secondary);margin-bottom:2px;transition:background .12s ease,color .12s ease}.nav-item:hover{background:var(--bg-muted);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--text);font-weight:600}.sidebar-foot{padding:12px;border-top:1px solid var(--border);font-size:12px;color:var(--text-muted)}.topbar{grid-area:topbar;height:var(--topbar-h);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(10px);position:sticky;top:0;z-index:20}.topbar .left,.topbar .right{display:flex;align-items:center;gap:8px}.main{grid-area:main;min-width:0;padding:28px 28px 48px}.page-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.page-head h1{margin:0;font-size:24px;font-weight:650;letter-spacing:-.03em}.page-head .subtitle{margin:6px 0 0;color:var(--text-secondary);max-width:56ch}.breadcrumbs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12px;color:var(--text-muted);margin-bottom:10px}.breadcrumbs a:hover{color:var(--text)}.meta-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:var(--bg-elevated);font-size:12px;color:var(--text-secondary)}.chip strong{color:var(--text);font-weight:600}.actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2,.grid-3{display:grid;gap:16px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.panel,.stat-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.stat-card{padding:16px 18px}.stat-card .label{margin:0;font-size:12px;color:var(--text-muted);font-weight:500}.stat-card .value{margin:8px 0 0;font-size:24px;font-weight:650;letter-spacing:-.03em}.stat-card .hint{margin:6px 0 0;font-size:12px;color:var(--text-muted)}.panel{overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.panel-head h2{margin:0;font-size:14px;font-weight:600}.panel-body{padding:16px}.stack{display:grid;gap:16px}.table-wrap{overflow:auto}table.table{width:100%;border-collapse:collapse;font-size:13px}.table td,.table th{text-align:left;padding:12px 16px;border-bottom:1px solid var(--border);vertical-align:middle}.table th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:600;background:var(--bg-muted)}.table tr:last-child td{border-bottom:none}.table a{font-weight:600}.table a:hover{text-decoration:underline}.empty{padding:36px 16px;text-align:center;color:var(--text-muted)}.empty strong{display:block;color:var(--text);margin-bottom:6px}.field{display:grid;gap:6px;margin-bottom:14px}.field label{font-size:12px;font-weight:600;color:var(--text-secondary)}.field input,.field select,.field textarea{width:100%;border:1px solid var(--border);background:var(--bg);border-radius:var(--radius-sm);padding:10px 12px;outline:none;transition:border-color .12s ease,box-shadow .12s ease}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--border-strong);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);border-radius:var(--radius-sm);padding:8px 14px;font-size:13px;font-weight:560;cursor:pointer;transition:background .12s ease,border-color .12s ease,opacity .12s ease}.btn:hover{background:var(--bg-muted)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.btn.primary:hover{opacity:.92;background:var(--accent)}.btn.ghost{background:transparent}.btn.danger{border-color:color-mix(in srgb,var(--bad) 40%,var(--border));color:var(--bad)}.icon-btn{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;cursor:pointer;color:var(--text-secondary)}.icon-btn:hover{background:var(--bg-muted);color:var(--text)}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:999px;font-size:12px;font-weight:600;text-transform:capitalize}.badge.ok{background:var(--ok-bg);color:var(--ok)}.badge.warn{background:var(--warn-bg);color:var(--warn)}.badge.bad{background:var(--bad-bg);color:var(--bad)}.badge.muted{color:var(--text-muted)}.alert,.badge.muted{background:var(--bg-muted)}.alert{border-radius:var(--radius-sm);padding:12px 14px;border:1px solid var(--border);color:var(--text-secondary);font-size:13px}.alert.error{background:var(--bad-bg);border-color:color-mix(in srgb,var(--bad) 35%,var(--border));color:var(--bad)}.alert.success{background:var(--ok-bg);border-color:color-mix(in srgb,var(--ok) 35%,var(--border));color:var(--ok)}.mono,.secret-box{font-family:var(--mono);font-size:12px}.secret-box{background:var(--bg-muted);border:1px dashed var(--border-strong);border-radius:var(--radius-sm);padding:12px;word-break:break-all}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);border:0;z-index:40}.signin-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse 80% 50% at 50% -20%,color-mix(in srgb,var(--text) 8%,transparent),transparent),var(--bg)}.signin-card{width:min(420px,100%);background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:28px}.signin-card h1{margin:12px 0 0;font-size:22px;letter-spacing:-.03em}.signin-card .lead{margin:8px 0 22px;color:var(--text-secondary)}.signin-brand{display:flex;align-items:center;gap:10px;font-weight:650}.menu-btn{display:none}@media (max-width:960px){.grid-3,.grid-4{grid-template-columns:1fr 1fr}.app-frame,.form-row{grid-template-columns:1fr}.app-frame{grid-template-areas:"topbar" "main"}.sidebar{position:fixed;left:0;top:0;bottom:0;width:min(280px,86vw);transform:translateX(-105%);transition:transform .18s ease;box-shadow:var(--shadow)}.sidebar.open{transform:translateX(0)}.menu-btn{display:inline-grid}.main{padding:20px 16px 40px}}@media (max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}