:root{--ink:#12181c;--ink-2:#3a464e;--muted:#6b7a83;--bg:#eef1f2;--surface:#fff;--line:#dde3e6;--accent:#0f8a8a;--accent-d:#0b6d6d;--accent-soft:#e6f4f4;--amber:#c9741a;--green:#2f8f4e;--red:#c0392b;--shadow:0 10px 30px -12px #12181c3d;--r:12px}@media (prefers-color-scheme:dark){:root{--ink:#e9eef0;--ink-2:#b8c3c8;--muted:#8c9aa1;--bg:#0d1214;--surface:#141b1e;--line:#263136;--accent:#3bb8b3;--accent-d:#2aa09b;--accent-soft:#12312f;--shadow:0 10px 30px -12px #0009}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Segoe UI,system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}a{color:var(--accent-d);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1100px;margin:0 auto;padding:24px 18px 64px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}.btn{appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:10px;padding:9px 13px;font-family:inherit;font-size:14px;font-weight:600}.btn.pri{background:var(--accent);border-color:var(--accent);color:#fff}.btn.ghost{background:0 0}.btn.sm{padding:6px 10px;font-size:13px}.btn.danger{color:var(--red);border-color:var(--red)}.btn:disabled{opacity:.5;cursor:not-allowed}.muted{color:var(--muted)}input,select,textarea{width:100%;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:9px 11px;font-family:inherit;font-size:14px;line-height:1.4}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}textarea{resize:vertical;min-height:64px}.lbl{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:5px;font-size:12px;font-weight:700;display:block}.field{gap:0;display:grid}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:520px){.grid2{grid-template-columns:1fr}}.chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.chip.ok{color:var(--green);border-color:var(--green)}.chip.warn{color:var(--amber);border-color:var(--amber)}.chip.bad{color:var(--red);border-color:var(--red)}