:root{--bg: #0f1419;--panel: #1a222c;--text: #e8eef4;--muted: #9aa8b5;--accent: #3d9a7a;--border: #2a3540;font-family:IBM Plex Sans,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 600px at 10% -10%,#1c3a32,var(--bg));color:var(--text);min-height:100vh}.app{max-width:960px;margin:0 auto;padding:2rem 1.25rem 4rem}header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.5rem}h1{font-size:1.6rem;margin:0;letter-spacing:-.02em}.sub{color:var(--muted);font-size:.95rem}.panel{background:color-mix(in srgb,var(--panel) 92%,black);border:1px solid var(--border);border-radius:12px;padding:1rem 1.1rem;margin-bottom:1rem}.row{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0}input,select,button,textarea{background:#12181f;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.55rem .7rem;font:inherit}button{background:var(--accent);border-color:transparent;cursor:pointer;font-weight:600}button.secondary{background:transparent;border-color:var(--border);color:var(--text)}table{width:100%;border-collapse:collapse;font-size:.92rem}th,td{text-align:left;padding:.45rem .35rem;border-bottom:1px solid var(--border)}.err{color:#ff8f8f}.ok{color:#7ddea8}.tabs{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1rem}.tabs button{background:transparent;border:1px solid var(--border)}.tabs button.active{background:var(--accent)}