:root{--bg: #f7f7fb;--text: #111827;--muted: #6b7280;--primary: #2563eb;--card: #ffffff;--border: #e5e7eb}html[data-theme=dark]{--bg: #0b1220;--text: #e6eef8;--muted: #94a3b8;--primary: #60a5fa;--card: #071022;--border: #12263a}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Helvetica Neue,Arial;background:var(--bg);color:var(--text);transition:background .2s,color .2s}a{color:var(--primary);text-decoration:none}.app-root{max-width:960px;margin:24px auto;padding:18px;background:transparent}.card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:12px}@media(max-width:640px){.app-root{margin:12px;padding:12px}h1{font-size:1.25rem}h2{font-size:1rem}button{padding:10px 12px;font-size:15px}}nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:18px;font-size:large}body{line-height:1.25rem}table{border-collapse:collapse;margin:0 auto;padding:0;width:100%}table tbody tr:hover{background-color:#4241a8}table th,table td{border-bottom:1px solid #eee;padding:4px}table thead th{font-size:12px;padding:6px}table thead tr{background-color:#5c55b2}label{display:block;margin-bottom:4px;font-weight:500}input,select,textarea{width:100%;padding:8px;border:1px solid var(--border);border-radius:4px;background:var(--card);color:var(--text);transition:border-color .2s;font-size:large}input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:none}