:root{--bg:#080a10;--bg2:#0d1019;--panel:rgba(19,23,34,.62);--panel2:rgba(14,17,26,.78);--line:rgba(255,255,255,.08);--text:#f3f5f7;--muted:#8d95a6;--accent:#9bf24b;--cyan:#6fe7ff;--violet:#9f8cff;--danger:#ff6b77;--amber:#ffbe5c;--shadow:0 18px 60px rgba(0,0,0,.28);font-family:Inter,system-ui,sans-serif;color-scheme:dark}
:root[data-theme=light]{--bg:#edf1f6;--bg2:#f6f8fb;--panel:rgba(255,255,255,.72);--panel2:rgba(255,255,255,.88);--line:rgba(10,20,35,.09);--text:#121722;--muted:#6f7785;--shadow:0 18px 50px rgba(40,60,90,.10);color-scheme:light}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 80% -10%,rgba(111,231,255,.08),transparent 32%),radial-gradient(circle at 10% 90%,rgba(159,140,255,.08),transparent 30%),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;font-weight:400;letter-spacing:-.01em}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.glass{background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.008)),var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.muted{color:var(--muted)}
.login-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:center;max-width:1320px;margin:auto;padding:70px;position:relative;overflow:hidden}.ambient{position:fixed;border-radius:50%;filter:blur(20px);pointer-events:none;opacity:.55}.a1{width:440px;height:440px;background:radial-gradient(circle,rgba(155,242,75,.12),transparent 68%);left:-140px;top:-120px}.a2{width:520px;height:520px;background:radial-gradient(circle,rgba(111,231,255,.1),transparent 70%);right:-180px;bottom:-220px}.dex-mark{font-size:27px;font-weight:700;letter-spacing:-.06em}.dex-mark span{color:var(--accent)}.dex-mark.small{font-size:22px}.eyebrow{font-size:11px;letter-spacing:.18em;color:var(--accent);font-weight:600;margin:26px 0 16px}.login-brand h1{font-size:58px;line-height:1.03;letter-spacing:-.055em;margin:0 0 24px;font-weight:500}.login-brand h1 em,.creative-intro em,.insight-hero em{font-style:normal;color:transparent;background:linear-gradient(90deg,var(--accent),var(--cyan));-webkit-background-clip:text;background-clip:text}.login-brand>p{font-size:17px;line-height:1.8;max-width:650px;color:var(--muted)}.login-kpis{display:flex;gap:42px;margin-top:42px}.login-kpis div{display:grid;gap:5px}.login-kpis b{font-size:20px}.login-kpis span{font-size:12px;color:var(--muted)}.login-card{padding:32px;border-radius:28px;max-width:470px;width:100%;justify-self:end;position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;inset:-1px;background:linear-gradient(120deg,transparent 35%,rgba(155,242,75,.25),transparent 47%);transform:translateX(-90%);animation:edge 6s linear infinite;pointer-events:none}.brand-chip{display:flex;align-items:center;gap:12px;padding-bottom:28px;border-bottom:1px solid var(--line)}.logo-orb{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#1d232e,#090b0f);border:1px solid rgba(255,255,255,.1);font-size:12px;font-weight:700;color:#f5ca54;box-shadow:inset 0 0 20px rgba(245,202,84,.08)}.brand-chip div:nth-child(2),.workspace div:nth-child(2){display:grid;gap:4px;flex:1}.brand-chip small,.workspace small,.user-pill small{font-size:10px;color:var(--muted)}.live-dot{font-size:9px;color:var(--accent);letter-spacing:.12em}.login-card h2{font-size:27px;margin:30px 0 8px;letter-spacing:-.035em}.login-card>p{font-size:13px;margin-bottom:26px}.login-card form>label{display:grid;gap:9px;font-size:11px;color:var(--muted);letter-spacing:.03em;margin:14px 0}.login-card input{height:52px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.025);color:var(--text);padding:0 15px;outline:none}.login-card input:focus{border-color:rgba(155,242,75,.5);box-shadow:0 0 0 3px rgba(155,242,75,.08)}.password-wrap{position:relative}.password-wrap input{width:100%;padding-right:72px}.eye{position:absolute;right:10px;top:10px;height:32px;border:0;background:transparent;color:var(--muted);font-size:10px}.form-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin:15px 0 20px}.form-row a{color:var(--muted)}.check{display:flex!important;align-items:center;gap:8px!important;margin:0!important}.check input{width:15px;height:15px}.btn{border:0;border-radius:14px;padding:13px 17px;color:var(--text);cursor:pointer;position:relative;overflow:hidden;transition:.25s ease}.btn.primary{width:100%;height:52px;background:linear-gradient(115deg,#a5f653,#70d83f);color:#0a1107;font-weight:700;box-shadow:0 10px 30px rgba(155,242,75,.16)}.btn.primary i{font-style:normal;float:right}.btn.ghost{background:rgba(255,255,255,.035);border:1px solid var(--line);font-size:11px}.shine:after{content:"";position:absolute;top:-100%;left:-40%;width:28%;height:300%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.58),transparent);transform:rotate(20deg);animation:shine 4s ease-in-out infinite}.demo-cred{margin-top:15px;padding:10px 12px;border:1px dashed var(--line);border-radius:12px;font-size:10px;color:var(--muted);text-align:center}.login-card footer{text-align:center;margin-top:24px;color:var(--muted);font-size:10px}.alert{padding:10px 12px;border-radius:10px;background:rgba(255,107,119,.08);border:1px solid rgba(255,107,119,.18);color:#ff9ba4;font-size:11px}
.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;inset:12px auto 12px 12px;width:236px;border-radius:22px;padding:14px;display:flex;flex-direction:column;z-index:20;transition:.25s}.side-top{display:flex;align-items:center;justify-content:space-between;padding:5px 7px 15px}.icon-btn{width:34px;height:34px;border:1px solid var(--line);background:rgba(255,255,255,.025);color:var(--muted);border-radius:10px;cursor:pointer}.workspace{display:flex;align-items:center;gap:11px;padding:13px 10px;margin:4px 0 18px;background:rgba(255,255,255,.022);border:1px solid var(--line);border-radius:15px}.workspace strong{font-size:11px}.sidebar nav{display:grid;gap:4px}.sidebar nav a{height:43px;border-radius:12px;display:flex;align-items:center;gap:11px;padding:0 12px;color:var(--muted);font-size:11px;position:relative;transition:.2s}.sidebar nav a:hover{background:rgba(255,255,255,.03);color:var(--text)}.sidebar nav a.active{background:linear-gradient(90deg,rgba(155,242,75,.13),rgba(155,242,75,.025));color:var(--text);border:1px solid rgba(155,242,75,.12)}.sidebar nav a.active:before{content:"";position:absolute;left:-2px;width:3px;height:20px;border-radius:4px;background:var(--accent);box-shadow:0 0 16px var(--accent)}.sidebar nav i{font-style:normal;width:17px;text-align:center;font-size:13px}.sidebar nav b{margin-left:auto;font-size:9px;padding:3px 6px;border-radius:7px;background:rgba(155,242,75,.12);color:var(--accent)}.side-bottom{margin-top:auto}.health{display:flex;gap:10px;align-items:center;padding:12px 10px;border-top:1px solid var(--line)}.health>span{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent)}.health div{display:grid;gap:3px}.health b{font-size:9px}.health small{font-size:8px;color:var(--muted)}.logout{display:block;padding:10px;font-size:10px;color:var(--muted)}.main{grid-column:2;min-width:0}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid var(--line);position:sticky;top:0;background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:blur(18px);z-index:10}.crumb{font-size:9px;color:var(--muted);letter-spacing:.08em;margin-bottom:5px}.topbar h1{font-size:20px;margin:0;font-weight:500;letter-spacing:-.035em}.top-actions{display:flex;align-items:center;gap:10px}.date-pill,.theme-toggle,.user-pill{height:42px;border:1px solid var(--line);background:rgba(255,255,255,.025);color:var(--text);border-radius:13px}.date-pill{padding:0 14px;font-size:10px}.theme-toggle{width:78px;padding:0 8px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.theme-toggle span{font-size:10px;color:var(--muted)}.theme-toggle i{width:20px;height:20px;border-radius:50%;background:var(--text);transition:.25s}.user-pill{display:flex;align-items:center;gap:9px;padding:0 11px}.avatar,.mini-avatar{display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,var(--violet),var(--cyan));color:#071017;font-weight:700}.avatar{width:28px;height:28px;font-size:9px}.user-pill div:last-child{display:grid;gap:2px}.user-pill b{font-size:9px}.content{padding:26px 30px 55px;max-width:1680px;margin:auto}.hero-strip{min-height:70px;border:1px solid rgba(155,242,75,.13);background:linear-gradient(90deg,rgba(155,242,75,.07),rgba(111,231,255,.025));border-radius:17px;padding:14px 16px;display:flex;align-items:center;gap:12px;margin-bottom:18px}.hero-strip div{font-size:10px;font-weight:600;white-space:nowrap}.hero-strip p{font-size:10px;color:var(--muted);flex:1}.hero-strip .btn{width:auto;height:38px}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent);margin-right:6px}.kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.kpi-card{padding:16px;border-radius:17px;min-width:0}.kpi-card small{font-size:9px;color:var(--muted);display:block;margin:14px 0 7px}.kpi-card strong{font-size:20px;letter-spacing:-.045em;font-weight:600}.kpi-icon{width:28px;height:28px;border-radius:9px;background:rgba(111,231,255,.08);border:1px solid rgba(111,231,255,.12);display:grid;place-items:center}.kpi-icon span{width:9px;height:9px;border-radius:3px;background:var(--cyan);box-shadow:0 0 14px rgba(111,231,255,.5)}.kpi-icon.lead,.kpi-icon.sale{background:rgba(155,242,75,.08);border-color:rgba(155,242,75,.12)}.kpi-icon.lead span,.kpi-icon.sale span{background:var(--accent)}.delta{font-size:8px;margin-top:9px}.delta.positive{color:var(--accent)}.delta em{font-style:normal;color:var(--muted);margin-left:5px}.grid-2{display:grid;grid-template-columns:1.45fr .75fr;gap:12px;margin-top:12px}.grid-3{display:grid;grid-template-columns:1fr 1fr .78fr;gap:12px;margin-top:12px}.span-2{grid-column:span 2}.panel{border-radius:18px;padding:17px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:15px}.panel-head small{font-size:8px;letter-spacing:.13em;color:var(--muted)}.panel-head h3{font-size:14px;margin:4px 0 0;font-weight:500;letter-spacing:-.03em}.panel-head p{font-size:9px;color:var(--muted);line-height:1.6;max-width:620px}.panel-head a{font-size:9px;color:var(--muted)}.legend{font-size:8px;color:var(--muted)}.legend span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:5px;box-shadow:0 0 10px var(--accent)}.aurora-chart{height:258px;position:relative;color:var(--accent);overflow:hidden;border-radius:12px;background:linear-gradient(180deg,rgba(155,242,75,.015),transparent)}.aurora-chart svg{width:100%;height:100%;position:relative;z-index:2}.aurora-chart .line{fill:none;stroke:currentColor;stroke-width:2;filter:drop-shadow(0 0 7px rgba(155,242,75,.35))}.aurora-chart .area{fill:url(#area)}.chart-grid{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 24%,var(--line) 25%,transparent 26%,transparent 49%,var(--line) 50%,transparent 51%,transparent 74%,var(--line) 75%,transparent 76%);opacity:.7}.chart-point{fill:var(--bg);stroke:var(--accent);stroke-width:2}.score{font-size:19px;color:var(--accent)}.score i{font-style:normal;font-size:8px;color:var(--muted)}.funnel-modern{display:grid;gap:13px}.funnel-modern header{display:flex;justify-content:space-between;font-size:9px}.funnel-modern header span{color:var(--muted)}.funnel-track{height:6px;border-radius:10px;background:rgba(255,255,255,.04);overflow:hidden;margin:5px 0}.funnel-track i{display:block;width:var(--w);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--violet),var(--cyan),var(--accent));box-shadow:0 0 14px rgba(111,231,255,.2)}.funnel-modern small{font-size:7px;color:var(--muted)}.table-wrap{overflow:auto}.lead-table{width:100%;border-collapse:collapse;min-width:760px}.lead-table th{font-size:7px;color:var(--muted);font-weight:500;letter-spacing:.1em;text-align:left;padding:9px 8px;border-bottom:1px solid var(--line)}.lead-table td{padding:10px 8px;border-bottom:1px solid var(--line);font-size:9px}.lead-table tr:last-child td{border-bottom:0}.lead-person{display:flex;align-items:center;gap:9px}.mini-avatar{width:28px;height:28px;font-size:8px}.lead-person div:last-child{display:grid;gap:3px}.lead-person small{font-size:7px;color:var(--muted)}.source,.status{font-size:7px;padding:4px 7px;border-radius:7px;background:rgba(111,231,255,.07);color:var(--cyan);border:1px solid rgba(111,231,255,.08)}.source.google{color:#ffcb65;background:rgba(255,203,101,.07)}.status-sale{color:var(--accent);background:rgba(155,242,75,.07)}.status-lost{color:#ff9299;background:rgba(255,107,119,.07)}.status-qualified,.status-meeting{color:#b9aaff;background:rgba(159,140,255,.08)}.lead-score{display:grid;place-items:center;width:29px;height:25px;border-radius:8px;background:rgba(255,255,255,.035);color:var(--muted);font-size:8px}.lead-score.warm{color:var(--amber);background:rgba(255,190,92,.07)}.lead-score.hot{color:var(--accent);background:rgba(155,242,75,.07)}.timeline{display:grid;gap:14px}.timeline>div{display:grid;grid-template-columns:12px 1fr;gap:9px;position:relative}.timeline>div:not(:last-child):before{content:"";position:absolute;left:4px;top:13px;bottom:-15px;width:1px;background:var(--line)}.timeline .dot{width:8px;height:8px;border-radius:50%;margin-top:3px;background:var(--cyan);box-shadow:0 0 10px rgba(111,231,255,.3)}.timeline .dot.feedback{background:var(--accent)}.timeline section{display:grid;gap:4px}.timeline b{font-size:9px}.timeline p{font-size:8px;color:var(--muted);line-height:1.5;margin:0}.timeline small{font-size:7px;color:var(--muted)}
.toolbar{padding:10px;border-radius:15px;display:flex;gap:9px;margin-bottom:12px}.search{flex:1;height:40px;display:flex;align-items:center;border:1px solid var(--line);border-radius:11px;padding:0 12px;gap:7px;background:rgba(255,255,255,.02)}.search span{color:var(--muted)}.search input{width:100%;border:0;background:transparent;outline:0;color:var(--text);font-size:10px}.toolbar select,.status-select{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:10px;padding:0 10px;font-size:9px}.quality-ring{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,var(--panel2) 55%,transparent 56%),conic-gradient(var(--accent) 82%,rgba(255,255,255,.06) 0)}.quality-ring b{font-size:10px}.quality-ring small{font-size:6px;color:var(--muted);margin-top:-18px}.status-select{height:30px}.creative-intro,.insight-hero{display:flex;justify-content:space-between;align-items:flex-end;margin:6px 0 25px}.creative-intro h2,.insight-hero h2{font-size:30px;line-height:1.18;letter-spacing:-.05em;font-weight:450;margin:0}.creative-score{padding:14px 17px;border-radius:15px;display:grid;gap:4px;min-width:170px}.creative-score small,.creative-score span{font-size:8px;color:var(--muted)}.creative-score b{font-size:22px;color:var(--accent)}.creative-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.creative-card{border-radius:18px;overflow:hidden}.creative-preview{height:235px;position:relative;background:radial-gradient(circle at 70% 20%,rgba(245,202,84,.14),transparent 36%),linear-gradient(135deg,#171817,#090a0a);display:grid;place-items:center}.creative-art{text-align:center;transform:rotate(-2deg)}.creative-art span{display:block;font-size:15px;letter-spacing:.28em;color:#eee}.creative-art b{display:block;font-size:38px;letter-spacing:-.05em;color:#f5ca54;margin-top:-2px}.creative-art i{display:inline-block;font-style:normal;font-size:8px;letter-spacing:.24em;padding:5px 9px;border:1px solid rgba(255,255,255,.15);margin:10px}.creative-art small{display:block;font-size:7px;color:#aaa}.creative-badges{position:absolute;top:12px;right:12px;display:flex;gap:5px}.creative-badges span{font-size:7px;padding:4px 6px;border-radius:6px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08);color:#bbb}.creative-body{padding:15px}.creative-body header{display:flex;justify-content:space-between}.creative-body header small{font-size:7px;color:var(--muted);letter-spacing:.1em}.creative-body h3{font-size:12px;margin:4px 0}.rank{font-size:14px;color:var(--accent)}.caption{font-size:8px;color:var(--muted);line-height:1.55;min-height:40px}.creative-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.creative-metrics div{display:grid;gap:3px}.creative-metrics small{font-size:6px;color:var(--muted)}.creative-metrics b{font-size:9px}.quality-bar{margin-top:12px}.quality-bar>span{display:block;height:4px;background:rgba(255,255,255,.05);border-radius:5px;overflow:hidden}.quality-bar i{display:block;width:var(--w);height:100%;background:linear-gradient(90deg,var(--violet),var(--accent))}.quality-bar small{font-size:7px;color:var(--muted)}.quality-bar small b{color:var(--accent)}
.campaign-orbit{border-radius:20px;padding:24px;display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;overflow:hidden}.campaign-orbit h2{font-size:23px;margin:4px 0}.campaign-orbit>div>b{font-size:34px;letter-spacing:-.05em}.campaign-orbit p{font-size:9px;color:var(--muted)}.orbit{width:190px;height:130px;position:relative;display:grid;place-items:center}.orbit:before,.orbit:after,.orbit i{content:"";position:absolute;border:1px solid var(--line);border-radius:50%;inset:12px 4px;transform:rotate(-15deg)}.orbit:after{inset:27px 20px;transform:rotate(17deg)}.orbit i:nth-child(1){inset:42px 36px;transform:rotate(-28deg);border-color:rgba(155,242,75,.18)}.orbit i:nth-child(2){width:7px;height:7px;background:var(--accent);border:0;inset:auto;left:18px;top:58px;box-shadow:0 0 14px var(--accent)}.orbit i:nth-child(3){width:5px;height:5px;background:var(--cyan);border:0;inset:auto;right:22px;bottom:40px}.orbit span{font-size:12px;text-align:center;font-weight:700}.orbit small{font-size:5px;color:var(--muted);letter-spacing:.14em}.campaign-list{display:grid;gap:8px}.campaign-row{min-height:74px;border-radius:16px;padding:12px 15px;display:grid;grid-template-columns:20px 2fr 1fr .8fr .6fr .8fr 38px;align-items:center;gap:10px}.campaign-row>div{display:grid;gap:5px}.campaign-row small{font-size:6px;color:var(--muted);letter-spacing:.08em}.campaign-row b{font-size:9px}.campaign-state span{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}
.funnel-hero{border-radius:22px;padding:28px;overflow:hidden}.funnel-hero h2{font-size:27px;letter-spacing:-.05em;font-weight:450}.funnel-big{display:flex;gap:5px;align-items:flex-end;margin-top:35px}.f-step{height:calc(220px - var(--i)*24px);flex:1;min-width:0;border:1px solid var(--line);border-radius:18px 18px 8px 8px;background:linear-gradient(180deg,rgba(155,242,75,calc(.10 - var(--i)*.009)),rgba(111,231,255,.015));padding:14px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.f-step:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--violet),var(--cyan),var(--accent));opacity:calc(1 - var(--i)*.11)}.f-step span{font-size:8px;color:var(--muted)}.f-step b{font-size:18px;margin:5px 0}.f-step small{font-size:7px;color:var(--accent)}
.insight-hero{align-items:flex-start;display:block}.insight-hero p{max-width:650px;font-size:10px;color:var(--muted);line-height:1.7}.insight-stack{display:grid;gap:10px}.insight-card{border-radius:18px;padding:16px;display:grid;grid-template-columns:50px 1fr 170px;gap:18px;align-items:center}.insight-no{font-size:22px;color:var(--line);font-weight:700}.priority{font-size:7px;letter-spacing:.12em;color:var(--accent)}.insight-main p{font-size:10px;color:var(--muted);line-height:1.65;max-width:850px}.signal{height:54px;display:flex;gap:5px;align-items:flex-end}.signal i{flex:1;height:var(--h);border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,var(--cyan),rgba(111,231,255,.1));opacity:.7}.report-grid,.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.report-card{min-height:240px;border-radius:19px;padding:22px;display:flex;flex-direction:column;align-items:flex-start}.report-card>span{font-size:7px;letter-spacing:.13em;color:var(--accent)}.report-card h3{font-size:19px;line-height:1.3;margin-top:35px}.report-card p{font-size:9px;color:var(--muted);line-height:1.7}.report-card .btn{margin-top:auto;width:auto}.settings-grid{grid-template-columns:1fr 1fr}.setting-row,.integration{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--line)}.setting-row>div:first-child{flex:1;display:grid;gap:4px}.setting-row b,.integration b{font-size:10px}.setting-row small,.integration small{font-size:8px;color:var(--muted)}.switch input{display:none}.switch i{display:block;width:38px;height:22px;border-radius:20px;background:rgba(255,255,255,.08);position:relative}.switch i:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:var(--muted);top:3px;left:3px;transition:.2s}.switch input:checked+i{background:rgba(155,242,75,.18)}.switch input:checked+i:after{left:19px;background:var(--accent)}.integration>span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.04);font-weight:700}.integration div{display:grid;gap:3px;flex:1}.integration>i{font-style:normal;font-size:7px;color:var(--accent)}#toast{position:fixed;right:25px;bottom:25px;padding:11px 15px;border-radius:12px;background:var(--panel2);border:1px solid var(--line);font-size:9px;transform:translateY(30px);opacity:0;pointer-events:none;transition:.25s;z-index:99;box-shadow:var(--shadow)}#toast.show{transform:none;opacity:1}
@keyframes shine{0%,55%{left:-40%}85%,100%{left:130%}}@keyframes edge{0%{transform:translateX(-90%)}100%{transform:translateX(120%)}}
@media(max-width:1200px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.creative-grid{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr}.span-2{grid-column:auto}.report-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{transform:translateX(-110%)}body:not(.side-collapsed) .sidebar{transform:translateX(0)}.main{grid-column:1}.topbar{padding-left:18px}.content{padding:18px}.grid-2,.settings-grid{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr;padding:30px}.login-brand{display:none}.login-card{justify-self:center}.campaign-row{grid-template-columns:16px 2fr 1fr .8fr}.campaign-row>div:nth-of-type(5),.campaign-row>div:nth-of-type(6){display:none}.funnel-big{overflow:auto}.f-step{min-width:145px}.insight-card{grid-template-columns:40px 1fr}.signal{display:none}}
@media(max-width:620px){.kpi-grid,.creative-grid,.report-grid{grid-template-columns:1fr 1fr}.top-actions .user-pill,.date-pill{display:none}.creative-intro{display:block}.creative-score{margin-top:15px}.login-shell{padding:18px}.login-card{padding:24px}.toolbar{flex-wrap:wrap}.toolbar .search{flex-basis:100%}.funnel-hero{padding:18px}}

