:root{--blue:#2563eb;--blue-dark:#1d4ed8;--blue-light:#eff6ff;--slate-900:#0f172a;--slate-700:#334155;--slate-500:#64748b;--slate-200:#e2e8f0;--slate-100:#f1f5f9;--slate-50:#f8fafc;--white:#fff;--green:#16a34a;--amber:#d97706;--red:#dc2626}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--slate-50);color:var(--slate-900);min-height:100vh;font-family:DM Sans,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Bricolage Grotesque,sans-serif}#scroll-progress{z-index:9999;background:linear-gradient(90deg,#2563eb,#60a5fa);width:0%;height:3px;transition:width .1s linear;position:fixed;top:0;left:0}.gradient-text{background:linear-gradient(135deg,#2563eb 0%,#60a5fa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-label{letter-spacing:.14em;text-transform:uppercase;color:#2563eb;font-size:10px;font-weight:700}.fade-in{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(16px)}.fade-in.vis{opacity:1;transform:translateY(0)}#pin-screen{z-index:2000;background:linear-gradient(135deg,#0f172a 0%,#1e3a5f 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pin-box{background:#fff;border-radius:28px;width:100%;max-width:420px;padding:40px;box-shadow:0 32px 80px #0000004d}.pin-dots{justify-content:center;gap:14px;margin:24px 0;display:flex}.pin-dot{border:2px solid #e2e8f0;border-radius:50%;width:14px;height:14px;transition:all .2s}.pin-dot.filled{background:#2563eb;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.pin-dot.error{background:#dc2626;border-color:#dc2626;animation:.3s shake}.pin-keypad{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.pin-key{cursor:pointer;color:#0f172a;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;padding:16px;font-family:Bricolage Grotesque,sans-serif;font-size:20px;font-weight:700;transition:all .15s}.pin-key:hover{color:#2563eb;background:#eff6ff;border-color:#2563eb;transform:scale(1.04)}.pin-key:active{transform:scale(.94)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}#top-nav{z-index:1000;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff2;border-bottom:1px solid #e2e8f0;align-items:center;gap:16px;height:60px;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{align-items:center;gap:8px;text-decoration:none;display:flex}.nav-logo-icon{background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 4px 12px #2563eb4d}.nav-logo-text{color:#0f172a;font-family:Bricolage Grotesque,sans-serif;font-size:15px;font-weight:800}.nav-tabs{flex:1;justify-content:center;gap:2px;display:flex}.nav-tab{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;padding:7px 18px;font-family:Bricolage Grotesque,sans-serif;font-size:12px;font-weight:700;transition:all .2s;display:flex}.nav-tab.active{color:#2563eb;background:#eff6ff}.nav-tab:hover:not(.active){color:#334155;background:#f8fafc}.nav-right{align-items:center;gap:10px;margin-left:auto;display:flex}.nav-pill{color:#64748b;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.pulse-dot{background:#4ade80;border-radius:50%;width:7px;height:7px;animation:2s infinite pulse-ring;display:inline-block}@keyframes pulse-ring{0%{box-shadow:0 0 #4ade8066}70%{box-shadow:0 0 0 6px #0000}to{box-shadow:0 0 #0000}}.lock-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:9px;align-items:center;gap:5px;padding:6px 12px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.lock-btn:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.screen{min-height:100vh;padding-top:80px;padding-bottom:40px;display:none}.screen.active{display:block}.container{max-width:1100px;margin:0 auto;padding:0 20px}.hero-banner{background:linear-gradient(135deg,#0f172a 0%,#1e3a5f 100%);border-radius:24px;margin-bottom:24px;padding:36px 28px;position:relative;overflow:hidden}.hero-banner:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.hero-blob1{pointer-events:none;background:radial-gradient(circle,#2563eb38,#0000);border-radius:50%;width:320px;height:320px;position:absolute;top:-100px;right:-60px}.hero-blob2{pointer-events:none;background:radial-gradient(circle,#60a5fa1f,#0000);border-radius:50%;width:200px;height:200px;position:absolute;bottom:-60px;left:-40px}.kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:20px;transition:all .3s}.kpi-card:hover{border-color:#93c5fd;transform:translateY(-3px);box-shadow:0 8px 28px #2563eb1a}.kpi-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:12px;margin-bottom:24px;display:grid}.chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:22px;transition:all .3s}.chart-card:hover{border-color:#93c5fd;box-shadow:0 6px 24px #2563eb14}.chart-wrap{height:210px;position:relative}.chart-wrap-tall{height:240px;position:relative}.chart-skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:12px;height:210px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.period-bar{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;gap:2px;padding:3px;display:inline-flex}.period-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:8px;padding:6px 14px;font-family:Bricolage Grotesque,sans-serif;font-size:11px;font-weight:700;transition:all .2s}.period-btn.active{color:#2563eb;background:#fff;box-shadow:0 2px 8px #2563eb1f}.badge{letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-radius:99px;align-items:center;gap:4px;padding:3px 10px;font-size:10px;font-weight:700;display:inline-flex}.b-new{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.b-contacted{color:#7c3aed;background:#faf5ff;border:1px solid #ddd6fe}.b-responded{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.b-qualified{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.b-booked{color:#ea580c;background:#fff7ed;border:1px solid #fed7aa}.b-won{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.b-lost{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.b-followup{color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe}.b-noresp{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0}.badge-roas-ok{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.badge-roas-warn{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.badge-roas-bad{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.stage-badge{border-radius:99px;align-items:center;padding:3px 10px;font-size:10px;font-weight:700;display:inline-flex}.ps-lead{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.ps-outreach{color:#7c3aed;background:#faf5ff;border:1px solid #ddd6fe}.ps-consult{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.ps-venue{color:#ea580c;background:#fff7ed;border:1px solid #fed7aa}.ps-customer{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.lead-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:20px;transition:all .3s;position:relative;overflow:hidden}.lead-card:before{content:"";background:var(--lc,#2563eb);opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.lead-card:hover:before{opacity:1}.lead-card:hover{border-color:#93c5fd;box-shadow:0 8px 28px #2563eb1a}.save-indicator{color:#2563eb;z-index:2;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;align-items:center;gap:5px;padding:3px 8px;font-size:10px;font-weight:700;display:none;position:absolute;top:14px;right:14px}.save-indicator.visible{display:flex}.save-indicator.saved{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.save-indicator.errored{color:#dc2626;background:#fef2f2;border-color:#fecaca}.save-dot{background:currentColor;border-radius:50%;width:5px;height:5px}.save-dot.spinning{background:0 0;border:1.5px solid #2563eb4d;border-top-color:#2563eb;border-radius:50%;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.info-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:9px 12px}.score-bar{background:#f1f5f9;border-radius:99px;height:5px}.score-fill{border-radius:99px;height:100%;transition:width .6s}.sh{background:linear-gradient(90deg,#22c55e,#16a34a)}.sm{background:linear-gradient(90deg,#fbbf24,#f97316)}.sl{background:linear-gradient(90deg,#f87171,#dc2626)}.cn-input{color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;min-height:40px;padding:10px 14px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .2s,box-shadow .2s}.cn-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.cn-input::placeholder{color:#94a3b8}.cn-input[readonly]{color:#64748b;background:#f8fafc}.cn-select{color:#0f172a;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;min-height:40px;padding:10px 12px;font-family:DM Sans,sans-serif;font-size:12px;transition:all .2s}.cn-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;border-radius:12px;align-items:center;gap:7px;padding:10px 20px;font-family:Bricolage Grotesque,sans-serif;font-size:13px;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 4px 16px #2563eb4d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 22px #2563eb73}.btn-ghost{color:#475569;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;align-items:center;gap:5px;padding:8px 14px;font-family:DM Sans,sans-serif;font-size:12px;transition:all .2s;display:inline-flex}.btn-ghost:hover{color:#0f172a;background:#f1f5f9}.btn-ghost:disabled{opacity:.4;cursor:not-allowed}.f-step{background:#fff;border:1px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:center;padding:14px 18px;transition:all .25s;display:flex}.f-step:hover{border-color:#93c5fd;transform:translate(4px)}.f-conn{background:linear-gradient(#bfdbfe,#c7d2fe);width:2px;height:14px;margin:0 auto}.s-track{appearance:none;cursor:pointer;background:#e2e8f0;border-radius:99px;outline:none;width:100%;height:5px}.s-track::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:linear-gradient(135deg,#2563eb,#60a5fa);border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 3px #2563eb33}.s-track::-moz-range-thumb{cursor:pointer;background:linear-gradient(135deg,#2563eb,#60a5fa);border:none;border-radius:50%;width:18px;height:18px}.filter-chip{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:99px;align-items:center;gap:5px;padding:3px 10px;font-size:10px;font-weight:700;display:inline-flex}.filter-chip:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.filter-badge{color:#fff;background:#2563eb;border-radius:99px;padding:1px 5px;font-size:9px;font-weight:800;display:none;position:absolute;top:-4px;right:-4px}.filter-badge.visible{display:block}#active-filters-bar{flex-wrap:wrap;align-items:center;gap:6px;padding:6px 0;display:none}#active-filters-bar.visible{display:flex}.grid-2{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:14px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:14px;display:grid}.grid-4{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;display:grid}@media (width<=680px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.page-info{color:#64748b;font-size:12px;font-weight:600}.data-table{border-collapse:collapse;width:100%;font-size:12px}.data-table thead tr{background:#f8fafc;border-bottom:1px solid #e2e8f0}.data-table th{text-align:left;color:#64748b;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;padding:10px 14px;font-size:10px;font-weight:700}.data-table th.right,.data-table td.right{text-align:right}.data-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:11px 14px}.data-table tbody tr:hover{background:#f8fafc}.data-table tbody tr:last-child td{border-bottom:none}.spinner{border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}.toast-container{z-index:9999;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (width<=540px){.nav-tabs{gap:1px}.nav-tab span.tab-label{display:none}#top-nav{padding:0 12px}}.camp-label{color:#64748b;margin-bottom:5px;font-size:11px;font-weight:600;display:block}.camp-computed{color:#64748b;cursor:not-allowed;background:#f8fafc}.view-toggle{background:#f1f5f9;border-radius:12px;gap:4px;padding:4px;display:inline-flex}.view-toggle-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.view-toggle-btn.active{color:#2563eb;background:#fff;box-shadow:0 2px 8px #0000000d}.kanban-board{align-items:flex-start;gap:20px;padding:10px 0 20px;display:flex;overflow-x:auto}.kanban-column{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;flex:0 0 320px;height:80vh;max-height:700px;display:flex}.kanban-header{background:#fff;border-bottom:1px solid #e2e8f0;border-radius:20px 20px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.kanban-cards{flex-direction:column;flex:1;gap:12px;min-height:0;padding:12px;display:flex;overflow-y:auto!important}.kanban-cards::-webkit-scrollbar{width:5px}.kanban-cards::-webkit-scrollbar-track{background:0 0}.kanban-cards::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.kanban-cards::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.kanban-column .lead-card{border-radius:14px;padding:16px}.kanban-column .lead-card .info-row{padding:6px 10px}.kanban-column .lead-card select{height:36px;padding:6px 10px;font-size:11px}.kanban-column .lead-card a{padding:8px;font-size:11px}@media (width<=768px){.kanban-column{flex:0 0 85vw}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#0f172ab3;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.modal-overlay.active{display:flex}.modal-box{background:#fff;border-radius:24px;flex-direction:column;width:100%;max-width:650px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:24px 30px;display:flex}.modal-body{flex:1;padding:30px;overflow-y:auto}.modal-footer{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:flex-end;gap:12px;padding:20px 30px;display:flex}