:root{color-scheme:light dark;--bg: #0f1419;--surface: #1a2332;--surface2: #243044;--text: #e7edf4;--muted: #8b9cb3;--accent: #5b9cf5;--accent-dim: #3d7ad1;--danger: #e05d5d;--ok: #4caf7c;--border: #2d3a4d;--radius: 10px;font-family:system-ui,Segoe UI,Roboto,Ubuntu,sans-serif;line-height:1.5}@media (prefers-color-scheme: light){:root{--bg: #f4f6f9;--surface: #ffffff;--surface2: #eef1f6;--text: #1a2332;--muted: #5c6b7f;--border: #d6dde8}}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text)}#root{min-height:100vh}a{color:var(--accent)}button,input,select,textarea{font:inherit}button{cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.55rem 1rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface2);color:var(--text)}.btn:hover{filter:brightness(1.08)}.btn-primary{background:var(--accent);border-color:var(--accent-dim);color:#fff}.btn-ghost{background:transparent}.btn-danger{background:#8b2020;border-color:#b03030;color:#fff}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.field label{font-size:.85rem;color:var(--muted)}input[type=text],input[type=email],input[type=password],textarea,select{padding:.55rem .75rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);width:100%;max-width:100%}textarea{min-height:90px;resize:vertical}.card{background:var(--surface);border:1px solid var(--border);border-radius:calc(var(--radius) + 2px);padding:1.25rem}.layout{max-width:1100px;margin:0 auto;padding:1.25rem}.layout-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.badge{font-size:.75rem;padding:.2rem .5rem;border-radius:999px;background:var(--surface2);color:var(--muted)}.badge-ok{background:#4caf7c33;color:var(--ok)}.badge-warn{background:#e6b45033;color:#e6b450}.badge-err{background:#e05d5d33;color:var(--danger)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}@media (max-width: 860px){.grid-2{grid-template-columns:1fr}}.err{color:var(--danger);font-size:.9rem;margin-top:.5rem}.muted{color:var(--muted);font-size:.9rem}.split-panels{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;align-items:start}@media (max-width: 900px){.split-panels{grid-template-columns:1fr}}.page-text{white-space:pre-wrap;font-size:.88rem;max-height:420px;overflow:auto;padding:.75rem;background:var(--surface2);border-radius:var(--radius);border:1px solid var(--border);-webkit-user-select:text;user-select:text}