:root{--bg:#091223;--panel:#101d31;--line:#24334d;--text:#edf3ff;--muted:#9cacbf;--teal:#5dd9df;--violet:#a48aed;--red:#ff9b9b;--radius:18px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px system-ui,-apple-system,Segoe UI,sans-serif}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:var(--teal);text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--teal);outline-offset:3px}[hidden]{display:none!important}.app{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;border-right:1px solid var(--line);padding:30px 18px;background:#0a1426}.brand{display:flex;gap:12px;align-items:center;color:var(--text);font-size:25px;letter-spacing:-1px}.brand b{font-weight:450;color:var(--teal)}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.6px;margin-top:5px}.brand-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#63dce1,#8987e2);color:#102035;font-size:29px;font-weight:850}.sidebar nav{display:grid;gap:8px;margin-top:45px}.nav{display:flex;gap:13px;width:100%;padding:14px 16px;text-align:left;border:0;background:transparent;border-radius:12px;color:var(--muted)}.nav.active{color:var(--teal);background:#12323f}.nav span:first-child{font-size:19px;width:22px}.sidebar-bottom{margin-top:auto}.pilot{padding:16px;border:1px solid var(--line);border-radius:14px;margin-bottom:20px}.pilot small{display:block;font-size:11px;line-height:1.6;color:var(--muted);margin-top:8px}.dot{display:inline-block;width:7px;height:7px;background:#e1b76b;border-radius:50%;margin-right:7px}.sidebar-bottom>a{font-size:12px;color:var(--muted);padding:10px}.topbar{height:83px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;gap:16px}.crumb{font-size:13px;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:14px}.account{font-size:12px}.top-actions select{padding:7px 9px;font-size:12px}main{min-width:0}#content{padding:30px 38px;max-width:1450px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:25px}h1{font-size:32px;letter-spacing:-1px;margin:8px 0 10px;font-weight:650}h2{font-size:20px;font-weight:600;letter-spacing:-.4px;margin:0 0 15px}p{line-height:1.6}.muted{color:var(--muted)}.eyebrow{font-size:10px;color:var(--teal);letter-spacing:2px;font-weight:700}.primary,.secondary,.light,.text-btn,.icon-btn{border:0;border-radius:11px;padding:12px 17px;font-weight:650;white-space:normal}.primary{background:var(--teal);color:#0e2635;box-shadow:0 5px 20px #3ececf17}.secondary{background:#1b2941;color:var(--text);border:1px solid #32435f}.light{background:#edf8ff;color:#122d41}.text-btn{background:transparent;color:var(--teal);padding:9px}.icon-btn{background:transparent;color:var(--muted);padding:7px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:285px;overflow:hidden;border-radius:22px;padding:32px 34px;background:radial-gradient(ellipse at 90% 30%,#344876,#173b48 50%,#142e42);border:1px solid #365268}.tag{display:inline-block;background:#70d4d417;color:#9fedeb;padding:6px 10px;border-radius:6px;font-size:9px;letter-spacing:1.6px}.hero h2{font-size:35px;line-height:1.2;margin:14px 0;letter-spacing:-1.2px}.hero p{color:#c0d4de;max-width:420px;font-size:13px;margin-bottom:21px}.radar{position:relative;min-height:235px;width:100%;max-width:410px;margin:auto;display:grid;place-items:center}.ring{border:1px solid #8df0ed30;border-radius:50%;position:absolute}.r1{width:115px;height:115px;background:#69d7cf09}.r2{width:205px;height:205px}.r3{width:290px;height:290px}.radar:after{content:'';position:absolute;width:340px;height:1px;background:#9ad8e71c;transform:rotate(-30deg)}.radar-center{height:58px;width:58px;z-index:1;background:var(--teal);color:#14323e;border:6px solid #4a989580;border-radius:50%;display:grid;place-items:center;font-size:27px;font-weight:800;box-shadow:0 0 40px #7af0ee28}.radius{position:absolute;top:1px;left:70%;font-size:11px;color:#a3e3e6}.poi{position:absolute;font-size:14px;color:var(--teal);text-shadow:0 0 15px #79ffef}.p1{top:18%;left:22%}.p2{right:20%;top:55%;color:#c4b5ff}.p3{left:35%;bottom:10%}.radar-card{position:absolute;bottom:7px;right:0;z-index:2;background:#17253ee8;padding:13px 19px;border:1px solid #536a8660;border-radius:12px;font-size:12px;box-shadow:0 10px 30px #07132077}.radar-card small{display:block;margin-top:4px;color:#a6bdce}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.metric{padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.metric small{color:var(--muted);font-size:12px}.metric strong{display:block;font-size:30px;font-weight:650;margin:9px 0 3px}.metric em{font-style:normal;font-size:10px;color:var(--teal)}.panel{padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin:20px 0}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px}.section-head h2{margin:0 0 5px}.campaign-list{display:grid;gap:12px}.campaign-card{display:grid;grid-template-columns:90px minmax(0,1fr) auto;gap:17px;align-items:center;padding:16px;border:1px solid var(--line);background:#111e32;border-radius:14px}.campaign-thumb{height:65px;width:90px;object-fit:contain;border-radius:9px;background:#192a44}.campaign-info b{display:block;font-size:14px;overflow-wrap:anywhere}.campaign-info small{display:block;color:var(--muted);font-size:11px;margin-top:6px}.campaign-actions{display:flex;gap:5px;align-items:center;flex-wrap:wrap;justify-content:end;max-width:320px}.campaign-actions button{padding:7px 9px;font-size:11px}.badge{padding:5px 9px;border-radius:6px;background:#223551;color:#bdd5f0;font-size:10px;white-space:nowrap;display:inline-block}.badge.running{background:#1c473d;color:#85dfb5}.badge.pending{background:#463f29;color:#e6c98a}.badge.changes{background:#4b2d3c;color:#f0aac1}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.two-col .panel{margin-top:0}.how-list{padding-left:25px;color:var(--muted);font-size:13px}.how-list li{padding:8px}.how-list li::marker{color:var(--teal)}.accent-panel{background:linear-gradient(145deg,#202743,#151f34)}.accent-panel h2{margin-top:18px}.accent-panel p{font-size:13px}.banner{background:#12313d;border:1px solid #285463;color:#bae5ed;padding:13px 16px;border-radius:11px;font-size:12px;line-height:1.6;margin:15px 0}.banner.amber{background:#302a1c;color:#e1c889;border-color:#51462e}.filter-row{display:flex;gap:14px;margin:22px 0}.filter-row input{max-width:400px}.empty{padding:35px;text-align:center;color:var(--muted);border:1px dashed #33435f;border-radius:14px}.business-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.business-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px}.business-card p{font-size:13px;color:var(--muted);overflow-wrap:anywhere}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:12px 10px}th{color:var(--muted)}.daily-chart{display:flex;align-items:end;gap:8px;height:190px;border-bottom:1px solid var(--line);padding:20px 10px 0;margin-bottom:25px;overflow:auto}.chart-column{display:flex;flex-direction:column;justify-content:end;align-items:center;height:100%;flex:1;min-width:30px;gap:7px}.chart-bar{width:70%;min-width:12px;background:linear-gradient(#69dee2,#437cac);border-radius:5px 5px 0 0}.chart-column small{color:var(--muted);font-size:9px;margin-bottom:6px}.chart-column b{font-size:10px;color:var(--muted)}.wallet-panel{max-width:800px;padding:50px}.wallet-icon{display:block;font-size:50px;color:var(--teal);margin-bottom:20px}footer{display:flex;justify-content:space-between;gap:20px;color:#76899f;font-size:11px;padding:18px 0}.status{margin:20px 38px;padding:13px 18px;border:1px solid #4d626e;background:#1b2b3e;border-radius:12px;color:#d8e5f4;font-size:13px}.status.error,.wizard-error{color:#ffb6b6;background:#412634;border:1px solid #774556}.login-panel{margin:70px auto;max-width:650px;padding:40px}.login-panel h1{font-size:45px}.login-panel p{color:var(--muted)}.login-panel>button{margin:20px 0}.login-panel>details{margin-bottom:25px}.login-form{display:grid;gap:15px;padding:15px 0}.login-panel small{color:var(--muted)}label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#b2c4d9;margin-bottom:17px}input,select{border:1px solid #354560;background:#101b2d;color:var(--text);border-radius:9px;padding:11px;width:100%;min-width:0}input[type=range]{padding:0;accent-color:var(--teal)}input[type=checkbox]{width:auto;accent-color:var(--teal)}details{color:var(--muted);font-size:13px}summary{cursor:pointer}details label{margin-top:15px}.dialog,.wizard{border:1px solid #33415d;border-radius:20px;background:#0e192b;color:var(--text);padding:24px;width:700px;max-width:95vw;max-height:92vh;overflow:auto}.dialog::backdrop,.wizard::backdrop{background:#040913bb;backdrop-filter:blur(7px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:25px}.dialog-head h2{margin:0;font-size:23px}.dialog-head .icon-btn{font-size:27px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 17px}.span2{grid-column:1/-1}.dialog-actions{display:flex;justify-content:end;gap:12px;margin-top:25px}.wizard{width:1100px;padding:26px 30px}.wizard-steps{display:flex;gap:8px;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:25px}.step-tab{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);background:transparent;border:0;padding:5px}.step-tab span{height:23px;width:23px;display:grid;place-items:center;border-radius:50%;background:#25334d;color:#a0b5cd}.step-tab.active{color:var(--teal)}.step-tab.active span{background:var(--teal);color:#14303f}.wizard-body{display:grid;grid-template-columns:1.5fr 1fr;gap:40px}.step h2{margin-bottom:10px}.step>p{font-size:12px;margin-bottom:22px}.upload-zone{background:#12263b;border:1px dashed #427c8e;padding:25px;text-align:center;align-items:center;border-radius:13px;cursor:pointer}.upload-zone input{position:absolute;width:1px;height:1px;opacity:0}.upload-symbol{font-size:30px;color:var(--teal)}.upload-zone small{font-size:10px;color:var(--muted);line-height:1.6}.preview-pane{padding:20px;background:#111f34;border-radius:16px;height:fit-content;position:sticky;top:0}.preview-pane>.muted{font-size:11px}.browser-preview{background:#081321;border:1px solid #314560;border-radius:13px;padding:15px;margin:17px 0}.browser-dots{display:flex;gap:5px;border-bottom:1px solid #22384e;padding-bottom:12px;margin-bottom:14px}.browser-dots i{width:5px;height:5px;border-radius:50%;background:#597088}.browser-preview>small{font-size:9px;color:#8c9cb1}.preview-frame{height:235px;display:grid;place-items:center;border-radius:9px;background:#172942;margin:9px 0 14px;overflow:hidden}.preview-frame img{height:100%;width:100%;object-fit:contain}.preview-frame>div{text-align:center;color:#7e9bb2;font-size:11px}.preview-frame>div span{font-size:35px;display:block}.browser-preview b{display:block;font-size:12px;overflow-wrap:anywhere}.preview-cta{display:block;color:var(--teal);font-size:10px;margin-top:8px}.target-summary{font-size:12px;color:var(--teal);padding-top:15px;border-top:1px solid var(--line);line-height:1.8}.segmented{display:flex;gap:6px;background:#0a1426;padding:5px;border-radius:10px;margin:20px 0}.segmented button{flex:1;font-size:11px;padding:10px;border:0;border-radius:7px;background:transparent;color:var(--muted)}.segmented .active{background:#244c5d;color:#acf1f0}.map{height:280px;border-radius:13px;border:1px solid #304967;background:#192b3f;margin-bottom:10px;z-index:0}.map-pin{background:#5bdde2;border:4px solid #102e3d;border-radius:50%;box-shadow:0 0 0 6px #5bdde233}.range-label{display:grid;grid-template-columns:1fr auto;align-items:center}.range-label input{grid-column:1/-1}.range-label b{color:var(--teal)}.presets{display:flex;gap:9px;margin-bottom:18px}.presets button{border:1px solid #334960;color:var(--text);background:#13283f;border-radius:7px;padding:7px 12px;font-size:11px}.summary-list{display:grid;gap:10px;margin:22px 0}.summary-item{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:9px 0;font-size:12px}.summary-item span{color:var(--muted)}.summary-item b{text-align:right;overflow-wrap:anywhere}.checkbox{display:flex;flex-direction:row;align-items:start;line-height:1.6}.checkbox input{margin-top:4px}.wizard-footer{border-top:1px solid var(--line);margin-top:25px;padding-top:20px;display:flex;justify-content:space-between;align-items:center}.wizard-error{padding:12px;border-radius:10px;margin-top:20px;font-size:13px}.history-item{border-bottom:1px solid var(--line);padding:15px 0;font-size:13px}.history-item small{color:var(--muted);display:block}.review-card{padding:25px;border:1px solid var(--line);border-radius:18px;background:var(--panel);margin:20px 0;display:grid;grid-template-columns:240px 1fr;gap:25px}.review-card img{width:100%;height:210px;object-fit:contain;background:#17253b;border-radius:12px}.review-card textarea{width:100%;min-height:90px;border:1px solid var(--line);background:#0c1828;color:var(--text);border-radius:9px;padding:12px;font:inherit}.review-card .actions{display:flex;gap:10px;margin-top:13px}.review-detail{display:grid;grid-template-columns:1fr 1fr;gap:8px;color:var(--muted);font-size:12px}.review-detail strong{color:var(--text)}
@media(min-width:1500px){#content{padding-top:38px}}@media(max-width:1150px){.app{grid-template-columns:205px 1fr}.sidebar{padding:25px 12px}.brand{font-size:22px}.brand small{font-size:8px}#content{padding:25px}.topbar{padding:0 25px}.campaign-card{grid-template-columns:80px 1fr}.campaign-actions{grid-column:1/-1;max-width:none;justify-content:start}.business-grid{grid-template-columns:1fr 1fr}.wizard-body{gap:24px}.hero{padding:26px}.hero h2{font-size:30px}.hero .r3{width:235px;height:235px}}
@media(max-width:780px){.app{display:block}.sidebar{position:static;height:auto;padding:15px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:21px}.brand small{font-size:9px}.sidebar nav{display:flex;overflow-x:auto;margin-top:15px;gap:6px}.nav{padding:10px;width:auto;flex-shrink:0;font-size:11px}.nav span:first-child{font-size:14px;width:auto}.sidebar-bottom{display:none}.topbar{height:65px;padding:0 18px}.crumb{display:none}.top-actions{width:100%;justify-content:space-between}.account{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#content{padding:22px 16px}.heading{align-items:start;gap:13px;flex-wrap:wrap}.heading h1{font-size:27px}.heading p{font-size:12px}.hero{grid-template-columns:1fr;padding:25px}.hero h2{font-size:33px}.hero p{max-width:none}.radar{margin-top:25px;min-height:220px}.hero .r3{width:230px;height:230px}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:16px}.metric strong{font-size:25px}.two-col{grid-template-columns:1fr;gap:0}.panel{padding:18px}.section-head{align-items:start;flex-wrap:wrap;gap:10px}.campaign-card{grid-template-columns:65px 1fr;gap:13px;padding:13px}.campaign-thumb{width:65px;height:60px}.campaign-actions{gap:6px}.business-grid{grid-template-columns:1fr}.filter-row{flex-direction:column}.filter-row input{max-width:none}.wizard{width:98vw;padding:18px;max-height:96vh;border-radius:16px}.wizard-body{grid-template-columns:1fr;gap:20px}.preview-pane{position:static}.preview-frame{height:190px}.wizard-steps{gap:0;padding-bottom:15px}.step-tab{font-size:9px;flex-direction:column;gap:6px;flex:1}.wizard-footer{flex-wrap:wrap;gap:10px}.wizard-footer button{font-size:12px;padding:10px 13px}.wizard-footer .text-btn{order:3;width:100%}.dialog{padding:20px}.map{height:270px}.login-panel{margin:30px 16px;padding:20px}.login-panel h1{font-size:35px}.status{margin:16px}footer{flex-direction:column;gap:7px}.review-card{grid-template-columns:1fr}.review-card img{height:250px}.wallet-panel{padding:27px}.form-grid{gap:0 12px}.dialog-head h2{font-size:21px}}