:root{--ink: #080a12;--ink-1: #0d1019;--ink-2: #141820;--ink-3: #1c2230;--ink-4: #242b3d;--brand: #22d3ee;--brand-soft: rgba(34, 211, 238, .1);--brand-glow: rgba(34, 211, 238, .28);--brand-border: rgba(34, 211, 238, .3);--lime: #a3e635;--lime-soft: rgba(163, 230, 53, .1);--amber: #fbbf24;--violet: #a78bfa;--rose: #fb7185;--green: #34d399;--text: #eef1f8;--text-2: #8d96aa;--text-3: #4e5869;--border: rgba(255, 255, 255, .07);--border-2: rgba(255, 255, 255, .13);--font-display: "Plus Jakarta Sans", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--s1: .5rem;--s2: 1rem;--s3: 1.5rem;--s4: 2rem;--s5: 2.5rem;--s6: 3rem;--s8: 4rem;--s10: 5rem;--s12: 6rem;--s16: 8rem;--r-xs: 6px;--r-sm: 10px;--r-md: 16px;--r-lg: 22px;--r-xl: 32px;--r-full: 9999px;--shadow-1: 0 1px 4px rgba(0,0,0,.5);--shadow-2: 0 4px 16px rgba(0,0,0,.5), 0 1px 4px rgba(0,0,0,.3);--shadow-3: 0 16px 48px rgba(0,0,0,.6), 0 4px 14px rgba(0,0,0,.3);--shadow-glow: 0 0 28px var(--brand-glow);--t: .2s ease;--t-md: .35s cubic-bezier(.4, 0, .2, 1);--gradient-primary: linear-gradient(135deg, var(--brand), var(--lime));--gradient-ink: linear-gradient(180deg, var(--ink) 0%, var(--ink-1) 100%)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-body);background:var(--ink);color:var(--text);line-height:1.65;-webkit-font-smoothing:antialiased;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;line-height:1.15;color:var(--text)}h1{font-size:clamp(2.5rem,5.5vw,4.5rem);letter-spacing:-.03em}h2{font-size:clamp(1.8rem,4vw,2.75rem);letter-spacing:-.025em}h3{font-size:1.5rem}h4{font-size:1.15rem}a{color:var(--brand);text-decoration:none;transition:color var(--t)}a:hover{color:var(--lime)}.accent{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.container{max-width:1280px;margin:0 auto;padding:0 var(--s4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s1);padding:.75rem 1.5rem;border:none;border-radius:var(--r-sm);font-family:var(--font-body);font-weight:600;font-size:.95rem;cursor:pointer;transition:all var(--t);white-space:nowrap}.btn-primary{background:var(--gradient-primary);color:var(--ink)}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-secondary{background:var(--ink-3);color:var(--text);border:1px solid var(--border-2)}.btn-secondary:hover{background:var(--ink-4);border-color:var(--brand-border)}.btn-ghost{background:transparent;color:var(--text-2)}.btn-ghost:hover{color:var(--text);background:var(--ink-3)}.btn-danger{background:transparent;color:var(--rose);border:1px solid rgba(251,113,133,.3)}.btn-danger:hover{background:#fb71851a}.btn-large{padding:1rem 2rem;font-size:1.05rem;border-radius:var(--r-md)}.btn-sm{padding:.5rem 1rem;font-size:.85rem}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--ink-2);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color var(--t),transform var(--t)}.card:hover{border-color:var(--border-2)}.stat-card{background:linear-gradient(180deg,var(--ink-2),var(--ink-1));border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s3)}.stat-card .label{color:var(--text-2);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.stat-card .value{font-family:var(--font-display);font-size:2rem;font-weight:800;margin-top:.5rem}.stat-card .delta{font-size:.85rem;color:var(--green);margin-top:.25rem}.stat-card .delta.neg{color:var(--rose)}.form-group{margin-bottom:var(--s3)}.form-label{display:block;font-size:.85rem;font-weight:600;color:var(--text-2);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.06em}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem 1rem;background:var(--ink-3);border:1px solid var(--border-2);border-radius:var(--r-sm);color:var(--text);font-family:var(--font-body);font-size:.95rem;transition:border-color var(--t),box-shadow var(--t)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.form-textarea{resize:vertical;min-height:100px}.form-error{color:var(--rose);font-size:.85rem;margin-top:.25rem;display:block}.form-hint{color:var(--text-3);font-size:.85rem;margin-top:.25rem}.navbar{position:sticky;top:0;z-index:50;background:#080a12cc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.navbar-inner{display:flex;justify-content:space-between;align-items:center;padding:var(--s2) var(--s4);max-width:1280px;margin:0 auto}.brand{display:flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-weight:800;font-size:1.2rem;color:var(--text)}.brand-logo{width:32px;height:32px;border-radius:var(--r-xs);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:var(--ink);font-weight:900}.nav-links{display:flex;gap:var(--s3);align-items:center}.nav-links a{color:var(--text-2);font-weight:500;font-size:.95rem}.nav-links a:hover{color:var(--text)}.hero{padding:var(--s16) var(--s4) var(--s12);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-200px;left:50%;transform:translate(-50%);width:700px;height:700px;background:radial-gradient(circle,var(--brand-glow) 0%,transparent 60%);pointer-events:none;z-index:0}.hero-inner{position:relative;z-index:1;max-width:900px;margin:0 auto;text-align:center}.hero h1{margin-bottom:var(--s3)}.hero p.lead{font-size:1.2rem;color:var(--text-2);margin-bottom:var(--s4)}.hero-ctas{display:flex;gap:var(--s2);justify-content:center;flex-wrap:wrap}.section{padding:var(--s12) var(--s4)}.section-header{text-align:center;max-width:700px;margin:0 auto var(--s8)}.section-header p{color:var(--text-2);margin-top:var(--s2);font-size:1.1rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--s3)}.feature-card{background:var(--ink-2);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s4)}.feature-card .icon{width:48px;height:48px;border-radius:var(--r-sm);background:var(--brand-soft);color:var(--brand);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:var(--s2)}.feature-card h4{margin-bottom:.5rem}.feature-card p{color:var(--text-2);font-size:.95rem}.footer{border-top:1px solid var(--border);background:var(--ink-1);padding:var(--s8) var(--s4) var(--s4);margin-top:var(--s8)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--s4);max-width:1280px;margin:0 auto}.footer-col h5{font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-2);margin-bottom:var(--s2)}.footer-col a,.footer-col p{display:block;color:var(--text-2);font-size:.9rem;margin-bottom:.5rem}.footer-col a:hover{color:var(--text)}.footer-bottom{max-width:1280px;margin:var(--s6) auto 0;padding-top:var(--s3);border-top:1px solid var(--border);text-align:center;color:var(--text-3);font-size:.85rem}@media (max-width: 768px){.footer-grid{grid-template-columns:1fr 1fr}}.cookie-banner{position:fixed;bottom:var(--s3);left:var(--s3);right:var(--s3);max-width:560px;margin:0 auto;background:var(--ink-3);border:1px solid var(--border-2);border-radius:var(--r-md);padding:var(--s3);box-shadow:var(--shadow-3);z-index:100;display:none}.cookie-banner.show{display:block}.cookie-banner p{color:var(--text-2);font-size:.9rem;margin-bottom:var(--s2)}.cookie-banner .actions{display:flex;gap:var(--s1);justify-content:flex-end}.modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#080a12cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;align-items:center;justify-content:center;padding:var(--s3)}.modal.show{display:flex}.modal-content{background:var(--ink-2);border:1px solid var(--border-2);border-radius:var(--r-lg);padding:var(--s4);max-width:440px;width:100%;box-shadow:var(--shadow-3);animation:modalIn .25s ease-out}@keyframes modalIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal-close{float:right;background:none;border:none;color:var(--text-2);font-size:1.5rem;cursor:pointer}.modal-close:hover{color:var(--text)}.tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:var(--s3)}.tab{flex:1;padding:var(--s2);background:none;border:none;color:var(--text-2);font-weight:600;cursor:pointer;border-bottom:2px solid transparent;transition:all var(--t)}.tab.active{color:var(--text);border-bottom-color:var(--brand)}.tab-panel{display:none}.tab-panel.active{display:block}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:var(--ink-1);border-right:1px solid var(--border);padding:var(--s3) var(--s2);display:flex;flex-direction:column;gap:var(--s3);position:sticky;top:0;height:100vh}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem}.sidebar-nav button{display:flex;align-items:center;gap:.75rem;padding:.7rem 1rem;background:none;border:none;border-radius:var(--r-sm);color:var(--text-2);font-family:var(--font-body);font-size:.95rem;font-weight:500;text-align:left;cursor:pointer;transition:all var(--t)}.sidebar-nav button:hover{background:var(--ink-2);color:var(--text)}.sidebar-nav button.active{background:var(--brand-soft);color:var(--brand);font-weight:600}.sidebar-nav button .ic{font-size:1.1rem}.sidebar-footer{margin-top:auto;padding-top:var(--s2);border-top:1px solid var(--border)}.sidebar-user{padding:.5rem 1rem;color:var(--text-2);font-size:.85rem}.sidebar-user strong{color:var(--text);display:block;font-size:.95rem}.main-area{padding:var(--s4);overflow-x:hidden}.page{display:none}.page.active{display:block;animation:pageIn .3s ease-out}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--s2);margin-bottom:var(--s4)}.page-title{font-family:var(--font-display);font-size:1.75rem;font-weight:800}.page-subtitle{color:var(--text-2);margin-top:.25rem;font-size:.95rem}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--s2);margin-bottom:var(--s4)}.chart-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--s3);margin-bottom:var(--s4)}@media (max-width: 1024px){.chart-grid{grid-template-columns:1fr}}.chart-card{background:var(--ink-2);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s3)}.chart-card h4{margin-bottom:var(--s2);font-size:1rem;color:var(--text)}.chart-wrap{position:relative;height:300px}.table-wrap{background:var(--ink-2);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}.table-toolbar{display:flex;justify-content:space-between;align-items:center;padding:var(--s2) var(--s3);border-bottom:1px solid var(--border);gap:var(--s2);flex-wrap:wrap}.table-toolbar input[type=search]{min-width:240px}.lead-table{width:100%;border-collapse:collapse;font-size:.9rem}.lead-table thead{background:var(--ink-1)}.lead-table th{text-align:left;padding:.85rem 1rem;font-weight:600;color:var(--text-2);text-transform:uppercase;font-size:.75rem;letter-spacing:.08em;border-bottom:1px solid var(--border);white-space:nowrap}.lead-table td{padding:.85rem 1rem;border-bottom:1px solid var(--border);color:var(--text);vertical-align:top}.lead-table tr:last-child td{border-bottom:none}.lead-table tr:hover td{background:#ffffff05}.lead-table .muted{color:var(--text-2);font-size:.85rem}.badge{display:inline-block;padding:.2rem .6rem;border-radius:var(--r-full);font-size:.75rem;font-weight:600;letter-spacing:.04em}.badge-new{background:var(--brand-soft);color:var(--brand)}.badge-contacted{background:#fbbf241a;color:var(--amber)}.badge-qualified{background:#34d3991a;color:var(--green)}.badge-archived{background:#8d96aa1a;color:var(--text-2)}.empty-state{padding:var(--s8) var(--s4);text-align:center;color:var(--text-2)}.empty-state h4{color:var(--text);margin-bottom:var(--s1)}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(520px,100%);background:var(--ink-2);border-left:1px solid var(--border-2);box-shadow:var(--shadow-3);transform:translate(100%);transition:transform var(--t-md);z-index:150;overflow-y:auto;padding:var(--s4)}.drawer.open{transform:translate(0)}.drawer-close{float:right;background:none;border:none;color:var(--text-2);font-size:1.5rem;cursor:pointer}.drawer h3{margin-bottom:var(--s1)}.drawer .meta{color:var(--text-2);font-size:.9rem;margin-bottom:var(--s3)}.drawer .info-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--border);gap:var(--s2)}.drawer .info-row .k{color:var(--text-2);font-size:.85rem}.drawer .info-row .v{color:var(--text);font-size:.9rem;text-align:right;word-break:break-word}.drawer .info-row .v a{color:var(--brand)}.toast{position:fixed;top:var(--s3);right:var(--s3);background:var(--ink-3);border:1px solid var(--border-2);border-left:3px solid var(--brand);padding:var(--s2) var(--s3);border-radius:var(--r-sm);box-shadow:var(--shadow-2);z-index:300;max-width:360px;animation:toastIn .25s ease-out}.toast.error{border-left-color:var(--rose)}.toast.success{border-left-color:var(--green)}@keyframes toastIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.spinner{width:24px;height:24px;border:3px solid var(--border-2);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--ink-2) 0%,var(--ink-3) 50%,var(--ink-2) 100%);background-size:200% 100%;animation:skel 1.4s ease-in-out infinite;border-radius:var(--r-sm)}@keyframes skel{to{background-position:-200% 0}}@media (max-width: 960px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:40;transform:translate(-100%);transition:transform var(--t-md);width:240px}.sidebar.open{transform:translate(0)}.main-area{padding:var(--s3)}.mobile-menu-toggle{display:inline-flex!important}}.mobile-menu-toggle{display:none}