:root{--bg:#0a1628;--surface:#0e1b30;--surface-2:#14243d;--border:#223354;--fg:#e8eef9;--fg-muted:#9fb0c9;--accent:#ffc53d;--accent-deep:#f5b800;--accent-fg:#0a1628;--link:#ffd666;--success:#4ade80;--warn:#fbbf24;--danger:#f87171;--danger-solid:#dc2626;--info:#60a5fa;--focus-ring:#ffc53d;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-pill:999px;--shadow-1:0 1px 2px rgba(0,0,0,0.5);--shadow-2:0 4px 12px rgba(0,0,0,0.45);--shadow-3:0 12px 32px rgba(0,0,0,0.5);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:32px;--sp-8:40px;--sp-9:48px;--font-sans:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--text-xs:12px;--lh-xs:16px;--text-sm:13px;--lh-sm:18px;--text-base:14px;--lh-base:20px;--text-md:15px;--lh-md:22px;--text-lg:17px;--lh-lg:24px;--text-xl:20px;--lh-xl:28px;--text-2xl:24px;--lh-2xl:32px;--text-stat:28px;--lh-stat:34px}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--lh-base)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--r-sm)}html{scrollbar-width:thin;scrollbar-color:var(--surface-2) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-2);border-radius:var(--r-pill);border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--border)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}.logo-static{display:none}@media (prefers-reduced-motion:reduce){.logo-anim{display:none}.logo-static{display:initial}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.link{color:var(--link);text-decoration:none}.link:hover{text-decoration:underline}.mono{font-family:var(--font-mono)}.muted{color:var(--fg-muted)}[dir=rtl] .dir-arrow{transform:scaleX(-1)}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}}@keyframes shimmer{to{transform:translateX(100%)}}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}}@keyframes drawer-in{0%{transform:translateX(-100%)}}@keyframes drawer-in-rtl{0%{transform:translateX(100%)}}.fade-in,.stagger>*{animation:fade-in .2s ease-out both}.stagger>:first-child{animation-delay:0s}.stagger>:nth-child(2){animation-delay:30ms}.stagger>:nth-child(3){animation-delay:60ms}.stagger>:nth-child(4){animation-delay:90ms}.stagger>:nth-child(5){animation-delay:.12s}.stagger>:nth-child(6){animation-delay:.15s}.stagger>:nth-child(7){animation-delay:.18s}.stagger>:nth-child(8){animation-delay:.21s}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:1px solid transparent;border-radius:var(--r-md);font:inherit;font-size:var(--text-base);font-weight:600;line-height:var(--lh-base);color:var(--fg);background:transparent;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background-color .15s ease-out,transform .12s ease-out}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-sm{padding:6px 12px;font-size:var(--text-sm);line-height:var(--lh-sm)}.btn-primary{background:var(--accent);color:var(--accent-fg)}.btn-primary:hover:not(:disabled){background:var(--accent-deep)}.btn-secondary{background:var(--surface-2);border-color:var(--border);color:var(--fg)}.btn-secondary:hover:not(:disabled){background:color-mix(in srgb,var(--surface-2) 90%,white)}.btn-ghost{background:transparent;color:var(--fg)}.btn-ghost:hover:not(:disabled){background:var(--surface-2)}.btn-danger{background:transparent;border-color:var(--danger);color:var(--danger)}.btn-danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 12%,transparent)}.btn-danger-solid{background:var(--danger-solid);color:#ffffff}.btn-danger-solid:hover:not(:disabled){background:color-mix(in srgb,var(--danger-solid) 85%,black)}.btn-busy .btn-label{visibility:hidden}.btn-busy:after{content:"";position:absolute;width:14px;height:14px;border:2px solid;border-inline-start-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.btn-icon{width:34px;height:34px;padding:0}.btn-sm.btn-icon{width:28px;height:28px}.input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);color:var(--fg);font:inherit;font-size:var(--text-base);text-align:start}.input::placeholder{color:var(--fg-muted);opacity:.75}.input:focus-visible{outline:none;border-color:var(--accent)}.input[aria-invalid=true]{border-color:var(--danger)}textarea.input{resize:vertical;min-height:80px}select.input{cursor:pointer}.field{display:flex;flex-direction:column;gap:6px}.field-label{line-height:var(--lh-xs);font-weight:600}.field-hint,.field-label{font-size:var(--text-xs);color:var(--fg-muted)}.field-hint{margin:0}.field-error{margin:0;font-size:var(--text-xs);color:var(--danger)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-1)}.card-pad-sm{padding:12px 14px}.card-pad-md{padding:20px}.card-hover{transition:transform .15s ease-out}.card-hover:hover{transform:translateY(-1px);box-shadow:var(--shadow-2)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border:1px solid var(--border);border-radius:var(--r-pill);font-size:var(--text-xs);line-height:var(--lh-xs);font-weight:600;white-space:nowrap}.badge-sm{font-size:11px;padding:1px 8px}.badge-accent{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.badge-success{color:var(--success);border-color:color-mix(in srgb,var(--success) 45%,transparent)}.badge-warn{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 45%,transparent)}.badge-danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,transparent)}.badge-info{color:var(--info);border-color:color-mix(in srgb,var(--info) 45%,transparent)}.badge-neutral{color:var(--fg-muted);border-color:var(--border)}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th{padding:8px 10px;text-align:start;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--fg-muted)}.table td,.table th{-webkit-border-after:1px solid var(--border);border-block-end:1px solid var(--border)}.table td{padding:10px;vertical-align:middle}.table tbody tr{transition:background-color .15s ease-out}.table tbody tr:hover{background:var(--surface-2)}@media (max-width:640px){.table thead{display:none}.table,.table tbody,.table td,.table tr{display:block}.table tr{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);-webkit-margin-after:8px;margin-block-end:8px;overflow:hidden}.table td{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border:none;padding:8px 12px}.table td:before{content:attr(data-label);flex:0 0 auto;font-size:var(--text-xs);color:var(--fg-muted)}}.tabs{display:flex;gap:2px;-webkit-border-after:1px solid var(--border);border-block-end:1px solid var(--border);overflow-x:auto}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;-webkit-border-after:2px solid transparent;border-block-end:2px solid transparent;-webkit-margin-after:-1px;margin-block-end:-1px;padding:8px 12px;font:inherit;font-size:var(--text-sm);font-weight:600;color:var(--fg-muted);cursor:pointer;white-space:nowrap}.tab:hover{color:var(--fg)}.tab[aria-selected=true]{color:var(--fg);border-block-end-color:var(--accent)}.modal{width:min(480px,calc(100vw - 32px));border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);color:var(--fg);padding:0;box-shadow:var(--shadow-3)}.drawer::-webkit-backdrop,.modal::-webkit-backdrop{background:rgba(4,9,18,.62)}.drawer::backdrop,.modal::backdrop{background:rgba(4,9,18,.62)}.modal[open]{animation:fade-in .15s ease-out}.modal-head{display:flex;align-items:center;gap:12px;padding:16px 20px;-webkit-border-after:1px solid var(--border);border-block-end:1px solid var(--border)}.modal-title{margin:0;flex:1 1 auto;min-width:0;font-size:var(--text-lg);line-height:var(--lh-lg);font-weight:700}.modal-body{padding:20px;font-size:var(--text-base)}.modal-foot{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;padding:16px 20px;-webkit-border-before:1px solid var(--border);border-block-start:1px solid var(--border)}.drawer{position:fixed;inset-block:0;inset-inline-start:0;margin:0;height:100dvh;max-height:100dvh;width:min(300px,85vw);border:none;-webkit-border-end:1px solid var(--border);border-inline-end:1px solid var(--border);border-radius:0;background:var(--bg);color:var(--fg);padding:0;box-shadow:var(--shadow-3);display:none;flex-direction:column}.drawer[open]{display:flex;animation:drawer-in .2s ease-out}[dir=rtl] .drawer{inset-inline-start:0;inset-inline-end:auto}[dir=rtl] .drawer[open]{animation-name:drawer-in-rtl}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;-webkit-border-after:1px solid var(--border);border-block-end:1px solid var(--border)}.drawer-body{flex:1 1 auto;overflow-y:auto;padding:12px}.toaster{position:fixed;inset-block-end:16px;inset-inline-end:16px;z-index:100;display:grid;grid-gap:8px;gap:8px;max-width:min(360px,calc(100vw - 32px))}.toast{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--surface-2);border:1px solid var(--border);-webkit-border-start:3px solid var(--border);border-inline-start:3px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-2);font-size:var(--text-sm);animation:toast-in .18s ease-out}.toast-success{border-inline-start-color:var(--success)}.toast-danger{border-inline-start-color:var(--danger)}.toast-warn{border-inline-start-color:var(--warn)}.toast-info{border-inline-start-color:var(--info)}.toast-accent{border-inline-start-color:var(--accent)}.alert{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--r-md);font-size:var(--text-sm);line-height:var(--lh-sm)}.alert-icon{flex:0 0 auto;-webkit-margin-before:1px;margin-block-start:1px}.alert-body{flex:1 1 auto;min-width:0}.alert .btn{flex:0 0 auto;-webkit-margin-start:auto;margin-inline-start:auto}.alert-success{color:var(--success);border-color:color-mix(in srgb,var(--success) 40%,transparent);background:color-mix(in srgb,var(--success) 8%,transparent)}.alert-danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,transparent);background:color-mix(in srgb,var(--danger) 8%,transparent)}.alert-warn{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 40%,transparent);background:color-mix(in srgb,var(--warn) 8%,transparent)}.alert-info{color:var(--info);border-color:color-mix(in srgb,var(--info) 40%,transparent);background:color-mix(in srgb,var(--info) 8%,transparent)}.alert-neutral{color:var(--fg-muted)}.skeleton{position:relative;overflow:hidden;display:block;background:var(--surface-2);border-radius:var(--r-sm)}.skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);animation:shimmer 1.4s infinite}.empty{display:grid;justify-items:center;grid-gap:10px;gap:10px;text-align:center;padding:48px 20px}.empty-icon{opacity:.2}.empty-title{margin:0;font-size:var(--text-lg);line-height:var(--lh-lg);font-weight:700}.empty-hint{margin:0;color:var(--fg-muted);font-size:var(--text-sm);max-width:420px}.stat-card{display:flex;flex-direction:column;gap:6px;min-width:0}.stat-label{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--fg-muted)}.stat-value{font-size:var(--text-stat);line-height:var(--lh-stat);font-weight:700}.stat-delta{font-size:var(--text-xs);font-weight:600}.stat-delta-up{color:var(--success)}.stat-delta-down{color:var(--danger)}.spark{display:flex;align-items:flex-end;gap:2px;height:36px}.spark>i{flex:1 1;min-height:2px;background:var(--accent);opacity:.65;border-radius:1px}.pagehead{display:flex;flex-wrap:wrap;align-items:center;gap:12px;-webkit-margin-after:20px;margin-block-end:20px}.pagehead-titles{flex:1 1 260px;min-width:0}.pagehead-title{margin:0;font-size:var(--text-2xl);line-height:var(--lh-2xl);font-weight:700}.pagehead-sub{margin:4px 0 0;color:var(--fg-muted);font-size:var(--text-sm)}.pagehead-actions{display:flex;flex-wrap:wrap;gap:8px}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--fg-muted);-webkit-margin-after:8px;margin-block-end:8px}.breadcrumb a{color:var(--fg-muted);text-decoration:none}.breadcrumb a:hover{color:var(--fg)}.kv{display:grid;grid-template-columns:minmax(120px,max-content) minmax(0,1fr);grid-gap:6px 16px;gap:6px 16px;margin:0;font-size:var(--text-sm)}.kv dt{color:var(--fg-muted)}.kv dd{margin:0;word-break:break-word}@media (max-width:640px){.kv{grid-template-columns:minmax(0,1fr)}.kv dd{-webkit-margin-after:6px;margin-block-end:6px}}.spinner{display:inline-block;width:16px;height:16px;border:2px solid;border-inline-start-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.shell{min-height:100dvh}.shell-main{min-width:0;display:flex;flex-direction:column}.sidebar{display:none}.topbar{position:-webkit-sticky;position:sticky;inset-block-start:0;z-index:40;display:flex;align-items:center;gap:12px;height:56px;padding-inline:16px;background:var(--bg);-webkit-border-after:1px solid var(--border);border-block-end:1px solid var(--border)}.topbar-logo{display:inline-flex;align-items:center}.topbar-ws{display:none;color:var(--fg-muted);font-size:var(--text-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.topbar-end{-webkit-margin-start:auto;margin-inline-start:auto;display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap}.content{width:100%;max-width:1080px;margin-inline:auto;padding:24px 16px 48px}@media (min-width:640px){.topbar-ws{display:inline}}@media (min-width:960px){.shell{display:grid;grid-template-columns:232px minmax(0,1fr)}.sidebar{display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;inset-block-start:0;height:100dvh;overflow-y:auto;padding:16px 12px;background:var(--bg);-webkit-border-end:1px solid var(--border);border-inline-end:1px solid var(--border)}.topbar-mobile-only{display:none!important}.content{padding:32px 24px 56px}}.sidebar-brand{display:flex;align-items:center;padding:8px 10px 16px}.nav-group{display:flex;flex-direction:column;gap:2px;-webkit-margin-after:12px;margin-block-end:12px}.nav-title{font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:8px 10px 4px}.nav-item,.nav-title{font-weight:600;color:var(--fg-muted)}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-md);-webkit-border-start:3px solid transparent;border-inline-start:3px solid transparent;font-size:var(--text-base);text-decoration:none;transition:background-color .15s ease-out}.nav-item-active,a.nav-item:hover{background:var(--surface-2);color:var(--fg)}.nav-item-active{border-inline-start-color:var(--accent)}.nav-item-dim{opacity:.45;cursor:default}.nav-badge{-webkit-margin-start:auto;margin-inline-start:auto;font-size:10px;font-weight:600;letter-spacing:.04em;color:var(--fg-muted);border:1px solid var(--border);border-radius:var(--r-pill);padding:1px 7px;white-space:nowrap}.nav-sub .nav-item{font-weight:400;font-size:var(--text-sm);padding-block:6px}