:root{--ink: #0b2e31;--accent: #3ccfc0;--warm: #ff7a59;--bg: #f3f7f7;--line: #dbe5e6}*{box-sizing:border-box}body{margin:0;font-family:system-ui,Segoe UI,sans-serif;background:var(--bg);color:#14272a}h2{margin:0 0 1rem}input,select{padding:.55rem .7rem;border:1px solid var(--line);border-radius:8px;font:inherit;background:#fff}button{padding:.55rem 1rem;border:0;border-radius:8px;background:var(--ink);color:#fff;font:inherit;cursor:pointer}button:hover{filter:brightness(1.2)}button.ghost{background:transparent;border:1px solid currentColor;padding:.25rem .6rem}table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}th,td{text-align:left;padding:.7rem .9rem;border-bottom:1px solid var(--line)}th{background:#eaf2f2;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.toolbar{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1rem}.badge{padding:.15rem .55rem;border-radius:999px;font-size:.75rem;background:#e3eeee}.badge.ok{background:#d5f5ef;color:#0a6b5f}.badge.warn{background:#ffe5dc;color:#a33a1c}.error{color:#b3261e;margin:.5rem 0}