*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--neon-red: #ff3300;--neon-red-soft: #ff4d1a;--neon-red-glow: #ff330055;--neon-cyan: #00ffcc;--neon-cyan-glow: #00ffcc33;--bg-dark: #0a0a0a;--bg-elev: #111;--bg-panel: #131313;--bg-panel-soft: #181818;--border-soft: #1f1f1f;--border-med: #2a2a2a;--border-strong: #3a3a3a;--text-primary: #ffffff;--text-muted: #b3b3b3;--text-dim: #7a7a7a;--text-faint: #4a4a4a;--pixel-font: "Press Start 2P", monospace;--mono-font: "Share Tech Mono", monospace;--sans-font: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--chart-1: #ff3300;--chart-2: #00ffcc;--chart-3: #ffb800;--chart-4: #8b5cf6;--chart-5: #3b82f6;--chart-6: #10b981;--status-success: #10b981;--status-warning: #ffb800;--status-info: #3b82f6;--status-error: #ff3300;--sidebar-w: 240px;--topbar-h: 64px}html{scroll-behavior:smooth}body{background:var(--bg-dark);color:var(--text-primary);font-family:var(--sans-font);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;position:relative;overflow:hidden}.auth-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 700px 500px at 20% 15%,rgba(255,51,0,.18),transparent 60%),radial-gradient(ellipse 600px 500px at 80% 90%,rgba(0,255,204,.08),transparent 60%);filter:blur(40px)}.auth-card{position:relative;z-index:1;width:100%;max-width:420px;background:var(--bg-panel);border:1px solid var(--border-soft);border-radius:12px;padding:2.5rem;box-shadow:0 30px 80px #0009}.auth-brand{text-align:center;margin-bottom:1.75rem}.auth-logo{font-family:var(--pixel-font);font-size:.9rem;color:var(--text-primary);text-shadow:0 0 12px var(--neon-red-glow);letter-spacing:2px;text-transform:uppercase}.auth-logo .logo-mark{color:var(--neon-red)}.auth-title{font-family:var(--sans-font);font-weight:700;font-size:1.5rem;margin:1.25rem 0 .35rem;letter-spacing:-.01em}.auth-sub{color:var(--text-muted);font-size:.9rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.field{display:flex;flex-direction:column;gap:.4rem}.field label{font-family:var(--mono-font);font-size:.7rem;color:var(--text-dim);letter-spacing:2px;text-transform:uppercase}.field input{background:var(--bg-elev);border:1px solid var(--border-med);color:var(--text-primary);padding:.85rem 1rem;border-radius:6px;font:inherit;outline:none;transition:border-color .2s,box-shadow .2s}.field input:focus{border-color:var(--neon-red);box-shadow:0 0 0 3px var(--neon-red-glow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:6px;border:1px solid transparent;font-family:var(--sans-font);font-weight:600;font-size:.9rem;cursor:pointer;transition:background .2s,border-color .2s,color .2s,box-shadow .2s;text-decoration:none}.btn-primary{background:var(--neon-red);color:#fff;border-color:var(--neon-red)}.btn-primary:hover{background:var(--neon-red-soft);box-shadow:0 0 20px var(--neon-red-glow)}.btn-ghost{background:transparent;color:var(--text-muted);border-color:var(--border-med)}.btn-ghost:hover{color:var(--text-primary);border-color:var(--border-strong)}.btn-block{width:100%}.auth-demo-hint{margin-top:1.25rem;padding:.85rem 1rem;background:#00ffcc0a;border:1px dashed rgba(0,255,204,.3);border-radius:6px;font-family:var(--mono-font);font-size:.78rem;color:var(--text-muted);line-height:1.6}.auth-demo-hint strong{color:var(--neon-cyan);font-weight:400}.auth-error{margin-top:.5rem;color:var(--status-error);font-size:.85rem;min-height:1.2em}.auth-footer{text-align:center;margin-top:1.5rem;font-size:.8rem;color:var(--text-dim)}.auth-footer a{color:var(--text-muted)}.auth-footer a:hover{color:var(--neon-red)}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.sidebar{background:#0d0d0d;border-right:1px solid var(--border-soft);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar-brand{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-soft);font-family:var(--pixel-font);font-size:.8rem;letter-spacing:2px;text-transform:uppercase;color:var(--text-primary);text-shadow:0 0 10px var(--neon-red-glow)}.sidebar-brand .logo-mark{color:var(--neon-red)}.sidebar-nav{flex:1;padding:1rem .75rem;display:flex;flex-direction:column;gap:.15rem;overflow-y:auto}.sidebar-section-label{font-family:var(--mono-font);font-size:.65rem;color:var(--text-faint);letter-spacing:2px;text-transform:uppercase;padding:.85rem .75rem .35rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;border-radius:6px;color:var(--text-muted);font-size:.875rem;font-weight:500;transition:background .15s,color .15s}.nav-item:hover{background:var(--bg-elev);color:var(--text-primary)}.nav-item.active{background:#ff33001a;color:var(--neon-red);box-shadow:inset 2px 0 0 var(--neon-red)}.nav-item svg{width:18px;height:18px;flex-shrink:0}.sidebar-foot{padding:1rem;border-top:1px solid var(--border-soft);display:flex;align-items:center;gap:.75rem}.user-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0}.user-info{flex:1;min-width:0}.user-name{font-size:.85rem;font-weight:600}.user-plan{font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px}.logout-btn{background:none;border:1px solid var(--border-soft);color:var(--text-dim);width:32px;height:32px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;transition:color .15s,border-color .15s}.logout-btn:hover{color:var(--neon-red);border-color:var(--neon-red)}.logout-btn svg{width:16px;height:16px}.app-main{display:flex;flex-direction:column;min-width:0}.topbar{position:sticky;top:0;z-index:10;height:var(--topbar-h);background:#0a0a0ad9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-soft);display:flex;align-items:center;gap:1rem;padding:0 1.75rem}.topbar-title{font-family:var(--sans-font);font-weight:700;font-size:1.05rem;letter-spacing:-.005em}.topbar-sub{color:var(--text-dim);font-size:.85rem;margin-left:.5rem}.topbar-spacer{flex:1}.topbar-search{position:relative;width:280px;max-width:30vw}.topbar-search input{width:100%;background:var(--bg-elev);border:1px solid var(--border-soft);color:var(--text-primary);padding:.5rem .85rem .5rem 2.2rem;border-radius:6px;font-size:.85rem;outline:none;transition:border-color .2s}.topbar-search input:focus{border-color:var(--border-strong)}.topbar-search svg{position:absolute;left:.7rem;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-dim)}.topbar-icon-btn{width:36px;height:36px;border-radius:6px;background:var(--bg-elev);border:1px solid var(--border-soft);color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;position:relative;transition:color .15s,border-color .15s}.topbar-icon-btn:hover{color:var(--text-primary);border-color:var(--border-med)}.topbar-icon-btn svg{width:16px;height:16px}.topbar-icon-btn .dot{position:absolute;top:8px;right:8px;width:7px;height:7px;border-radius:50%;background:var(--neon-red);box-shadow:0 0 8px var(--neon-red)}.app-content{padding:1.75rem;flex:1;display:flex;flex-direction:column;gap:1.25rem}.card{background:var(--bg-panel);border:1px solid var(--border-soft);border-radius:10px;padding:1.25rem 1.5rem}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.card-title{font-family:var(--sans-font);font-weight:600;font-size:1rem;color:var(--text-primary);letter-spacing:-.005em}.card-sub{color:var(--text-dim);font-size:.8rem}.card-link{color:var(--text-muted);font-size:.8rem;transition:color .15s}.card-link:hover{color:var(--neon-red)}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}.kpi{background:var(--bg-panel);border:1px solid var(--border-soft);border-radius:10px;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.5rem;position:relative;overflow:hidden}.kpi-label{font-family:var(--mono-font);font-size:.7rem;color:var(--text-dim);letter-spacing:2px;text-transform:uppercase}.kpi-value{font-family:var(--pixel-font);font-size:1.5rem;line-height:1.2;color:var(--text-primary);text-shadow:0 0 10px var(--neon-red-glow)}.kpi-foot{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--text-muted)}.kpi-delta{font-weight:600}.kpi-delta.up{color:var(--status-success)}.kpi-delta.down{color:var(--status-error)}.kpi-spark{position:absolute;right:-4px;bottom:-4px;width:90px;height:32px;opacity:.5}.row-2{display:grid;grid-template-columns:2fr 1fr;gap:1.25rem}.row-2-equal{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.chart-wrap{position:relative;height:280px}.chart-wrap.tall{height:340px}.chart-wrap.short{height:200px}.table-card{padding:0;overflow:hidden}.table-toolbar{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border-soft);flex-wrap:wrap}.table-toolbar .topbar-search{width:320px;max-width:100%}.filter-chips{display:flex;gap:.4rem;flex-wrap:wrap}.chip{padding:.4rem .8rem;background:var(--bg-elev);border:1px solid var(--border-soft);border-radius:6px;font-size:.8rem;color:var(--text-muted);cursor:pointer;transition:color .15s,border-color .15s,background .15s}.chip:hover{color:var(--text-primary);border-color:var(--border-med)}.chip.active{background:#ff33001a;color:var(--neon-red);border-color:var(--neon-red)}.table-toolbar-right{margin-left:auto;display:flex;gap:.5rem}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th,.data-table td{text-align:left;padding:.85rem 1.5rem;border-bottom:1px solid var(--border-soft)}.data-table th{font-family:var(--mono-font);font-weight:400;font-size:.72rem;color:var(--text-dim);letter-spacing:2px;text-transform:uppercase;background:#ffffff05}.data-table tbody tr{transition:background .15s}.data-table tbody tr:hover{background:var(--bg-panel-soft)}.data-table tbody tr:last-child td{border-bottom:none}.lead-cell{display:flex;align-items:center;gap:.75rem}.lead-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0}.lead-name{font-weight:600}.lead-meta{color:var(--text-dim);font-size:.78rem}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;border:1px solid}.badge.success{color:var(--status-success);background:#10b9811a;border-color:#10b9814d}.badge.warning{color:var(--status-warning);background:#ffb8001a;border-color:#ffb8004d}.badge.info{color:var(--status-info);background:#3b82f61a;border-color:#3b82f64d}.badge.error{color:var(--status-error);background:#ff33001a;border-color:#ff33004d}.badge.neutral{color:var(--text-muted);background:var(--bg-elev);border-color:var(--border-med)}.score-bar{display:inline-flex;align-items:center;gap:.6rem}.score-bar-track{width:70px;height:6px;background:var(--bg-elev);border-radius:999px;overflow:hidden}.score-bar-fill{height:100%;background:linear-gradient(90deg,var(--neon-red),var(--neon-cyan));border-radius:999px}.score-bar-val{font-family:var(--mono-font);font-size:.85rem;color:var(--text-primary)}.icon-btn{background:none;border:none;color:var(--text-dim);width:28px;height:28px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.icon-btn:hover{color:var(--text-primary);background:var(--bg-elev)}.icon-btn svg{width:16px;height:16px}.table-pagination{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-top:1px solid var(--border-soft);font-size:.85rem;color:var(--text-muted)}.pagination-controls{display:flex;gap:.4rem}.page-btn{background:var(--bg-elev);border:1px solid var(--border-soft);color:var(--text-muted);padding:.4rem .7rem;border-radius:6px;font-size:.85rem;transition:color .15s,border-color .15s}.page-btn:hover{color:var(--text-primary);border-color:var(--border-med)}.page-btn.active{color:var(--neon-red);border-color:var(--neon-red);background:#ff330014}.activity-list{display:flex;flex-direction:column;gap:.85rem}.activity-item{display:flex;gap:.85rem;padding-bottom:.85rem;border-bottom:1px solid var(--border-soft)}.activity-item:last-child{border-bottom:none;padding-bottom:0}.activity-icon{width:32px;height:32px;border-radius:50%;background:var(--bg-elev);border:1px solid var(--border-soft);display:inline-flex;align-items:center;justify-content:center;color:var(--neon-cyan);flex-shrink:0}.activity-icon svg{width:14px;height:14px}.activity-body{flex:1;min-width:0}.activity-text{font-size:.875rem}.activity-text strong{font-weight:600}.activity-meta{font-size:.75rem;color:var(--text-dim);margin-top:.15rem}.funnel{display:flex;flex-direction:column;gap:.5rem;padding:.5rem 0}.funnel-step{display:flex;align-items:center;gap:1rem}.funnel-label{width:130px;font-size:.85rem;color:var(--text-muted);flex-shrink:0}.funnel-bar{flex:1;height:36px;background:var(--bg-elev);border-radius:6px;overflow:hidden;position:relative}.funnel-fill{height:100%;background:linear-gradient(90deg,var(--neon-red),var(--neon-red-soft));display:flex;align-items:center;padding:0 .85rem;font-weight:600;color:#fff;font-size:.85rem}.funnel-fill.cyan{background:linear-gradient(90deg,var(--chart-2),#00ccaa);color:#000}.funnel-fill.amber{background:linear-gradient(90deg,var(--chart-3),#cc9300);color:#000}.funnel-fill.purple{background:linear-gradient(90deg,var(--chart-4),#6b3ed4)}.funnel-fill.blue{background:linear-gradient(90deg,var(--chart-5),#1f5fcc)}.funnel-rate{width:60px;text-align:right;color:var(--text-dim);font-family:var(--mono-font);font-size:.8rem;flex-shrink:0}@media(max-width:900px){.row-2,.row-2-equal{grid-template-columns:1fr}}@media(max-width:768px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:-100%;width:80%;max-width:280px;z-index:100;transition:left .25s}.sidebar.open{left:0;box-shadow:0 0 80px #000c}.topbar{padding:0 1rem}.topbar-search,.topbar-sub{display:none}.app-content{padding:1rem;gap:1rem}.data-table th,.data-table td{padding:.7rem 1rem}.table-toolbar{padding:.85rem 1rem}.mobile-menu-btn{display:inline-flex}}.mobile-menu-btn{display:none;width:36px;height:36px;border-radius:6px;background:var(--bg-elev);border:1px solid var(--border-soft);color:var(--text-primary);align-items:center;justify-content:center}.mobile-menu-btn svg{width:18px;height:18px}