:root{--bg: #f4f6f9;--card: #ffffff;--primary: #2c5282;--primary-dark: #234876;--text: #1a202c;--muted: #718096;--border: #e2e8f0;--danger: #c53030;--ok: #2f855a}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--primary)}button{cursor:pointer;border:none;border-radius:6px;padding:8px 14px;background:var(--primary);color:#fff;font-size:14px}button:hover{background:var(--primary-dark)}button.secondary{background:#edf2f7;color:var(--text)}button.danger{background:var(--danger)}button:disabled{opacity:.5;cursor:not-allowed}input,select{padding:8px 10px;border:1px solid var(--border);border-radius:6px;font-size:14px;width:100%}label{font-size:13px;color:var(--muted);display:block;margin-bottom:4px}.field{margin-bottom:12px}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:20px;margin-bottom:16px}.row{display:flex;gap:16px;flex-wrap:wrap}.row>*{flex:1;min-width:220px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:600}.badge{padding:2px 8px;border-radius:999px;font-size:12px;background:#edf2f7}.muted{color:var(--muted)}.error{color:var(--danger);font-size:13px}.ok{color:var(--ok);font-size:13px}h1{font-size:22px}h2{font-size:18px}
