@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--teal: #00c8a0;--teal-dim: #00c8a015;--teal-hover: #00b890;--teal-dark: #007a60;--sidebar-bg: #0b1526;--sidebar-border: #1a2e47;--sidebar-text: #94a3b8;--sidebar-text-active: #e2e8f0;--sidebar-hover: #162036;--sidebar-active: #1a2e47;--bg-app: #f0f4f8;--bg-card: #ffffff;--bg-surface: #f8fafc;--bg-hover: #f8fafc;--bg-input: #ffffff;--border: #e2e8f0;--border-dim: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--green: #10b981;--green-bg: #ecfdf5;--red: #ef4444;--red-bg: #fef2f2;--amber: #f59e0b;--amber-bg: #fffbeb;--blue: #3b82f6;--blue-bg: #eff6ff;--purple: #8b5cf6;--purple-bg: #f5f3ff;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}html,body{height:100%;background:var(--bg-app);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}#root{height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:focus-visible{outline:2px solid var(--teal);outline-offset:2px}::selection{background:var(--teal-dim);color:var(--teal-dark)}h1{font-size:1.75rem;font-weight:600;letter-spacing:-.02em;color:var(--text-primary)}h2{font-size:1.375rem;font-weight:600;letter-spacing:-.015em;color:var(--text-primary)}h3{font-size:1.125rem;font-weight:600;color:var(--text-primary)}h4{font-size:.9375rem;font-weight:500;color:var(--text-primary)}a{color:var(--teal-dark);text-decoration:none}a:hover{color:var(--teal)}.mono{font-family:var(--font-mono)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.25rem;box-shadow:0 1px 3px #0000000f}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:.75rem;font-weight:500;white-space:nowrap}.badge-green{background:var(--green-bg);color:var(--green)}.badge-teal{background:var(--teal-dim);color:var(--teal-dark)}.badge-red{background:var(--red-bg);color:var(--red)}.badge-amber{background:var(--amber-bg);color:var(--amber)}.badge-blue{background:var(--blue-bg);color:var(--blue)}.badge-purple{background:var(--purple-bg);color:var(--purple)}.badge-gray{background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--r-md);font-size:.875rem;font-weight:500;cursor:pointer;border:none;transition:background .15s,opacity .15s;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--teal);color:#fff}.btn-primary:hover:not(:disabled){background:var(--teal-hover)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){background:var(--bg-hover)}.btn-danger{background:var(--red-bg);color:var(--red);border:1px solid #fecaca}.btn-danger:hover:not(:disabled){background:#fee2e2}.btn-sm{padding:5px 10px;font-size:.8125rem}.input{width:100%;padding:8px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r-md);font-size:.875rem;color:var(--text-primary);outline:none;transition:border-color .15s}.input:focus{border-color:var(--teal)}.input::placeholder{color:var(--text-muted)}.label{display:block;font-size:.8125rem;font-weight:500;color:var(--text-secondary);margin-bottom:4px}.data-table{width:100%;border-collapse:collapse}.data-table thead tr{background:var(--bg-surface)}.data-table th{padding:10px 12px;text-align:left;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border)}.data-table td{padding:10px 12px;border-bottom:1px solid var(--border-dim);font-size:.875rem;color:var(--text-primary)}.data-table tbody tr:hover{background:var(--bg-hover)}.tab{padding:8px 14px;font-size:.875rem;font-weight:500;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;background:none;border-top:none;border-left:none;border-right:none}.tab:hover{color:var(--text-secondary)}.tab.active{color:var(--teal-dark);border-bottom-color:var(--teal)}.page-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:var(--bg-card);border-bottom:1px solid var(--border)}.page-content{padding:1.5rem}.section-label{font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:3rem;color:var(--text-muted);text-align:center}.spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--teal);border-radius:50%;animation:spin .6s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.internal-banner{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#451a03;color:#fed7aa;font-size:.75rem;font-weight:600;letter-spacing:.04em}