@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-primary:#090d16;--bg-secondary:#0f172a;--bg-surface:#0f172acc;--bg-elevated:#1e293b;--bg-hover:#334155;--border-subtle:#ffffff12;--border-interactive:#ffffff24;--border-focus:#6366f199;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--brand-primary:#6366f1;--brand-hover:#4f46e5;--brand-subtle:#6366f11a;--status-active:#10b981;--status-active-bg:#10b9811a;--status-active-border:#10b98140;--status-warning:#f59e0b;--status-warning-bg:#f59e0b1a;--status-warning-border:#f59e0b40;--status-danger:#ef4444;--status-danger-bg:#ef44441a;--status-danger-border:#ef444440;--status-info:#0ea5e9;--status-info-bg:#0ea5e91a;--status-info-border:#0ea5e940;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #00000040;--shadow-md:0 4px 16px -2px #0006;--shadow-lg:0 12px 32px -4px #0009;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}*{box-sizing:border-box;font-family:var(--font-sans);margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--bg-hover)}.glass-panel{background:var(--bg-surface);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:border-color .15s}.code-badge{font-family:var(--font-mono);color:var(--text-secondary);border-radius:var(--radius-sm);background:#00000040;border:1px solid #ffffff0d;padding:2px 6px;font-size:.75rem}.status-pill{border-radius:var(--radius-sm);align-items:center;gap:6px;padding:3px 8px;font-size:.75rem;font-weight:500;line-height:1;display:inline-flex}.status-dot{border-radius:50%;width:6px;height:6px}.status-pill.active{background:var(--status-active-bg);color:#34d399;border:1px solid var(--status-active-border)}.status-pill.active .status-dot{background:#10b981}.status-pill.warning{background:var(--status-warning-bg);color:#fbbf24;border:1px solid var(--status-warning-border)}.status-pill.warning .status-dot{background:#f59e0b}.status-pill.danger{background:var(--status-danger-bg);color:#f87171;border:1px solid var(--status-danger-border)}.status-pill.danger .status-dot{background:#ef4444}.status-pill.neutral{color:var(--text-secondary);border:1px solid var(--border-subtle);background:#ffffff0d}.status-pill.neutral .status-dot{background:var(--text-muted)}.btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:.8125rem;font-weight:500;line-height:1.25;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-hover)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-interactive)}.btn-danger{background:var(--status-danger-bg);color:#f87171;border:1px solid var(--status-danger-border)}.btn-danger:hover:not(:disabled){color:#fff;background:#dc2626}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn-sm{padding:5px 10px;font-size:.75rem}.btn-icon{border-radius:var(--radius-sm);width:32px;height:32px;padding:0}.form-group{margin-bottom:14px}.form-label{color:var(--text-secondary);margin-bottom:5px;font-size:.8125rem;font-weight:500;display:block}.form-input,.form-select,.form-textarea{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);background:#090d16e6;outline:none;padding:8px 12px;font-size:.84rem;transition:border-color .15s,box-shadow .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #6366f126}.form-textarea{resize:vertical;min-height:80px}.table-container{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-surface);width:100%;overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%;font-size:.84rem}.custom-table th{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);white-space:nowrap;background:#0f172af2;padding:10px 16px;font-size:.75rem;font-weight:600}.custom-table td{color:var(--text-primary);vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:12px 16px}.custom-table tr:hover td{background:#ffffff04}.action-dropdown{display:inline-block;position:relative}.action-menu{border:1px solid var(--border-interactive);border-radius:var(--radius-sm);min-width:160px;box-shadow:var(--shadow-lg);z-index:50;background:#1e293b;margin-top:4px;padding:4px;position:absolute;top:100%;right:0}.action-menu-item{width:100%;color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:7px 10px;font-size:.8rem;transition:background .1s;display:flex}.action-menu-item:hover{background:#ffffff14}.action-menu-item.danger{color:#f87171}.action-menu-item.danger:hover{background:#ef444426}.pagination-wrapper{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.code-badge{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--text-secondary);background:#00000073;align-items:center;gap:5px;padding:2px 7px;font-size:.74rem;transition:all .15s;display:inline-flex}.code-badge:hover{border-color:var(--border-interactive);color:var(--text-primary);background:#000000b3}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}