:root{--accent: #1F5F4A;--accent-hover: #15463A;--accent-soft: #EAF3EE;--accent-ring: #1F5F4A33;--ink: #1A1C1E;--ink-2: #3D434A;--muted: #5A6170;--line: #E3E5EA;--line-2: #EEF0F3;--bg: #F3F4F7;--card: #fff;--ok-bg: #E1F3E8;--ok-fg: #0B6B3A;--warn-bg: #FFE7B3;--warn-fg: #6B3A00;--warn-line: #F2C46D;--warn-soft: #FFF8EA;--info-bg: #E6EEFC;--info-fg: #1E4FB8;--bad-bg: #FDE2E2;--bad-fg: #9B1C1C;--override-bg: #EDE4FF;--override-fg: #5B2BB5;--neutral-bg: #ECEEF0;--neutral-fg: #3D434A}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:var(--accent)}a:hover{color:var(--accent-hover)}button{font-family:inherit}h1,h2,h3{margin:0}.btn{height:36px;padding:0 14px;border-radius:8px;border:1px solid #CFD3DB;background:#fff;font:500 14px Inter,sans-serif;color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;white-space:nowrap}.btn:hover{border-color:#9aa3b5}.btn.p{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn.p:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn.sm{height:30px;font-size:13px;padding:0 10px}.btn.xs{height:26px;font-size:12px;padding:0 8px}.btn.quiet{border:0;color:var(--muted)}.btn.on{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.pill{display:inline-block;font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;white-space:nowrap;line-height:1.4}.pill.ok{background:var(--ok-bg);color:var(--ok-fg)}.pill.warn{background:var(--warn-bg);color:var(--warn-fg)}.pill.info{background:var(--info-bg);color:var(--info-fg)}.pill.bad{background:var(--bad-bg);color:var(--bad-fg)}.pill.override{background:var(--override-bg);color:var(--override-fg)}.pill.neutral{background:var(--neutral-bg);color:var(--neutral-fg)}.pill.note{background:#fff3d6;color:var(--warn-fg)}.card{background:var(--card);border:1px solid var(--line);border-radius:10px}.in{height:38px;padding:0 10px;border-radius:8px;border:1px solid #CFD3DB;font:14px Inter,sans-serif;width:100%;background:#fff;color:var(--ink)}.in:focus{outline:2px solid var(--accent-ring);border-color:var(--accent)}label.lbl{font-size:13px;font-weight:600;display:block;margin-bottom:6px}.muted{color:var(--muted)}.row{display:flex;align-items:center;gap:12px}.grow{flex:1;min-width:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}table.tbl{width:100%;border-collapse:collapse}table.tbl th{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap}table.tbl td{font-size:14px;padding:12px;border-bottom:1px solid var(--line-2);vertical-align:middle;white-space:nowrap}table.tbl tbody tr:hover td{background:#f8f9fb}