:root{--bg: #e8eef1;--bg-elev: #f7fafb;--ink: #12262e;--muted: #5a717a;--line: #c5d3d9;--accent: #0b6e7a;--accent-soft: #d4eef1;--danger: #b42318;--danger-soft: #fde8e6;--warn: #9a6700;--ok: #1b6e3a;--radius: 10px;--shadow: 0 10px 30px rgba(18, 38, 46, .08);--font: "Source Sans 3", "Segoe UI", sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;font-family:var(--font);color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%,#cfe8ec 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#d9e4ea 0%,transparent 50%),var(--bg)}a{color:var(--accent);text-decoration:none}button,input,select,textarea{font:inherit}.mono{font-family:var(--mono);font-size:.92em}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;background:#f7fafbeb;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:20}.brand{font-weight:700;letter-spacing:.02em;color:var(--ink);font-size:1.15rem}.nav{display:flex;gap:6px;flex-wrap:wrap;flex:1}.nav a{padding:8px 12px;border-radius:999px;color:var(--muted)}.nav a.router-link-active{background:var(--accent-soft);color:var(--accent);font-weight:600}.topbar-actions{display:flex;gap:8px;align-items:center}.page{width:min(1200px,100%);margin:0 auto;padding:16px}.panel{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;margin-bottom:16px}.panel h2{margin:0 0 12px;font-size:1.1rem}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.stat{background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px}.stat .label{color:var(--muted);font-size:.85rem}.stat .value{font-size:1.4rem;font-weight:700;margin-top:4px}.btn{border:1px solid transparent;background:var(--accent);color:#fff;border-radius:8px;padding:8px 14px;cursor:pointer;min-height:40px}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.ghost{background:transparent;border-color:var(--line);color:var(--ink)}.btn.danger{background:var(--danger)}.btn.sm{padding:6px 10px;min-height:34px;font-size:.9rem}.table-wrap{overflow:auto;-webkit-overflow-scrolling:touch}table.data{width:100%;border-collapse:collapse;min-width:640px}table.data th,table.data td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top}table.data th{color:var(--muted);font-weight:600;font-size:.85rem}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.78rem;font-weight:600}.badge.ok{background:#e5f6ea;color:var(--ok)}.badge.warn{background:#fff4d6;color:var(--warn)}.badge.bad{background:var(--danger-soft);color:var(--danger)}.badge.muted{background:#eef2f4;color:var(--muted)}.form-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;align-items:center}.form-row input,.form-row select,.form-row textarea{border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:#fff;min-height:40px;min-width:0;flex:1 1 140px}.error{color:var(--danger);margin:8px 0}.muted{color:var(--muted)}.hero-login{min-height:100vh;display:grid;place-items:center;padding:24px}.hero-card{width:min(440px,100%);background:var(--bg-elev);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:28px 24px;text-align:center}.hero-card h1{margin:0 0 8px;font-size:clamp(1.8rem,5vw,2.4rem);letter-spacing:-.02em}.hero-card p{margin:0 0 20px;color:var(--muted)}.split{display:grid;gap:16px}@media(min-width:900px){.split.two{grid-template-columns:1.2fr .8fr}}@media(max-width:430px){.page{padding:12px}.topbar{padding:10px 12px}}