:root{--bg:#f4f6f9;--surface:#fff;--ink:#0f1a2b;--muted:#5a6577;--line:#d9dfe8;--nav:#0f1a2b;--nav-ink:#c9d3e3;--primary:#1f4e8c;--ok:#1d7a4b;--ok-bg:#e2f3ea;--bad:#a3321f;--bad-bg:#fbe6e1;--warn-bg:#fdf0c8}@media (prefers-color-scheme:dark){:root{--bg:#0c1220;--surface:#141c2e;--ink:#e8edf6;--muted:#9aa7bd;--line:#26324a;--nav:#070c17;--nav-ink:#b4c0d6;--primary:#6ea2ec;--ok:#5ccf94;--ok-bg:#13301f;--bad:#f08a78;--bad-bg:#3a1a14;--warn-bg:#3d3210}}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:14px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}h1{margin:0 0 12px;font-size:24px}a{color:var(--primary)}.muted{color:var(--muted)}.narrow{max-width:420px;margin:8vh auto;padding:0 16px}.shell{grid-template-columns:220px minmax(0,1fr);min-height:100vh;display:grid}.side{background:var(--nav);color:var(--nav-ink);flex-direction:column;gap:18px;padding:18px 12px;display:flex}.side .brand{flex-direction:column;padding:4px 10px;display:flex}.side .brand b{color:#fff}.side .brand span{text-transform:capitalize;font-size:12px}.side nav{flex-direction:column;flex:1;gap:2px;display:flex}.side nav a{color:var(--nav-ink);border-radius:6px;padding:8px 10px;text-decoration:none}.side nav a:hover{color:#fff;background:#ffffff14}main{padding:24px max(16px, env(safe-area-inset-right,0px)) 40px 24px;min-width:0}.narrow.main,main>*{max-width:1000px}.card{background:var(--surface);border:1px solid var(--line);border-radius:10px;margin-bottom:16px;padding:16px}.stack{flex-direction:column;gap:12px;display:flex}.grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end;gap:12px;display:grid}.end{justify-content:flex-end;display:flex}.row{flex-wrap:wrap;gap:8px;display:flex}label{flex-direction:column;gap:4px;font-weight:500;display:flex}input,select,textarea{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;padding:8px 10px}button{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:8px;padding:8px 14px;font-weight:600}button.primary{background:var(--primary);border-color:var(--primary);color:#fff}button.link{color:var(--nav-ink);text-align:left;background:0 0;border:0;width:100%;padding:8px 10px}table{border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:10px;width:100%;overflow:hidden}th,td{text-align:left;border-bottom:1px solid var(--line);padding:10px 12px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.num{text-align:right}.chip{background:var(--ok-bg);color:var(--ok);border-radius:999px;padding:2px 8px;font-size:12px}.alert{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:10px 12px}.alert.bad{background:var(--bad-bg);color:var(--bad);border-color:var(--bad)}.alert.ok{background:var(--ok-bg);color:var(--ok);border-color:var(--ok)}.tiles{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px;display:grid}.tile{color:var(--ink);flex-direction:column;text-decoration:none;display:flex}.tile b{font-size:28px}@media (max-width:720px){.shell{grid-template-columns:1fr}.side{flex-flow:wrap;align-items:center}.side nav{flex-direction:row;flex:none}main{padding:16px}}.side nav a[aria-current=page]{color:#fff;background:#ffffff24;font-weight:600}.side nav a .n{float:right;background:var(--bad);color:#fff;border-radius:999px;padding:0 7px;font-size:11px;line-height:18px}.side .who{color:var(--nav-ink);background:#ffffff0f;border-radius:8px;padding:10px;font-size:12px;line-height:1.4;text-decoration:none;display:block}.side .who:hover{background:#ffffff1f}.side .who b{color:#fff;font-size:13px;display:block}.side .who i{color:#fff;margin-top:4px;font-style:normal;text-decoration:underline;display:block}.soon{max-width:560px}.plans{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-bottom:16px;display:grid}.plan{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:14px}.plan.cur{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary) inset}.plan b.price{font-size:24px;display:block}.perm-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;gap:10px;display:grid}.check{flex-direction:row;align-items:center;gap:8px;font-weight:500}.check input{width:auto}