:root{--bg-primary: #0f0f12;--bg-secondary: #1a1b23;--bg-card: #1e1f2a;--bg-hover: #252636;--bg-input: #15151e;--border-primary: #2a2b3a;--border-secondary: #343550;--text-primary: #e8e8ee;--text-secondary: #9294a5;--text-muted: #5d5f72;--accent-purple: #a855f7;--accent-purple-dim: rgba(168, 85, 247, .15);--accent-blue: #3b82f6;--accent-teal: #14b8a6;--accent-green: #22c55e;--accent-orange: #f59e0b;--accent-red: #ef4444;--accent-pink: #ec4899;--gradient-purple: linear-gradient(135deg, #a855f7 0%, #7c3aed 100%);--gradient-blue: linear-gradient(135deg, #3b82f6 0%, #6366f1 100%);--gradient-chart: linear-gradient(180deg, rgba(168, 85, 247, .4) 0%, rgba(168, 85, 247, 0) 100%);--sidebar-width: 240px;--header-height: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--shadow-card: 0 2px 12px rgba(0, 0, 0, .25);--shadow-float: 0 8px 32px rgba(0, 0, 0, .4);--transition: .2s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}#root{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-primary);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100}.sidebar-logo{padding:20px 24px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border-primary)}.sidebar-logo svg{color:var(--accent-purple)}.sidebar-logo h1{font-size:20px;font-weight:700;background:var(--gradient-purple);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar-nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:4px}.nav-link{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:var(--transition);border:none;background:none;cursor:pointer;width:100%;text-align:left}.nav-link:hover{color:var(--text-primary);background:var(--bg-hover)}.nav-link.active{color:var(--accent-purple);background:var(--accent-purple-dim);border-left:3px solid var(--accent-purple)}.nav-link svg{width:20px;height:20px;flex-shrink:0}.sidebar-footer{padding:16px 12px;border-top:1px solid var(--border-primary)}.main-content{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column}.header{height:var(--header-height);background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:50}.header-title{font-size:20px;font-weight:600}.header-right{display:flex;align-items:center;gap:16px}.search-box{display:flex;align-items:center;gap:8px;background:var(--bg-input);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:8px 14px;min-width:220px}.search-box input{background:transparent;border:none;outline:none;color:var(--text-primary);font-size:14px;width:100%}.search-box input::placeholder{color:var(--text-muted)}.search-box svg{color:var(--text-muted);width:16px}.admin-badge{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--bg-card);border-radius:var(--radius-lg);font-size:13px;color:var(--text-secondary)}.admin-avatar{width:32px;height:32px;border-radius:50%;background:var(--gradient-purple);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;color:#fff}.page-content{flex:1;padding:24px 28px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-card)}.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:20px;display:flex;align-items:flex-start;gap:14px}.stat-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.purple{background:var(--accent-purple-dim);color:var(--accent-purple)}.stat-icon.teal{background:#14b8a626;color:var(--accent-teal)}.stat-icon.green{background:#22c55e26;color:var(--accent-green)}.stat-icon.blue{background:#3b82f626;color:var(--accent-blue)}.stat-icon.orange{background:#f59e0b26;color:var(--accent-orange)}.stat-icon.red{background:#ef444426;color:var(--accent-red)}.stat-label{font-size:13px;color:var(--text-secondary);margin-bottom:4px}.stat-value{font-size:26px;font-weight:700;line-height:1.2}.stat-trend{font-size:12px;margin-top:4px}.stat-trend.up{color:var(--accent-green)}.stat-trend.down{color:var(--accent-red)}.stat-trend.neutral{color:var(--text-muted)}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse}table th{text-align:left;padding:12px 16px;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border-primary);white-space:nowrap}table td{padding:14px 16px;font-size:14px;border-bottom:1px solid var(--border-primary);color:var(--text-secondary)}table tr:hover td{background:var(--bg-hover)}table tr:last-child td{border-bottom:none}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.status-badge.completed{background:#22c55e26;color:var(--accent-green)}.status-badge.processing{background:#3b82f626;color:var(--accent-blue)}.status-badge.queued{background:#f59e0b26;color:var(--accent-orange)}.status-badge.failed{background:#ef444426;color:var(--accent-red)}.status-badge.dead{background:#ef444440;color:#ff6b6b}.status-badge.pending{background:#f59e0b26;color:var(--accent-orange)}.active-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.active-badge.recent{background:#22c55e2e;color:var(--accent-green)}.active-badge.moderate{background:#f59e0b2e;color:var(--accent-orange)}.active-badge.old{background:#ef44441f;color:var(--text-muted)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-md);font-size:13px;font-weight:500;cursor:pointer;border:none;transition:var(--transition)}.btn-primary{background:var(--gradient-purple);color:#fff}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-secondary{background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border-secondary)}.btn-secondary:hover{background:var(--border-primary)}.btn-outline{background:transparent;color:var(--text-secondary);border:1px solid var(--border-primary)}.btn-outline:hover{border-color:var(--accent-purple);color:var(--accent-purple)}.btn-sm{padding:5px 10px;font-size:12px}.btn-danger{background:#ef444426;color:var(--accent-red)}.btn-danger:hover{background:#ef444440}.filter-bar{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.input-field{background:var(--bg-input);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:9px 14px;color:var(--text-primary);font-size:14px;outline:none;transition:var(--transition)}.input-field:focus{border-color:var(--accent-purple);box-shadow:0 0 0 2px var(--accent-purple-dim)}.input-field::placeholder{color:var(--text-muted)}select.input-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235d5f72' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.pagination{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-primary)}.pagination-info{font-size:13px;color:var(--text-muted)}.pagination-buttons{display:flex;gap:6px}.page-btn{padding:6px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-primary);background:transparent;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:var(--transition)}.page-btn:hover{border-color:var(--accent-purple);color:var(--accent-purple)}.page-btn.active{background:var(--accent-purple);color:#fff;border-color:var(--accent-purple)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary)}.login-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:40px;width:100%;max-width:400px;box-shadow:var(--shadow-float)}.login-card h1{font-size:24px;text-align:center;margin-bottom:8px}.login-card p{text-align:center;color:var(--text-secondary);font-size:14px;margin-bottom:28px}.login-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;color:var(--text-secondary);font-weight:500}.form-group .input-field{width:100%}.login-btn{width:100%;padding:12px;font-size:15px;font-weight:600;margin-top:8px}.login-error{background:#ef44441f;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);padding:10px 14px;color:var(--accent-red);font-size:13px;text-align:center}.chat-container{display:flex;flex-direction:column;gap:12px;max-height:500px;overflow-y:auto;padding:16px}.chat-bubble{max-width:75%;padding:10px 14px;border-radius:var(--radius-lg);font-size:14px;line-height:1.5;word-break:break-word}.chat-bubble.user{align-self:flex-end;background:var(--accent-purple);color:#fff;border-bottom-right-radius:4px}.chat-bubble.assistant{align-self:flex-start;background:var(--bg-hover);color:var(--text-primary);border-bottom-left-radius:4px}.chat-bubble.system{align-self:center;background:#f59e0b1a;color:var(--accent-orange);font-size:12px;font-style:italic;max-width:90%}.chat-meta{font-size:11px;color:var(--text-muted);margin-top:4px}.funnel-chart{display:flex;flex-direction:column;gap:8px}.funnel-bar{display:flex;align-items:center;gap:12px}.funnel-label{width:180px;font-size:13px;color:var(--text-secondary);text-align:right;flex-shrink:0}.funnel-track{flex:1;height:28px;background:var(--bg-hover);border-radius:var(--radius-sm);overflow:hidden}.funnel-fill{height:100%;background:var(--gradient-purple);border-radius:var(--radius-sm);transition:width .8s ease;display:flex;align-items:center;padding-left:10px;font-size:12px;font-weight:600;color:#fff;min-width:fit-content}.funnel-count{width:80px;font-size:14px;font-weight:600;text-align:right;flex-shrink:0}.loading-spinner{display:flex;align-items:center;justify-content:center;padding:60px}.spinner{width:36px;height:36px;border:3px solid var(--border-primary);border-top-color:var(--accent-purple);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted)}.empty-state svg{width:48px;height:48px;margin-bottom:12px;opacity:.4}.empty-state p{font-size:14px}a.user-link{color:var(--accent-purple);text-decoration:none}a.user-link:hover{text-decoration:underline}.tabs{display:flex;gap:4px;margin-bottom:20px;border-bottom:1px solid var(--border-primary)}.tab{padding:10px 18px;font-size:14px;color:var(--text-muted);cursor:pointer;border:none;background:none;font-weight:500;transition:var(--transition);border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover{color:var(--text-secondary)}.tab.active{color:var(--accent-purple);border-bottom-color:var(--accent-purple)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-title{font-size:16px;font-weight:600}@media (max-width: 768px){.sidebar{display:none}.main-content{margin-left:0}.stat-cards{grid-template-columns:1fr 1fr}}