:root{color-scheme:light;--bg: #f4f5f7;--surface: #ffffff;--border: #dde1e6;--text: #1a1d21;--text-muted: #5f6672;--accent: #2f5fd9;--accent-hover: #2650b8;--danger: #c0362c;--danger-bg: #fdecea;--success: #1a7f4b;--success-bg: #e8f7ee}*,*:before,*:after{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden;margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}#root{min-height:100vh}main{max-width:980px;margin:0 auto;padding:1.5rem 1.5rem 4rem}h1{font-size:1.5rem;margin:0 0 1rem;padding-bottom:.6rem;border-bottom:1px solid var(--border)}p{margin:0 0 .75rem}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}header{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.9rem 1.25rem;margin-bottom:1.5rem}header p{margin:0 0 .5rem;color:var(--text-muted);font-size:.88rem}nav{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .9rem;font-size:.92rem}section{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1.25rem 1.5rem;margin-bottom:1.5rem}.table-scroll{overflow-x:auto;max-width:100%}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{text-align:left;padding:.5rem .65rem;border-bottom:1px solid var(--border);white-space:nowrap}th{color:var(--text-muted);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.02em}tbody tr:hover{background:var(--bg)}ul{margin:0 0 .75rem;padding-left:1.25rem}li{margin-bottom:.6rem}form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin-top:.5rem}form label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:var(--text-muted);font-weight:500}main>form{flex-direction:column;align-items:stretch;max-width:360px}input,select,textarea{font:inherit;padding:.45rem .6rem;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);min-width:10rem;max-width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px}button{font:inherit;font-weight:500;padding:.5rem 1rem;border:1px solid var(--accent);border-radius:6px;background:var(--accent);color:#fff;cursor:pointer}button:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}button:disabled{opacity:.5;cursor:not-allowed}nav button{background:var(--surface);color:var(--text);border-color:var(--border);padding:.35rem .75rem;font-size:.88rem}nav button:hover:not(:disabled){background:var(--bg)}[role=alert]{display:block;color:var(--danger);background:var(--danger-bg);padding:.6rem .9rem;border-radius:6px;font-size:.9rem;margin-bottom:.75rem}[role=status]{display:block;color:var(--success);background:var(--success-bg);padding:.6rem .9rem;border-radius:6px;font-size:.9rem}details{margin-top:.5rem;font-size:.9rem}details summary{cursor:pointer;color:var(--accent)}code{background:var(--bg);padding:.1rem .35rem;border-radius:4px;font-size:.9em}