:root{--bg:#f6f7f9;--surface:#ffffff;--border:#e3e6ea;--text:#14181d;--muted:#656d78;--accent:#1f6feb;--accent-text:#ffffff;--danger:#c0392b;--ok:#17803d;--radius:10px;--shadow:0 1px 2px rgba(16,24,40,.05),0 4px 16px rgba(16,24,40,.05);--font:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:1.45rem;margin:0 0 .25rem;letter-spacing:-.01em}h2{font-size:1.05rem;margin:0 0 .75rem;letter-spacing:-.005em}.shell{max-width:1040px;margin:0 auto;padding:2rem 1.25rem 4rem}.topbar{background:var(--surface);border-bottom:1px solid var(--border)}.topbar-inner{max-width:1040px;margin:0 auto;padding:.85rem 1.25rem;display:flex;align-items:center;gap:1rem}.brand{font-weight:650;letter-spacing:-.01em;color:var(--text)}.brand:hover{text-decoration:none}.spacer{flex:1 1}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.card+.card{margin-top:1.25rem}.muted{color:var(--muted)}.mono,.small{font-size:.85rem}.mono{font-family:var(--mono)}label{display:block;font-weight:550;font-size:.87rem;margin-bottom:.3rem}input[type=date],input[type=email],input[type=password],input[type=text],select{width:100%;padding:.55rem .7rem;font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:8px}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}.field+.field{margin-top:.9rem}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem .95rem;font:inherit;font-weight:550;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);cursor:pointer}.btn,.btn:hover{text-decoration:none}.btn:hover{background:#f0f2f5}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn-primary:hover{background:#1a5fd0}.btn-danger{color:var(--danger)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-sm{padding:.3rem .6rem;font-size:.84rem}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:.6rem .5rem;border-bottom:1px solid var(--border);vertical-align:top}th{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:600}tr:last-child td{border-bottom:none}.pill{display:inline-block;padding:.1rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600;background:#eef1f5;color:var(--muted)}.pill-ok{background:#e6f5ec;color:var(--ok)}.pill-off{background:#f6e7e6;color:var(--danger)}.alert{padding:.65rem .8rem;border-radius:8px;font-size:.9rem;margin-bottom:1rem}.alert-error{background:#fdecea;color:var(--danger);border:1px solid #f5c6c2}.alert-ok{background:#e6f5ec;color:var(--ok);border:1px solid #bfe3cd}.row{display:flex;gap:.75rem;align-items:flex-end;flex-wrap:wrap}.row>.field{flex:1 1 180px;margin-top:0}.center-page{min-height:100vh;display:grid;place-items:center;padding:1.25rem}.center-card{width:100%;max-width:380px}.viewer{height:100vh;display:flex;flex-direction:column;background:#0d1117}.viewer-bar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.5rem .9rem;background:#161b22;color:#e6edf3;border-bottom:1px solid #30363d}.viewer-bar .title{font-weight:600;font-size:.93rem}.viewer-bar .btn{background:#21262d;border-color:#30363d;color:#e6edf3;padding:.35rem .7rem;font-size:.85rem}.viewer-bar .btn:hover{background:#30363d}.viewer-frame{flex:1 1;width:100%;border:0;display:block;background:#fff}@media (max-width:640px){.shell{padding:1.25rem .9rem 3rem}table{font-size:.88rem}}