:root{--bg: #1d1d1d;--fg: #f1efd5;--deep: #000000;--surface: #242424;--surface-2: #2a2a2a;--surface-3: #323232;--muted: #9e9e9e;--dim: #4f4f4f;--line: #333333;--line-soft: #2c2c2c;--green: #7bd88f;--amber: #e0b15f;--red: #e08585;--blue: #8fb8e0;--mono: "JetBrains Mono", ui-monospace, monospace;--sans: "Lato", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:var(--sans);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased}::selection{background:var(--fg);color:var(--bg)}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea{font-family:inherit}.mono{font-family:var(--mono)}.field{margin-bottom:16px}.field label{display:block;font-size:12px;color:var(--muted);margin-bottom:7px;letter-spacing:.3px}.field input,.field select{width:100%;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:10px;color:var(--fg);font-size:14px;outline:none;transition:.18s}.field input:focus,.field select:focus{border-color:var(--fg);background:#262626}.field input::placeholder{color:var(--dim)}.panel{background:var(--surface);border:1px solid var(--line-soft);border-radius:14px;padding:22px;margin-bottom:22px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.panel-head h3{font-size:15px;font-weight:700}.panel-head .hint{font-size:12px;color:var(--muted)}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--dim);padding:10px 12px;border-bottom:1px solid var(--line-soft);font-weight:700}td{padding:13px 12px;border-bottom:1px solid var(--line-soft);font-size:13px}tr:last-child td{border-bottom:none}tr:hover td{background:var(--surface-2)}.pill{font-family:var(--mono);font-size:11px;padding:3px 9px;border-radius:20px;font-weight:500}.pill.ok{color:var(--green);background:#7bd88f1a}.pill.err{color:var(--red);background:#e085851a}.pill.amber{color:var(--amber);background:#e0b15f1a}.code-inline{font-family:var(--mono);font-size:12px;color:var(--muted)}.btn-ghost{padding:8px 14px;border:1px solid var(--line);border-radius:8px;font-size:12.5px;color:var(--fg);transition:.15s;font-weight:700}.btn-ghost:hover{background:var(--surface-3);border-color:var(--dim)}.btn-ghost.danger{color:var(--red);border-color:#e085854d}.btn-ghost.danger:hover{background:#e0858514}.btn-cream{padding:9px 16px;background:var(--fg);color:var(--bg);border-radius:8px;font-weight:700;font-size:13px;transition:.15s}.btn-cream:hover{transform:translateY(-1px)}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes grow{0%{height:0}}@keyframes fill{0%{width:0}}.stagger>*{animation:fade .5s ease both}.stagger>*:nth-child(1){animation-delay:.04s}.stagger>*:nth-child(2){animation-delay:.08s}.stagger>*:nth-child(3){animation-delay:.12s}.stagger>*:nth-child(4){animation-delay:.16s}