*{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0f19;--surface:#0f1629;--nav-panel-bg:#0f1629;--surface-soft:#0000001f;--surface-hover:#ffffff0d;--topbar-bg:#0f1629a6;--text:#e8eefc;--text-soft:#e8eefcc7;--muted:#e8eefc99;--muted-subtle:#e8eefc75;--border:#ffffff14;--border-strong:#ffffff24;--accent:#5d78ff;--accent-soft:#5d78ff2e;--accent-hover:#5d78ff1a;--hover-bg:#5d78ff1a;--accent-border:#5d78ffb3;--nav-active-bg:#5d78ff1f;--nav-active-border:#5d78ff40;--input-bg:#857e7e3d;--input-option-bg:#1b2233;--button-ghost-bg:#ffffff0f;--table-head-bg:#0000001f;--focus-ring:#5d78ff26;--danger:#ffb4b4;--success:#b8f7c4;--warning:#ffbf47;--warning-soft:#ffc75f29;--warning-border:#ffc75fd9;--warning-text:#101828;--shadow-lg:0 18px 44px #00000059}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f6fb;--surface:#fff;--nav-panel-bg:#e7ecf5;--surface-soft:#1118270a;--surface-hover:#1118270b;--topbar-bg:#e7ecf5db;--text:#172033;--text-soft:#172033c2;--muted:#17203394;--muted-subtle:#17203366;--border:#1118271a;--border-strong:#11182729;--accent:#3656dc;--accent-soft:#3656dc21;--accent-hover:#3656dc14;--hover-bg:#3656dc14;--accent-border:#3656dc80;--nav-active-bg:#3656dc1a;--nav-active-border:#3656dc38;--input-bg:#fff;--input-option-bg:#fff;--button-ghost-bg:#11182709;--table-head-bg:#1118270a;--focus-ring:#3656dc2e;--danger:#b42318;--success:#087443;--warning:#d89100;--warning-soft:#d8910021;--warning-border:#d8910080;--warning-text:#172033;--shadow-lg:0 18px 44px #11182724}html,body{background:var(--bg);width:100%;min-height:100vh;color:var(--text);margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Apple Color Emoji,Segoe UI Emoji}a{color:inherit}.shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--nav-panel-bg);border-right:1px solid var(--border);padding:16px}.brand__title{letter-spacing:0;font-weight:700}.brand__sub{color:var(--text-soft);margin-top:4px;font-size:12px}.nav{flex-direction:column;gap:8px;margin-top:18px;display:flex}.nav__section{color:var(--muted);text-transform:uppercase;margin-top:10px;font-size:12px}.nav__link{color:var(--text-soft);border:1px solid #0000;border-radius:6px;padding:8px 10px;text-decoration:none}.nav__link.router-link-active{background:var(--nav-active-bg);border-color:var(--nav-active-border)}.main{grid-template-rows:auto 1fr;display:grid}.topbar{border-bottom:1px solid var(--border);background:var(--topbar-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.topbar__left{align-items:center;gap:10px;min-width:0;display:flex}.topbar__title{text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.user{align-items:center;gap:12px;display:flex}.user__name{color:var(--text-soft);font-size:13px}.content{gap:14px;padding:18px;display:grid}.panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:14px}.panel__title{margin-bottom:10px;font-weight:650}.muted{color:var(--muted)}.cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.card{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;padding:12px}.card__k{color:var(--muted);font-size:12px}.card__v{margin-top:6px;font-size:20px;font-weight:750}.kv{grid-template-columns:140px 1fr;gap:8px 12px;display:grid}.kv__k{color:var(--muted);font-size:13px}.kv__v{font-size:13px}.table{border:1px solid var(--border);border-radius:8px;width:100%;overflow:auto}table{border-collapse:collapse;width:100%;min-width:720px}th,td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:10px 12px;font-size:13px}th{color:var(--muted);background:var(--table-head-bg);font-size:12px}.auth{place-items:center;min-height:100vh;padding:18px;display:grid}.auth__card{background:var(--surface);border:1px solid var(--border);border-radius:8px;width:min(520px,100%);padding:18px}.auth__title{margin:0 0 12px;font-size:18px}.form{gap:12px;display:grid}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field{gap:6px;display:grid}.field__label{color:var(--muted);font-size:12px}.input{background:var(--input-bg);width:100%;color:var(--text);border:1px solid var(--border-strong);border-radius:6px;outline:none;padding:10px}.input:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--focus-ring)}.dropdown-list,.dropdown-list option,select.input,select.input option{background:var(--input-option-bg);color:var(--text)}.row{justify-content:space-between;align-items:center;gap:10px;display:flex}.btn{border:1px solid var(--accent-border);background:var(--accent-soft);color:var(--text);cursor:pointer;border-radius:6px;padding:10px 12px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--ghost{border-color:var(--border-strong);background:var(--button-ghost-bg)}.mobile-menu-button,.mobile-nav{display:none}.mobile-nav{border-bottom:1px solid var(--border);background:var(--nav-panel-bg);gap:6px;padding:10px}.link{color:var(--text-soft);font-size:13px;text-decoration:none}.link:hover{text-decoration:underline}.error{color:var(--danger);font-size:13px}.links{gap:8px;display:grid}.linkrow{border:1px solid var(--border);background:var(--surface-soft);border-radius:6px;justify-content:space-between;gap:12px;padding:10px 12px;text-decoration:none;display:flex}.linkrow:hover{border-color:var(--accent-border)}.linkrow__k{color:var(--text);font-size:13px}.linkrow__v{color:var(--muted);font-size:13px}@media (width<=880px){.shell{grid-template-columns:1fr}.sidebar{display:none}.topbar{z-index:20;padding:10px 12px;position:sticky;top:0}.mobile-menu-button{flex:none;align-items:center;min-height:34px;padding:7px 10px;display:inline-flex}.mobile-nav{z-index:19;display:grid;position:sticky;top:55px}.mobile-nav .nav__link{padding:11px 12px}table{min-width:620px}}@media (width<=560px){.content{gap:10px;padding:10px}.panel{padding:10px}.topbar__right .user{gap:8px}.user__name{display:none}.btn{padding:8px 10px}.grid2{grid-template-columns:1fr}.row{flex-direction:column;align-items:stretch}}