*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f1117;--surface: #1a1d27;--surface2: #22263a;--border: #2e3250;--accent: #4f8ef7;--accent-dim: #2a4a8a;--green: #22c55e;--red: #ef4444;--yellow: #eab308;--text: #e2e8f0;--text-muted: #94a3b8;--radius: 8px;--font: system-ui, -apple-system, sans-serif}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;border:none;border-radius:var(--radius);padding:6px 14px;font-size:13px;font-family:inherit;font-weight:500;transition:opacity .15s}button:disabled{opacity:.4;cursor:not-allowed}button:hover:not(:disabled){opacity:.85}.btn-primary{background:var(--accent);color:#fff}.btn-danger{background:var(--red);color:#fff}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text)}input,select,textarea{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:inherit;font-size:14px;padding:6px 10px;outline:none;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--accent)}table{width:100%;border-collapse:collapse}th,td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--border)}th{color:var(--text-muted);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.badge{display:inline-block;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:600}.badge-green{background:#14532d;color:var(--green)}.badge-yellow{background:#713f12;color:var(--yellow)}.badge-red{background:#7f1d1d;color:var(--red)}.badge-blue{background:var(--accent-dim);color:var(--accent)}.error-msg{color:var(--red);font-size:13px;margin-top:4px}.muted{color:var(--text-muted)}@media (max-width: 640px){th,td{padding:6px;font-size:12px}}