:root{--font-heading:"Avenir Next","Trebuchet MS","Segoe UI",sans-serif;--font-mono:"Menlo","SF Mono","Consolas",monospace;--bg:#f5f1e8;--card:#fffdf8;--ink:#15100b;--muted:#6d645a;--line:#d8cdbf;--accent:#d64e18;--accent-soft:#ffd8c5;--danger:#b02020;--ok:#17653a}*{box-sizing:border-box}html,body{color:var(--ink);background:radial-gradient(circle at 20% -5%,#ffe7d8 0%,transparent 35%),radial-gradient(circle at 90% 10%,#d9efe5 0%,transparent 30%),var(--bg);min-height:100%;margin:0;padding:0}body{font-family:var(--font-heading),sans-serif}main{gap:16px;width:min(1100px,95vw);margin:40px auto;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 14px 40px #30231614}h1,h2{margin:0}h1{font-size:clamp(1.8rem,4vw,2.5rem)}h2{margin-bottom:12px;font-size:1.2rem}p,small,label,button,input,select,th,td{font-family:var(--font-mono),monospace}.grid{gap:10px;display:grid}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}input,select,button{border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:.9rem}button{cursor:pointer;background:#fff}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.ghost{background:0 0}button.danger{background:var(--danger);color:#fff;border-color:var(--danger)}button:disabled{opacity:.45;cursor:not-allowed}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:10px;font-size:.85rem}.badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:3px 10px;font-size:.75rem;display:inline-block}.meta{color:var(--muted);font-size:.8rem}.status-ok{color:var(--ok)}.status-error{color:var(--danger)}.toolbar{flex-wrap:wrap;gap:8px;display:flex}.modal{background:#140c0573;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal>div{border:1px solid var(--line);background:#fff;border-radius:14px;width:min(500px,100%);padding:16px}@media (max-width:900px){.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}}