:root{--bg:#120b1a;--panel:#1c1228;--line:#32243f;--text:#f3ecf8;--muted:#a898b8;--accent:#c04dff;--danger:#ff5d73;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.45 system-ui,sans-serif}a{color:var(--accent)}h1{font-size:1.4rem;margin:0 0 1rem}.btn{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:.55rem 1rem;cursor:pointer;font:inherit}.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--text)}.btn.danger{background:var(--danger)}.btn.small{padding:.25rem .6rem;font-size:.85rem}.btn:disabled{opacity:.5;cursor:default}input,select,textarea{width:100%;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:.55rem .7rem;font:inherit}textarea{min-height:220px;font-family:ui-monospace,monospace}.field{display:block;margin-bottom:.9rem;color:var(--muted)}.error{color:var(--danger)}.notice{color:#6fe3a1}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh;background:radial-gradient(ellipse 80% 60% at 50% 42%,rgba(120,40,90,.45),transparent 70%),linear-gradient(180deg,#2a1234,#140918)}.sidebar{padding:1.25rem .85rem;display:flex;flex-direction:column;gap:.2rem;border-right:1px solid rgba(255,255,255,.08);background:#14091859}.brand-logo{width:180px;height:auto;margin:0 auto 1rem;display:block}.sidebar a{color:var(--text);text-decoration:none;padding:.5rem .65rem;border-radius:10px;display:flex;align-items:center;gap:.55rem}.sidebar a svg{width:18px;height:18px;flex:none}.sidebar a.router-link-active,.sidebar a.router-link-exact-active{background:#e0457b38}.workspace{display:flex;flex-direction:column;min-width:0}.topbar{display:flex;justify-content:flex-end;align-items:center;gap:.6rem;padding:.85rem 1.25rem}.topbar .lang select{width:auto;background:#14091873}.account{position:relative}.avatar{width:40px;height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#f6f1ec;color:#140918;font-weight:700;cursor:pointer}.account-panel{position:absolute;right:0;top:48px;width:240px;z-index:5;background:#1a1024;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:.9rem;display:flex;flex-direction:column;gap:.35rem}.account-panel em{align-self:flex-start;font-style:normal;font-size:.75rem;font-weight:700;border-radius:999px;padding:.15rem .5rem;background:#e0457b33;color:#f6f1ec}.content{padding:.5rem 1.5rem 1.5rem;overflow:auto}.page-head{display:flex;align-items:center;gap:.85rem;margin-bottom:1rem}.page-head h1{margin:0}.page-lead{margin:.15rem 0 0;color:var(--muted)}.page-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#e0457b29;border:1px solid rgba(224,69,123,.35)}.page-icon svg{width:20px;height:20px}@media (max-width: 760px){.shell{grid-template-columns:1fr}.sidebar{flex-direction:row;overflow:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.brand-logo{width:120px;margin:0 .5rem 0 0}}.toolbar{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap;align-items:center}.toolbar input{max-width:280px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px}table{border-collapse:collapse;width:100%}th,td{padding:.5rem .7rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;max-width:320px;overflow-wrap:anywhere}th{color:var(--muted);font-weight:600;position:sticky;top:0;background:var(--panel)}.actions{display:flex;gap:.3rem;flex-wrap:wrap}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:1rem}.card strong{display:block;font-size:1.8rem}.dialog-backdrop{position:fixed;inset:0;background:#000a;display:grid;place-items:center;padding:1rem;z-index:10}.dialog{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:1.25rem;width:min(640px,100%)}.auth{max-width:380px;margin:10vh auto;padding:1.5rem}.links{display:flex;justify-content:space-between;margin-top:.8rem}.bubble{background:var(--panel);border-radius:10px;padding:.5rem .8rem;margin-bottom:.5rem}@media (max-width:760px){.shell{grid-template-columns:1fr}.sidebar{flex-direction:row;overflow:auto}}
