:root{--navy-900: #081633;--navy-800: #0b1e3f;--navy-700: #12294d;--navy-600: #17325c;--navy-500: #1f3f6e;--surface: #ffffff;--surface-alt: #f4f7fb;--border: #e2e8f2;--brand: #2d7ff9;--brand-dark: #1c63d1;--accent: #ff7a2f;--success: #21c17a;--warning: #f5a623;--danger: #e5484d;--info: #34b3e0;--text: #0f1c33;--text-muted: #5b6b85;--text-invert: #eaf1ff;--radius: 12px;--radius-sm: 8px;--shadow-sm: 0 1px 2px rgba(8, 22, 51, .06), 0 1px 3px rgba(8, 22, 51, .1);--shadow-md: 0 6px 24px rgba(8, 22, 51, .12);--shadow-lg: 0 18px 48px rgba(8, 22, 51, .22);--font: Verdana, Geneva, Tahoma, sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font);color:var(--text);background:var(--surface-alt);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font);margin:0 0 .4em;color:var(--text);font-weight:700}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.btn{font-family:var(--font);display:inline-flex;align-items:center;gap:8px;border:none;border-radius:var(--radius-sm);padding:10px 18px;font-size:13px;font-weight:700;cursor:pointer;transition:transform .05s ease,box-shadow .15s ease,background .15s ease;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:#fff;box-shadow:0 4px 14px #2d7ff959}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #2d7ff980}.btn-accent{background:linear-gradient(135deg,var(--accent),#e5631a);color:#fff;box-shadow:0 4px 14px #ff7a2f59}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){color:var(--text);border-color:var(--brand)}.btn-sm{padding:6px 12px;font-size:12px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px}.input{font-family:var(--font);padding:11px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;background:#fff;color:var(--text);transition:border-color .15s ease,box-shadow .15s ease}.input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #2d7ff926}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.3px}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge-success{background:#21c17a24;color:#158a56}.badge-danger{background:#e5484d24;color:#c22a2f}.badge-warning{background:#f5a62329;color:#b57708}.badge-info{background:#34b3e029;color:#1c86ac}.badge-muted{background:#5b6b8524;color:var(--text-muted)}.badge-brand{background:#2d7ff924;color:var(--brand-dark)}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;padding:12px 14px;color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.4px;border-bottom:2px solid var(--border);background:var(--surface-alt)}.table td{padding:12px 14px;border-bottom:1px solid var(--border);vertical-align:middle}.table tbody tr:hover{background:var(--surface-alt)}.muted{color:var(--text-muted)}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}