/* v2 – brand assets, richer controls and animated workspace surfaces */
:root{--gradient-angle:135deg;--panelSolid:#131722}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.brand-logo{width:48px;height:48px;object-fit:contain;border-radius:13px;background:#fff;padding:5px}.dex-logo{display:block;width:92px;height:30px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1)}:root[data-theme=light] .dex-logo{filter:none}.dex-logo-hero{width:126px;height:44px}.dex-logo-sidebar{width:74px;height:26px}.user-brand-logo{width:30px;height:30px;object-fit:contain;border-radius:8px;background:#fff;padding:3px}.brand-chip .brand-logo{width:48px;height:48px}.workspace .brand-logo{width:42px;height:42px}.workspace div:nth-child(2){min-width:0}
body{background:radial-gradient(circle at 80% -10%,color-mix(in srgb,var(--cyan) 10%,transparent),transparent 32%),radial-gradient(circle at 10% 90%,color-mix(in srgb,var(--violet) 10%,transparent),transparent 30%),linear-gradient(var(--gradient-angle),var(--bg),var(--bg2)) fixed}
.date-filter{height:42px;min-width:132px;position:relative;display:flex;align-items:center;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025);overflow:hidden}.date-filter select{appearance:none;-webkit-appearance:none;width:100%;height:100%;border:0;outline:0;padding:0 38px 0 14px;background:transparent;color:var(--text);font-size:10px;cursor:pointer}.date-filter i{pointer-events:none;position:absolute;right:14px;top:15px;width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);color:var(--muted)}.customize-btn{height:42px;padding:0 14px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:13px;background:linear-gradient(110deg,color-mix(in srgb,var(--accent) 10%,transparent),rgba(255,255,255,.025));color:var(--text);font-size:10px;cursor:pointer}.customize-btn span{color:var(--accent);margin-right:5px}
.customizer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.42);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:.3s;z-index:89}.customizer-backdrop.open{opacity:1;visibility:visible}.theme-customizer{position:fixed;z-index:90;right:0;top:0;width:min(390px,94vw);height:100vh;padding:25px;background:color-mix(in srgb,var(--bg2) 94%,transparent);border-left:1px solid var(--line);box-shadow:-30px 0 80px rgba(0,0,0,.35);backdrop-filter:blur(28px);transform:translateX(105%);transition:transform .35s cubic-bezier(.2,.75,.25,1);overflow:auto}.theme-customizer.open{transform:none}.theme-customizer header{display:flex;justify-content:space-between;align-items:center;padding-bottom:19px;border-bottom:1px solid var(--line)}.theme-customizer header small{font-size:8px;letter-spacing:.15em;color:var(--accent)}.theme-customizer h2{font-size:21px;margin:5px 0 0}.theme-customizer>p{font-size:10px;line-height:1.65;color:var(--muted);margin:18px 0}.theme-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:20px}.theme-presets button{height:40px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.03);color:var(--text);font-size:9px;cursor:pointer}.theme-customizer>label{min-height:53px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);font-size:10px}.theme-customizer input[type=color]{width:35px;height:28px;border:1px solid var(--line);border-radius:8px;background:transparent;padding:2px;cursor:pointer}.range-label{flex-wrap:wrap;padding:12px 0}.range-label input{flex-basis:100%;accent-color:var(--accent)}.range-label output{color:var(--muted)}.switch-row>span:first-child{display:grid;gap:4px}.switch-row small{font-size:8px;color:var(--muted)}.theme-customizer footer{display:flex;gap:9px;margin-top:24px}.theme-customizer footer .btn{flex:1}.theme-customizer footer .primary{height:44px}
.glass,.kpi-card,.panel,.toolbar,.creative-card,.creative-score,.campaign-orbit,.campaign-row,.funnel-hero,.insight-card,.report-card,.sidebar{position:relative;isolation:isolate;overflow:hidden}.glass:after,.kpi-card:after,.panel:after,.toolbar:after,.creative-card:after,.campaign-row:after,.insight-card:after,.report-card:after{content:"";position:absolute;z-index:-1;inset:-1px;background:linear-gradient(115deg,transparent 20%,color-mix(in srgb,var(--accent) 55%,transparent) 43%,color-mix(in srgb,var(--cyan) 48%,transparent) 50%,transparent 72%);transform:translateX(-115%);animation:surface-light 8s linear infinite;pointer-events:none;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask-composite:xor;padding:1px;border-radius:inherit}.edge-lights-off .glass:after,.edge-lights-off .kpi-card:after,.edge-lights-off .panel:after,.edge-lights-off .toolbar:after,.edge-lights-off .creative-card:after,.edge-lights-off .campaign-row:after,.edge-lights-off .insight-card:after,.edge-lights-off .report-card:after{display:none}@keyframes surface-light{0%,18%{transform:translateX(-115%)}55%,100%{transform:translateX(115%)}}
.kpi-icon{font-size:13px;color:var(--cyan);font-weight:700}.kpi-icon span{width:auto;height:auto;background:none!important;box-shadow:none!important}.kpi-icon.lead,.kpi-icon.sale{color:var(--accent)}.kpi-icon.cpl{color:var(--amber)}.kpi-icon.quality{color:var(--violet)}
.insight-main p{font-size:12px;line-height:1.75;letter-spacing:-.006em}.insight-no{color:var(--accent);animation:insight-pulse 1.65s ease-in-out infinite;text-shadow:0 0 12px color-mix(in srgb,var(--accent) 55%,transparent)}.insight-card:nth-child(2) .insight-no{animation-delay:.25s}.insight-card:nth-child(3) .insight-no{animation-delay:.5s}.insight-card:nth-child(4) .insight-no{animation-delay:.75s}@keyframes insight-pulse{0%,100%{opacity:.35;transform:scale(.96)}50%{opacity:1;transform:scale(1.05)}}
body:has(.content .toolbar) .content{max-width:1780px;padding-left:36px;padding-right:36px}body:has(.content .toolbar) .panel{padding:21px}body:has(.content .toolbar) .lead-table th{font-size:8px;padding:12px 10px}body:has(.content .toolbar) .lead-table td{font-size:10px;padding:13px 10px}body:has(.content .toolbar) .lead-person small{font-size:8px}body:has(.content .toolbar) .mini-avatar{width:31px;height:31px}
.status-control{height:32px;min-width:122px;display:inline-flex;align-items:center;gap:7px;position:relative;padding:0 28px 0 9px;border:1px solid color-mix(in srgb,var(--status-color,var(--cyan)) 28%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--status-color,var(--cyan)) 9%,var(--panel2));color:var(--status-color,var(--cyan));box-shadow:inset 0 0 18px color-mix(in srgb,var(--status-color,var(--cyan)) 5%,transparent);transition:.2s}.status-control select{appearance:none;-webkit-appearance:none;border:0;outline:0;background:transparent;color:inherit;font-size:9px;font-weight:600;width:100%;cursor:pointer}.status-control .status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 9px currentColor;flex:0 0 auto}.status-control>i{position:absolute;right:11px;top:10px;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);pointer-events:none}.status-control.status-new{--status-color:var(--cyan)}.status-control.status-contacted{--status-color:var(--amber)}.status-control.status-qualified,.status-control.status-meeting{--status-color:var(--violet)}.status-control.status-sale{--status-color:var(--accent)}.status-control.status-lost{--status-color:var(--danger)}
@media(max-width:900px){.customize-btn{font-size:0;width:42px;padding:0}.customize-btn span{font-size:12px;margin:0}.date-filter{min-width:118px}body:has(.content .toolbar) .content{padding-left:18px;padding-right:18px}}@media(max-width:620px){.date-filter{display:none}.insight-main p{font-size:11px}.theme-customizer{padding:20px}}

