:root{--font-display: "Newsreader", Georgia, serif;--font-body: "Archivo", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--ink: #F5F1E8;--ink-soft: #8A8378;--ink-faint: #6E6A60;--bg: #0F0E0C;--bg-sunk: #171511;--surface: #1E1B17;--surface-2: #26221C;--line: #2A261F;--line-strong: #3A342B;--brand: #C98443;--brand-ink: #E0A468;--brand-soft: #33281A;--accent: #C98443;--accent-ink: #E0A468;--accent-soft: #33281A;--ok: #6FA06F;--ok-soft: #1E2A1E;--warn: #C4A94E;--warn-soft: #2C2712;--danger: #C96A4C;--danger-soft: #331E16;--radius: 10px;--radius-sm: 7px;--radius-lg: 16px;--ring: 0 0 0 3px rgba(201,132,67,.28);--shadow: 0 1px 2px rgba(0,0,0,.35), 0 6px 18px rgba(0,0,0,.28);--shadow-lg: 0 10px 34px rgba(0,0,0,.5)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);font-size:15px;line-height:1.55;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--brand-soft)}h1,h2,h3{font-family:var(--font-display);font-weight:400;letter-spacing:0;color:var(--ink);margin:0}h1{font-size:30px;line-height:1.15}h2{font-size:22px;line-height:1.25}h3{font-size:17px;line-height:1.3}.muted{color:var(--ink-soft)}.faint{color:var(--ink-faint)}.eyebrow{font-family:var(--font-mono);font-size:10.5px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--brand)}a{color:var(--brand-ink);text-decoration:none}a:hover{text-decoration:underline}button,.btn{font-family:var(--font-body);font-weight:600;font-size:14px;border:1px solid var(--brand);background:var(--brand);color:#0f0e0c;padding:9px 16px;border-radius:var(--radius);cursor:pointer;transition:background .15s,border-color .15s,transform .05s,box-shadow .15s}button:hover,.btn:hover{background:var(--brand-ink);border-color:var(--brand-ink)}button:active,.btn:active{transform:translateY(1px)}button:focus-visible,.btn:focus-visible{outline:none;box-shadow:var(--ring)}button:disabled,.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}button.secondary,.btn.secondary{background:var(--surface);color:var(--ink);border-color:var(--line-strong)}button.secondary:hover,.btn.secondary:hover{background:var(--surface-2);border-color:var(--ink-faint)}button.ghost,.btn.ghost{background:transparent;color:var(--brand-ink);border-color:transparent;padding-left:10px;padding-right:10px}button.ghost:hover,.btn.ghost:hover{background:var(--brand-soft)}button.accent,.btn.accent{background:var(--accent);border-color:var(--accent)}button.accent:hover,.btn.accent:hover{background:var(--accent-ink);border-color:var(--accent-ink)}button.danger,.btn.danger{background:var(--danger);border-color:var(--danger)}button.danger:hover,.btn.danger:hover{background:#b0573b;border-color:#b0573b}button.sm,.btn.sm{padding:6px 11px;font-size:13px}button.block,.btn.block{width:100%}label.field{display:grid;gap:6px}label.field>.field-label{font-size:13px;font-weight:600;color:var(--ink-soft)}.field-hint{font-size:12.5px;color:var(--ink-faint)}input,select,textarea{font-family:var(--font-body);font-size:14.5px;color:var(--ink);padding:10px 12px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);width:100%;transition:border-color .15s,box-shadow .15s}textarea{resize:vertical;min-height:80px}input::placeholder,textarea::placeholder{color:var(--ink-faint)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand);box-shadow:var(--ring)}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--brand)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:20px}.card.flush{padding:0;overflow:hidden}.panel{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;line-height:1;padding:5px 9px;border-radius:999px;background:var(--bg-sunk);color:var(--ink-soft)}.badge.brand{background:var(--brand-soft);color:var(--brand-ink)}.badge.accent{background:var(--accent-soft);color:var(--accent-ink)}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.danger{background:var(--danger-soft);color:var(--danger)}.badge .dot{width:7px;height:7px;border-radius:999px;background:currentColor}.tabs{display:inline-flex;gap:2px;padding:3px;background:var(--bg-sunk);border-radius:var(--radius)}.tabs button{background:transparent;border:none;color:var(--ink-soft);font-weight:600;font-size:13.5px;padding:7px 14px;border-radius:var(--radius-sm)}.tabs button:hover{background:#f5f1e80f;color:var(--ink)}.tabs button[aria-selected=true]{background:var(--surface);color:var(--brand-ink);box-shadow:var(--shadow)}table.data{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}table.data thead th{background:var(--surface-2);text-align:left;font-weight:600;font-size:12.5px;letter-spacing:.02em;color:var(--ink-soft);text-transform:uppercase}table.data th,table.data td{padding:11px 16px;border-bottom:1px solid var(--line)}table.data tbody tr:hover{background:var(--surface-2)}table.data tr:last-child td{border-bottom:none}.stack{display:grid;gap:12px}.row{display:flex;align-items:center;gap:12px}.between{display:flex;align-items:center;justify-content:space-between;gap:12px}.wrap{flex-wrap:wrap}.grow{flex:1}.meter{height:8px;background:var(--bg-sunk);border-radius:999px;overflow:hidden}.meter>span{display:block;height:100%;background:var(--brand);border-radius:999px;transition:width .12s linear}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:999px;border:3px solid var(--bg)}.toast-host{position:fixed;top:18px;right:18px;z-index:60;display:flex;flex-direction:column;gap:8px;max-width:min(360px,calc(100vw - 36px))}.toast{text-align:left;font:inherit;cursor:pointer;width:100%;padding:11px 14px;border-radius:var(--radius);border:1px solid var(--line);border-left-width:4px;background:var(--surface);color:var(--ink);box-shadow:var(--shadow-lg);animation:toast-in .18s ease-out}.toast--error{border-left-color:var(--danger);background:var(--danger-soft);color:#efc0ae}.toast--success{border-left-color:var(--ok);background:var(--ok-soft);color:#c4dcc4}.toast--info{border-left-color:var(--brand);background:var(--brand-soft);color:var(--brand-ink)}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#0000009e;display:flex;align-items:center;justify-content:center;padding:20px;animation:overlay-in .15s ease-out}.modal-card{width:100%;max-width:420px;display:grid;gap:12px;box-shadow:var(--shadow-lg);animation:modal-in .18s ease-out}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}