:root{--gray-0:#ffffff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--gray-950:#020617;--accent-500:#2563eb;--accent-600:#1d4ed8;--success:#16a34a;--warning:#d97706;--danger:#dc2626;--info:#0284c7;--tertiary:#7c3aed;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--text-xs:12px;--text-sm:13px;--text-base:14px;--text-lg:16px;--text-xl:20px;--text-2xl:24px;--font-sans:"Inter","Be Vietnam Pro",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--z-sticky-header:20;--z-sidebar:30;--z-toast:60;--sidebar-w:232px;--header-h:56px;--bottomnav-h:60px}:root,[data-theme=light]{--bg-canvas:var(--gray-50);--bg-surface:var(--gray-0);--bg-hover:var(--gray-100);--bg-active:var(--gray-200);--border-default:var(--gray-200);--border-strong:var(--gray-300);--text-primary:var(--gray-900);--text-secondary:var(--gray-600);--text-muted:var(--gray-500);--text-on-accent:#fff;--shadow-color:220 3% 15%;--accent-soft:color-mix(in srgb,var(--accent-500) 10%,transparent);--success-soft:color-mix(in srgb,var(--success) 12%,transparent);--warning-soft:color-mix(in srgb,var(--warning) 14%,transparent);--danger-soft:color-mix(in srgb,var(--danger) 12%,transparent);--info-soft:color-mix(in srgb,var(--info) 12%,transparent);--shadow-sm:0 1px 2px hsl(var(--shadow-color)/.06);--shadow-md:0 4px 12px hsl(var(--shadow-color)/.1)}[data-theme=dark]{--bg-canvas:var(--gray-950);--bg-surface:var(--gray-900);--bg-hover:var(--gray-800);--bg-active:var(--gray-700);--border-default:var(--gray-700);--border-strong:var(--gray-600);--text-primary:var(--gray-50);--text-secondary:var(--gray-300);--text-muted:var(--gray-400);--shadow-color:220 40% 2%;--accent-soft:color-mix(in srgb,var(--accent-500) 22%,transparent);--success-soft:color-mix(in srgb,var(--success) 22%,transparent);--warning-soft:color-mix(in srgb,var(--warning) 22%,transparent);--danger-soft:color-mix(in srgb,var(--danger) 22%,transparent);--info-soft:color-mix(in srgb,var(--info) 22%,transparent)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-canvas:var(--gray-950);--bg-surface:var(--gray-900);--bg-hover:var(--gray-800);--bg-active:var(--gray-700);--border-default:var(--gray-700);--border-strong:var(--gray-600);--text-primary:var(--gray-50);--text-secondary:var(--gray-300);--text-muted:var(--gray-400);--shadow-color:220 40% 2%;--accent-soft:color-mix(in srgb,var(--accent-500) 22%,transparent);--success-soft:color-mix(in srgb,var(--success) 22%,transparent);--warning-soft:color-mix(in srgb,var(--warning) 22%,transparent);--danger-soft:color-mix(in srgb,var(--danger) 22%,transparent);--info-soft:color-mix(in srgb,var(--info) 22%,transparent)}}*{box-sizing:border-box}html{font-family:var(--font-sans);font-size:var(--text-base)}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);line-height:1.45}a{color:var(--accent-500);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:var(--text-xl);margin:0;font-weight:600}h2{font-size:var(--text-lg);margin:0 0 var(--space-3);font-weight:600}h3{font-size:var(--text-base);margin:0 0 var(--space-2);font-weight:600}p{margin:0 0 var(--space-3)}code,.mono{font-family:var(--font-mono);font-size:var(--text-sm)}.tabular{font-variant-numeric:tabular-nums}.muted{color:var(--text-muted)}.secondary{color:var(--text-secondary)}:focus-visible{outline:2px solid var(--accent-500);outline-offset:2px;border-radius:4px}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition-duration:.01ms!important}}.shell{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;z-index:var(--z-sidebar);display:flex;flex-direction:column;background:var(--bg-surface);border-right:1px solid var(--border-default);padding:var(--space-4) var(--space-3)}.brand{display:flex;align-items:center;gap:var(--space-2);font-weight:700;padding:var(--space-1) var(--space-2) var(--space-4)}.brand-mark{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--accent-500);color:#fff;display:grid;place-items:center}.nav{display:flex;flex-direction:column;gap:2px;flex:1}.nav a,.nav button{display:flex;align-items:center;gap:var(--space-3);padding:9px var(--space-3);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-base);background:none;border:0;cursor:pointer;width:100%;text-align:left}.nav a:hover,.nav button:hover{background:var(--bg-hover);text-decoration:none;color:var(--text-primary)}.nav a[aria-current=page]{background:var(--accent-soft);color:var(--accent-500);font-weight:600}.side-foot{border-top:1px solid var(--border-default);padding-top:var(--space-3);font-size:var(--text-xs);color:var(--text-muted)}.main-col{min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:var(--z-sticky-header);height:var(--header-h);display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-6);background:var(--bg-surface);border-bottom:1px solid var(--border-default)}.topbar .spacer{flex:1}.crumbs{font-size:var(--text-sm);color:var(--text-muted);display:flex;gap:var(--space-2);align-items:center;min-width:0}.crumbs b{color:var(--text-primary);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content{padding:var(--space-6);max-width:1280px;width:100%}.page-head{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap}.page-head .grow{flex:1;min-width:200px}.page-head p{margin:2px 0 0;color:var(--text-secondary)}.bottomnav{display:none}.userchip{font-size:var(--text-sm);color:var(--text-secondary)}@media(max-width:767px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar{display:none}.topbar{padding:0 var(--space-4)}.content{padding:var(--space-4);padding-bottom:calc(var(--bottomnav-h) + var(--space-6))}.userchip{display:none}.bottomnav{display:grid;grid-template-columns:repeat(6,1fr);position:fixed;left:0;right:0;bottom:0;z-index:var(--z-sidebar);height:var(--bottomnav-h);background:var(--bg-surface);border-top:1px solid var(--border-default)}.bottomnav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--text-muted);font-size:10px;min-height:44px}.bottomnav a[aria-current=page]{color:var(--accent-500)}.bottomnav a:hover{text-decoration:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:36px;padding:0 var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-surface);color:var(--text-primary);font:inherit;font-weight:500;cursor:pointer;white-space:nowrap}.btn:hover{background:var(--bg-hover);text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent-500);border-color:var(--accent-500);color:var(--text-on-accent)}.btn.primary:hover{background:var(--accent-600)}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.danger-ghost{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,var(--border-default))}.btn.sm{height:30px;padding:0 var(--space-3);font-size:var(--text-sm)}.btn.icon{width:36px;padding:0}@media(max-width:767px){.btn{min-height:44px}.btn.sm{min-height:36px}}label.field{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-3)}input[type=text],input[type=email],input[type=password],input[type=search],select,textarea{height:36px;padding:0 var(--space-3);font:inherit;border:1px solid var(--border-strong);background:var(--bg-surface);color:var(--text-primary);border-radius:var(--radius-sm);width:100%}textarea{height:auto;padding:var(--space-2) var(--space-3);min-height:72px}@media(max-width:767px){input[type=text],input[type=email],input[type=password],input[type=search],select{height:44px;font-size:16px}}.hint{font-size:var(--text-xs);color:var(--text-muted);font-weight:400}.row{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.row.end{justify-content:flex-end}.stack>*+*{margin-top:var(--space-3)}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}@media(max-width:767px){.grid2{grid-template-columns:minmax(0,1fr)}}.card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-sm)}.card+.card{margin-top:var(--space-4)}.card.danger-zone{border-color:color-mix(in srgb,var(--danger) 45%,var(--border-default))}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-3);margin-bottom:var(--space-5)}.stat{text-align:left;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font:inherit;color:inherit;cursor:pointer}a.stat:hover{text-decoration:none;background:var(--bg-hover)}.stat .n{font-size:var(--text-2xl);font-weight:700;font-variant-numeric:tabular-nums}.stat .l{font-size:var(--text-sm);color:var(--text-secondary)}.stat.active{border-color:var(--accent-500);background:var(--accent-soft)}.stat.warn .n{color:var(--danger)}.badge{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;white-space:nowrap}.badge.success{background:var(--success-soft);color:var(--success)}.badge.danger{background:var(--danger-soft);color:var(--danger)}.badge.warning{background:var(--warning-soft);color:var(--warning)}.badge.info{background:var(--info-soft);color:var(--info)}.badge.neutral{background:var(--bg-active);color:var(--text-secondary)}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);margin-bottom:var(--space-4);border:1px solid;font-size:var(--text-sm)}.alert.error{background:var(--danger-soft);border-color:var(--danger);color:var(--text-primary)}.alert.ok{background:var(--success-soft);border-color:var(--success)}.alert.warn{background:var(--warning-soft);border-color:var(--warning)}.secret{background:var(--bg-canvas);border:1px dashed var(--warning);border-radius:var(--radius-sm);padding:var(--space-3);margin:var(--space-3) 0}.secret .val{font-family:var(--font-mono);font-size:var(--text-sm);word-break:break-all;-webkit-user-select:all;user-select:all;margin:var(--space-1) 0 var(--space-2)}.toolbar{display:flex;gap:var(--space-3);align-items:center;margin-bottom:var(--space-3);flex-wrap:wrap}.toolbar .search{flex:1;min-width:200px;max-width:420px}.pills{display:flex;gap:var(--space-2);flex-wrap:wrap}.pill{height:30px;padding:0 var(--space-3);border-radius:var(--radius-full);border:1px solid var(--border-strong);background:var(--bg-surface);font-size:var(--text-sm);display:inline-flex;align-items:center;color:var(--text-secondary);cursor:pointer}.pill:hover{text-decoration:none;background:var(--bg-hover)}.pill.active{background:var(--accent-soft);border-color:var(--accent-500);color:var(--accent-500);font-weight:600}.table-wrap{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:auto}table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}th{text-align:left;font-weight:600;color:var(--text-secondary);padding:10px var(--space-4);border-bottom:1px solid var(--border-default);white-space:nowrap;position:sticky;top:0;background:var(--bg-surface)}td{padding:10px var(--space-4);border-bottom:1px solid var(--border-default);vertical-align:middle}tr:last-child td{border-bottom:0}tbody tr:hover td{background:var(--bg-hover)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}td.act{white-space:nowrap;text-align:right}.empty{text-align:center;padding:var(--space-8) var(--space-4);color:var(--text-secondary)}.pager{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);flex-wrap:wrap}.cards-m{display:none}@media(max-width:767px){.table-wrap.responsive{display:none}.cards-m{display:grid;gap:var(--space-3)}.mcard{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-4)}.mcard .top{display:flex;justify-content:space-between;gap:var(--space-2);align-items:flex-start;margin-bottom:var(--space-2)}.mcard dl{display:grid;grid-template-columns:auto 1fr;gap:2px var(--space-3);margin:0 0 var(--space-3);font-size:var(--text-sm)}.mcard dt{color:var(--text-muted)}.mcard dd{margin:0;text-align:right}}.detail{display:grid;grid-template-columns:248px minmax(0,1fr);gap:var(--space-5);align-items:start}.aside{position:sticky;top:calc(var(--header-h) + var(--space-4))}.aside .card{padding:var(--space-4)}.aside h2{margin:0 0 var(--space-2);word-break:break-word}.aside dl{display:grid;grid-template-columns:auto 1fr;gap:var(--space-1) var(--space-3);font-size:var(--text-sm);margin:var(--space-3) 0}.aside dt{color:var(--text-muted)}.aside dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.tabs{display:flex;flex-direction:column;gap:2px;margin-top:var(--space-3);border-top:1px solid var(--border-default);padding-top:var(--space-3)}.tabs a{display:flex;justify-content:space-between;align-items:center;padding:8px var(--space-3);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-sm)}.tabs a:hover{background:var(--bg-hover);text-decoration:none}.tabs a[aria-current=true]{background:var(--accent-soft);color:var(--accent-500);font-weight:600}.detail main{min-width:0}@media(max-width:1023px){.detail{grid-template-columns:minmax(0,1fr)}.aside{position:static}.tabs{flex-direction:row;overflow-x:auto;margin-top:var(--space-3);position:sticky;top:var(--header-h);background:var(--bg-surface);z-index:var(--z-sticky-header)}.tabs a{min-height:44px;white-space:nowrap;gap:var(--space-2)}}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:var(--space-4)}.login-card{width:100%;max-width:380px;text-align:center}.login-card .brand{justify-content:center}.kv{display:grid;grid-template-columns:180px minmax(0,1fr);gap:var(--space-2) var(--space-4);font-size:var(--text-sm);margin:0}.kv dt{color:var(--text-muted)}.kv dd{margin:0;word-break:break-word}@media(max-width:767px){.kv{grid-template-columns:minmax(0,1fr)}}details>summary{cursor:pointer;font-weight:600;margin-bottom:var(--space-2)}@media(max-width:767px){#so-m{display:inline-flex!important}}