/* v2.1 – reliable perimeter light: animated conic border, no mask dependency */
@property --edge-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
.glass,.kpi-card,.panel,.toolbar,.creative-card,.creative-score,.campaign-orbit,.campaign-row,.funnel-hero,.insight-card,.report-card,.report-section,.report-kpi,.report-document,.reports-hero{border:1px solid transparent!important;background:linear-gradient(145deg,color-mix(in srgb,var(--panelSolid) 92%,transparent),color-mix(in srgb,var(--bg2) 90%,transparent)) padding-box,conic-gradient(from var(--edge-angle),var(--line) 0 66%,color-mix(in srgb,var(--violet) 72%,transparent) 73%,var(--cyan) 77%,var(--accent) 81%,var(--line) 88% 100%) border-box;animation:edge-orbit 5.5s linear infinite;box-shadow:var(--shadow),0 0 18px color-mix(in srgb,var(--accent) 3%,transparent)}
.glass:after,.kpi-card:after,.panel:after,.toolbar:after,.creative-card:after,.campaign-row:after,.insight-card:after,.report-card:after{display:none!important}.edge-lights-off .glass,.edge-lights-off .kpi-card,.edge-lights-off .panel,.edge-lights-off .toolbar,.edge-lights-off .creative-card,.edge-lights-off .creative-score,.edge-lights-off .campaign-orbit,.edge-lights-off .campaign-row,.edge-lights-off .funnel-hero,.edge-lights-off .insight-card,.edge-lights-off .report-card,.edge-lights-off .report-section,.edge-lights-off .report-kpi,.edge-lights-off .report-document,.edge-lights-off .reports-hero{animation:none;background:linear-gradient(145deg,color-mix(in srgb,var(--panelSolid) 92%,transparent),color-mix(in srgb,var(--bg2) 90%,transparent)) padding-box,var(--line) border-box}@keyframes edge-orbit{to{--edge-angle:360deg}}

