:root{color-scheme:light;--bg: #f4f8fb;--panel: #ffffff;--panel-strong: #eaf3f8;--ink: #12222c;--muted: #607281;--line: #cddde5;--brand: #075e7a;--brand-strong: #04384f;--accent: #09a7b5;--accent-soft: #d7f4f3;--danger: #b42318;--ok: #16725b;--shadow: 0 16px 46px rgba(4, 56, 79, .12);font-family:Aptos,Segoe UI,sans-serif}:root.dark{color-scheme:dark;--bg: #09151b;--panel: #10232c;--panel-strong: #142f3b;--ink: #eaf8fb;--muted: #9ab5c0;--line: #254451;--brand: #21b7ca;--brand-strong: #6ee7e2;--accent: #87d86b;--accent-soft: #153d36;--danger: #ff8a7a;--ok: #87d86b;--shadow: 0 18px 60px rgba(0, 0, 0, .32)}*{box-sizing:border-box}body{margin:0;background:linear-gradient(90deg,rgba(9,167,181,.08) 1px,transparent 1px),linear-gradient(180deg,rgba(9,167,181,.08) 1px,transparent 1px),var(--bg);background-size:42px 42px;color:var(--ink)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.shell{min-height:100vh}.topbar{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:20px;justify-content:space-between;padding:18px 28px}.brand{align-items:center;display:flex;font-weight:800;gap:10px}.brand-mark{background:linear-gradient(135deg,var(--brand-strong),var(--accent));border-radius:6px;display:inline-block;height:28px;width:28px}.button{align-items:center;background:var(--brand);border:1px solid var(--brand);border-radius:7px;color:#fff;cursor:pointer;display:inline-flex;gap:8px;min-height:40px;padding:0 14px}.button.secondary{background:transparent;color:var(--ink)}.layout{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:var(--brand-strong);color:#fff;padding:22px}.nav{display:grid;gap:6px;margin-top:28px}.nav a,.nav button{align-items:center;background:transparent;border:0;border-radius:7px;color:#ffffffd1;cursor:pointer;display:inline-flex;gap:8px;padding:10px 12px;text-align:left}.nav a.router-link-active,.nav a:hover,.nav button.active,.nav button:hover{background:#ffffff1f;color:#fff}.content{padding:24px}.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:20px}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.muted{color:var(--muted)}.empty{align-items:center;background:var(--panel-strong);border:1px dashed var(--line);border-radius:8px;display:grid;min-height:180px;padding:28px;text-align:center}.table{border-collapse:collapse;width:100%}.table th,.table td{border-bottom:1px solid var(--line);padding:12px;text-align:left}.field{display:grid;gap:6px}.field input,.field select{background:var(--panel);border:1px solid var(--line);border-radius:7px;color:var(--ink);min-height:40px;padding:8px 10px}.field select[multiple]{min-height:112px}.login-card{max-width:520px}hr{border:0;border-top:1px solid var(--line);margin:20px 0}.status{border-radius:999px;display:inline-flex;font-size:12px;padding:4px 8px}.status.ok{background:var(--accent-soft);color:var(--ok)}.status.warn{background:#b423181a;color:var(--danger)}@media(max-width:820px){.layout{grid-template-columns:1fr}.sidebar{position:static}.grid.two,.grid.three{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}}.hero{display:grid;gap:42px;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);padding:78px 7vw 42px}.hero h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(42px,7vw,88px);line-height:.94;margin:0;max-width:900px}.hero p{color:var(--muted);font-size:18px;line-height:1.7;max-width:720px}.signal-board{background:linear-gradient(140deg,#04384ff5,#075e7af0),repeating-linear-gradient(0deg,transparent 0 21px,rgba(255,255,255,.08) 22px);border:1px solid rgba(255,255,255,.16);border-radius:8px;box-shadow:var(--shadow);color:#fff;min-height:390px;overflow:hidden;padding:28px;position:relative}.signal-line{align-items:center;border-bottom:1px solid rgba(255,255,255,.16);display:flex;justify-content:space-between;padding:18px 0}.section{padding:42px 7vw}.pricing{align-items:start}.price{font-size:38px;font-weight:800}@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:40px}}