@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=DM+Mono:wght@400;500&family=Fraunces:ital,wght@0,300;0,600;1,300&display=swap";:root{--ax-navy: #0D1B2A;--ax-navy-mid: #1A2E42;--ax-navy-light: #243F5C;--ax-teal: #00B4A0;--ax-teal-dim: #007A6E;--ax-teal-pale: #E0F7F5;--ax-amber: #F4A832;--ax-amber-pale: #FEF4E0;--ax-red: #E5504A;--ax-red-pale: #FDEEED;--ax-green: #27AE6E;--ax-green-pale: #E3F7EE;--ax-white: #FFFFFF;--ax-bg: #F4F6F9;--ax-surface: #FFFFFF;--ax-border: #E2E8F0;--ax-border-mid: #C8D3E0;--ax-text-1: #0D1B2A;--ax-text-2: #4A5568;--ax-text-3: #8A97A8;--font-ui: "DM Sans", sans-serif;--font-mono: "DM Mono", monospace;--font-display: "Fraunces", serif;--sidebar-w: 230px;--topbar-h: 58px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(13,27,42,.08);--shadow-md: 0 4px 16px rgba(13,27,42,.1)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-ui);background:var(--ax-bg);color:var(--ax-text-1);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--ax-border-mid);border-radius:3px}.text-mono{font-family:var(--font-mono)}.text-muted{color:var(--ax-text-3)}.text-secondary{color:var(--ax-text-2)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:20px;font-size:11px;font-weight:500;letter-spacing:.2px;white-space:nowrap}.badge-success{background:var(--ax-green-pale);color:var(--ax-green)}.badge-warn{background:var(--ax-amber-pale);color:#b07a1a}.badge-error{background:var(--ax-red-pale);color:var(--ax-red)}.badge-info{background:var(--ax-teal-pale);color:var(--ax-teal-dim)}.badge-neutral{background:var(--ax-bg);color:var(--ax-text-2);border:1px solid var(--ax-border)}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;font-family:var(--font-ui);cursor:pointer;border:1px solid var(--ax-border);background:var(--ax-white);color:var(--ax-text-1);transition:all .15s;white-space:nowrap}.btn:hover{background:var(--ax-bg);border-color:var(--ax-border-mid)}.btn-primary{background:var(--ax-teal);color:#fff;border-color:var(--ax-teal)}.btn-primary:hover{background:var(--ax-teal-dim);border-color:var(--ax-teal-dim)}.btn-danger{background:var(--ax-red-pale);color:var(--ax-red);border-color:#f5c6c4}.btn-sm{padding:5px 12px;font-size:12px}.btn-icon{padding:6px;border-radius:var(--radius-sm)}.card{background:var(--ax-surface);border:1px solid var(--ax-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid var(--ax-border)}.card-title{font-size:13px;font-weight:600;color:var(--ax-text-1);display:flex;align-items:center;gap:8px}.card-body{padding:16px 20px}.ax-table{width:100%;border-collapse:collapse;font-size:13px}.ax-table th{text-align:left;padding:8px 14px;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--ax-text-3);border-bottom:1px solid var(--ax-border);background:var(--ax-bg);white-space:nowrap}.ax-table td{padding:10px 14px;border-bottom:1px solid var(--ax-border);color:var(--ax-text-1)}.ax-table tbody tr:last-child td{border-bottom:none}.ax-table tbody tr:hover td{background:#f8fafc}.status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;display:inline-block}.dot-green{background:var(--ax-green)}.dot-amber{background:var(--ax-amber)}.dot-red{background:var(--ax-red)}.dot-teal{background:var(--ax-teal)}.dot-gray{background:var(--ax-text-3)}.metric-card{background:var(--ax-surface);border:1px solid var(--ax-border);border-radius:var(--radius-md);padding:16px 20px}.metric-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--ax-text-3);margin-bottom:6px}.metric-value{font-size:26px;font-weight:600;color:var(--ax-text-1);line-height:1}.metric-sub{font-size:12px;color:var(--ax-text-3);margin-top:5px}.metric-up{color:var(--ax-green)}.metric-down{color:var(--ax-red)}.progress-track{height:4px;background:var(--ax-border);border-radius:2px;overflow:hidden}.progress-fill{height:100%;border-radius:2px;transition:width .4s ease}.divider{height:1px;background:var(--ax-border);margin:16px 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.animate-in{animation:fadeIn .25s ease both}.spinner{animation:spin .8s linear infinite}.pulsing{animation:pulse 1.5s ease infinite}