/* Reporting intelligence */
.reports-hero{min-height:190px;border-radius:22px;padding:28px;display:flex;justify-content:space-between;align-items:flex-end;gap:30px;overflow:hidden}.reports-hero:before{content:"";position:absolute;width:420px;height:420px;right:-110px;top:-250px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 14%,transparent),transparent 68%);pointer-events:none}.reports-hero .eyebrow{margin-top:0}.reports-hero h2{font-size:31px;line-height:1.13;letter-spacing:-.05em;font-weight:450;margin:8px 0}.reports-hero h2 em{font-style:normal;color:transparent;background:linear-gradient(90deg,var(--accent),var(--cyan));background-clip:text;-webkit-background-clip:text}.reports-hero p{font-size:10px;color:var(--muted);line-height:1.7;max-width:680px}.report-actions{display:flex;gap:8px;position:relative}.report-actions .primary{width:auto;white-space:nowrap;padding:0 18px}.report-actions .ghost{white-space:nowrap}
.report-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:12px 0}.report-kpi{border-radius:17px;padding:15px;display:grid;gap:7px;min-width:0}.report-kpi>i{font-style:normal;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent);font-size:12px}.report-kpi small{font-size:8px;color:var(--muted);margin-top:5px}.report-kpi>b{font-size:19px;letter-spacing:-.04em}.report-kpi>span{font-size:7px;color:var(--accent)}.report-kpi em{font-style:normal;color:var(--muted);display:block;margin-top:3px}
.report-layout{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.report-section{border-radius:19px;padding:19px;min-width:0}.span-report-2{grid-column:span 2}.report-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.report-section-head small{font-size:7px;letter-spacing:.14em;color:var(--muted)}.report-section-head h3{font-size:14px;margin:5px 0 0;font-weight:550}.report-tabs{display:flex;padding:3px;background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:9px}.report-tabs button{border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:7px;padding:6px 9px}.report-tabs button.active{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.mini-link{font-size:8px;color:var(--accent);background:none;border:0;cursor:pointer}.health-score{font-size:21px;color:var(--accent)}.health-score small{font-size:8px;color:var(--muted);letter-spacing:0}.feedback-rate{font-size:17px;color:var(--accent);display:grid;text-align:right}.feedback-rate small{font-size:6px;color:var(--muted);letter-spacing:.04em}
.report-chart{height:235px;position:relative;padding:10px 8px 27px 35px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0 43px,var(--line) 44px)}.report-chart-scale{position:absolute;left:0;top:6px;bottom:26px;display:flex;flex-direction:column;justify-content:space-between;font-size:6px;color:var(--muted)}.report-bars{height:100%;display:flex;align-items:flex-end;gap:8px;position:relative;z-index:2}.report-bars>div{flex:1;height:100%;display:flex;align-items:flex-end;justify-content:flex-end;position:relative}.report-bars i{display:block;width:min(18px,55%);height:var(--h);border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--cyan) 45%,transparent));box-shadow:0 0 13px color-mix(in srgb,var(--accent) 18%,transparent);position:relative}.report-bars i b{position:absolute;top:-14px;left:50%;transform:translateX(-50%);font-size:6px;font-style:normal;opacity:0;transition:.2s}.report-bars i:hover b{opacity:1}.report-bars span{position:absolute;bottom:-18px;right:0;left:0;text-align:center;font-size:6px;color:var(--muted)}.report-chart svg{position:absolute;z-index:3;inset:12px 8px 27px 35px;width:calc(100% - 43px);height:calc(100% - 39px);pointer-events:none}.report-chart path{fill:none;stroke:var(--violet);stroke-width:2;stroke-dasharray:4 4;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--violet) 55%,transparent))}.chart-legend{display:flex;align-items:center;gap:18px;margin-top:12px;font-size:7px;color:var(--muted)}.chart-legend>span i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.chart-legend .lead{background:var(--accent)}.chart-legend .quality{background:var(--violet)}.chart-legend>b{margin-left:auto;color:var(--text)}
.report-funnel{display:grid;gap:12px}.report-funnel>div{display:grid;grid-template-columns:1fr 42px;gap:3px;align-items:center;position:relative;padding-bottom:8px}.report-funnel span{font-size:8px;color:var(--muted)}.report-funnel b{font-size:9px;text-align:right}.report-funnel i{grid-column:1/3;height:5px;border-radius:10px;background:linear-gradient(90deg,var(--violet),var(--cyan),var(--accent));width:var(--w);box-shadow:0 0 10px color-mix(in srgb,var(--cyan) 15%,transparent)}.report-funnel small{position:absolute;bottom:7px;right:0;font-size:6px;color:var(--muted)}.report-callout{display:flex;gap:9px;margin-top:15px;padding:11px;border-radius:12px;background:color-mix(in srgb,var(--accent) 5%,transparent);border:1px solid color-mix(in srgb,var(--accent) 12%,transparent)}.report-callout>i{font-style:normal;color:var(--accent)}.report-callout p{font-size:7px;color:var(--muted);line-height:1.6;margin:0}.report-callout p b{color:var(--text);display:block}.report-callout.compact p b{display:inline;color:var(--accent)}
.channel-table{display:grid}.channel-head,.channel-table>div:not(.channel-head){display:grid;grid-template-columns:1.4fr 1fr .6fr .8fr;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.channel-head{font-size:6px;color:var(--muted);letter-spacing:.08em}.channel-table>div:not(.channel-head){font-size:8px}.channel-table b{display:flex;align-items:center;gap:7px}.channel-table b i{width:23px;height:23px;border-radius:7px;display:grid;place-items:center;font-style:normal;background:rgba(255,255,255,.04)}.channel-table .meta{color:#88a8ff}.channel-table .google{color:#ffcb65}.channel-table strong{color:var(--accent)}.channel-share{margin-top:17px}.channel-share>div{display:flex;justify-content:space-between;font-size:7px}.channel-share span{color:var(--muted)}.channel-share>i{display:block;height:6px;border-radius:8px;background:color-mix(in srgb,var(--cyan) 26%,transparent);margin-top:8px}.channel-share>i span{display:block;width:var(--w);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--violet),var(--accent))}
.quality-list{display:grid;gap:13px}.quality-list>div{display:grid;grid-template-columns:1fr 38px;gap:5px;align-items:center}.quality-list span{font-size:8px;color:var(--muted)}.quality-list b{font-size:9px;text-align:right}.quality-list i{grid-column:1/3;width:var(--w);height:5px;border-radius:7px;background:linear-gradient(90deg,var(--cyan),var(--accent))}.quality-list i.bad{background:linear-gradient(90deg,var(--amber),var(--danger))}
.creative-report-table{display:grid}.creative-report-head,.creative-report-table>div:not(.creative-report-head){display:grid;grid-template-columns:2fr .7fr .8fr .55fr .7fr 1fr;gap:9px;align-items:center;padding:10px 5px;border-bottom:1px solid var(--line)}.creative-report-head{font-size:6px;color:var(--muted);letter-spacing:.08em}.creative-report-table>div:not(.creative-report-head){font-size:8px}.creative-report-table b{display:flex;gap:8px;align-items:center}.creative-report-table b>i{font-style:normal;color:var(--accent);font-size:7px}.creative-report-table strong{display:flex;align-items:center;gap:7px;font-size:7px}.creative-report-table strong i{width:48px;height:4px;border-radius:5px;background:linear-gradient(90deg,var(--violet) var(--w),rgba(255,255,255,.05) var(--w));display:block}
.city-list{display:grid;gap:14px}.city-list>div{display:grid;grid-template-columns:70px 1fr 48px;align-items:center;gap:9px}.city-list b,.city-list span{font-size:8px}.city-list span{text-align:right;color:var(--muted)}.city-list i{height:6px;border-radius:7px;background:linear-gradient(90deg,var(--violet),var(--accent));width:var(--w)}
.report-library{margin-top:32px}.report-library>header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:14px}.report-library .eyebrow{margin:0 0 7px}.report-library h2{font-size:22px;margin:0}.report-library-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.report-document{min-height:235px;border-radius:18px;padding:18px;display:flex;flex-direction:column;align-items:flex-start}.report-document>i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-style:normal;font-weight:700;color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);border:1px solid color-mix(in srgb,var(--accent) 12%,transparent)}.report-document>span{font-size:6px;letter-spacing:.12em;color:var(--accent);margin-top:19px}.report-document h3{font-size:14px;line-height:1.35;margin:7px 0}.report-document p{font-size:8px;color:var(--muted);line-height:1.65}.report-document footer{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}.report-document footer small{font-size:6px;color:var(--muted)}.report-document footer button{border:0;background:transparent;color:var(--accent);font-size:8px;cursor:pointer}
@media(max-width:1250px){.report-kpis{grid-template-columns:repeat(3,1fr)}.report-layout{grid-template-columns:1fr 1fr}.span-report-2{grid-column:span 2}.report-library-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.reports-hero{display:block}.report-actions{margin-top:20px}.report-layout{grid-template-columns:1fr}.span-report-2{grid-column:auto}.report-library-grid{grid-template-columns:1fr 1fr}.creative-report-table{overflow:auto}.creative-report-head,.creative-report-table>div:not(.creative-report-head){min-width:650px}}@media(max-width:620px){.report-kpis{grid-template-columns:1fr 1fr}.reports-hero{padding:20px}.reports-hero h2{font-size:25px}.report-actions{display:grid}.report-actions .btn{width:100%}.report-library-grid{grid-template-columns:1fr}.report-tabs{display:none}}