@font-face{font-family:Yekan;src:url(assets/YekanBakh-Regular.woff2)}@font-face{font-family:Yekan;src:url(assets/YekanBakh-SemiBold.woff2);font-weight:600}@font-face{font-family:Yekan;src:url(assets/YekanBakh-Black.woff2);font-weight:900}@font-face{font-family:Inter;src:url(assets/Inter-latin.woff2)}
:root{color-scheme:dark;--bg:#080b0a;--side:#0c100e;--panel:#101613;--panel2:#141c18;--text:#e9f2ed;--muted:#81978b;--line:#ffffff0d;--green:#24c98b;--green-soft:#24c98b12;--red:#ff7887;--amber:#e6bd78;--shadow:#0005}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.8 Yekan,sans-serif}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.5}button{border:0}a{color:inherit;text-decoration:none}input,select,textarea{background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:9px;padding:11px 13px;max-width:100%}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:1px solid var(--green);border-color:var(--green)}:focus-visible{outline:2px solid var(--green);outline-offset:4px}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.num,[dir=ltr],.en{font-family:Inter,Yekan,sans-serif;font-variant-numeric:tabular-nums}.skip{position:fixed;top:-80px;z-index:99;background:var(--green);color:#052719;padding:12px}.skip:focus{top:10px}.sidebar{width:236px;position:fixed;inset-block:0;right:0;background:var(--side);border-left:1px solid var(--line);padding:31px 18px 18px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;gap:9px;align-items:center;padding:0 7px;font:600 11px Inter;letter-spacing:.8px}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:var(--green-soft);border:1px solid #24c98b44;color:var(--green)}.brand-mark svg{width:24px}.brand small{display:block;color:var(--muted);font-size:6.5px;letter-spacing:1.7px;margin-top:6px}.workspace{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:10px;padding:11px;margin-top:32px}.workspace-icon{width:30px;height:30px;border:1px solid #24c98b30;border-radius:8px;display:grid;place-items:center;color:var(--green);font:600 13px Inter}.workspace strong{font-size:11px;display:block}.workspace small{font:8px Inter;color:var(--muted)}.status-dot{height:6px;width:6px;background:var(--green);border-radius:50%;display:inline-block;flex:none}.workspace>.status-dot{margin-right:auto}.nav-label{font-size:10px;color:#60776a;padding:19px 13px 5px;margin:0}.nav-link{display:flex;align-items:center;gap:11px;padding:12px 13px;margin:4px 0;color:var(--muted);border:1px solid transparent;border-radius:8px;font-size:12px;transition:.18s}.nav-link svg{width:19px;height:19px}.nav-link:hover{background:var(--panel2);color:var(--text)}.nav-link.active{color:var(--green);background:var(--green-soft);border-color:#24c98b22}.nav-count{margin-right:auto;background:#24c98b15;border-radius:5px;padding:0 6px;font:10px/20px Inter}.sidebar-bottom{margin-top:auto}.sandbox{display:flex;gap:9px;background:var(--panel);border:1px dashed #24c98b25;border-radius:10px;padding:12px;margin-bottom:20px;color:var(--muted)}.sandbox svg{width:17px;color:var(--green)}.sandbox strong{display:block;font-size:10px;color:var(--text)}.sandbox small{font-size:9px}.profile{display:flex;gap:11px;align-items:center;border-top:1px solid var(--line);padding-top:16px}.profile>span,.avatar{display:grid;place-items:center;background:#24c98b16;color:var(--green);border:1px solid #24c98b25;width:34px;height:34px;border-radius:50%;font-size:15px}.profile strong{font-size:11px;display:block}.profile small{font-size:9px;color:var(--muted)}.shell{margin-right:236px}.topbar{height:76px;padding:0 36px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:var(--bg)}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted)}.breadcrumb strong{font-weight:400;color:var(--text)}.slash{color:#405c4b}.top-actions{display:flex;align-items:center;gap:18px}.preview-badge{font-size:10px;color:var(--muted);display:flex;gap:8px;align-items:center}.preview-badge i{width:5px;height:5px;border-radius:50%;background:var(--amber)}.avatar{width:30px;height:30px;font:9px Inter}.icon-button{width:34px;height:34px;display:inline-grid;place-items:center;background:transparent;border:1px solid var(--line);border-radius:8px;color:var(--muted)}.icon-button:hover{color:var(--green);border-color:#24c98b50}.mobile-menu{display:none}main{max-width:1580px;margin:auto;padding:32px 36px 40px;min-height:calc(100vh - 130px)}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.eyebrow{color:var(--green);font:8px Inter;letter-spacing:2px}.page-heading h1{font-size:27px;font-weight:900;line-height:1.4;margin:6px 0}.page-heading p{font-size:12px;color:var(--muted);margin:6px 0 0}.heading-actions{display:flex;align-items:center;gap:9px}.button{min-height:39px;padding:9px 14px;border:1px solid var(--line);border-radius:8px;background:var(--panel2);display:inline-flex;align-items:center;gap:8px;font-size:11px;white-space:nowrap}.button svg{width:16px;height:16px}.button:hover{border-color:#24c98b60}.primary{background:var(--green);color:#052b1b;border-color:var(--green);font-weight:600}.text-button{background:none;color:var(--green);font-size:11px;padding:6px 0}.period{display:flex;gap:2px;padding:3px;background:var(--panel);border:1px solid var(--line);border-radius:8px}.period button{background:none;font-size:10px;color:var(--muted);border-radius:5px;padding:6px 10px}.period button.active{background:var(--green-soft);color:var(--green)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.metric{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:18px 19px;position:relative;overflow:hidden}.metric-head{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}.metric-head svg{width:17px;height:17px;color:#7d9e8c}.metric-value{font:600 30px/1.4 Inter,Yekan;margin:12px 0 7px;letter-spacing:-1px}.metric-bottom{display:flex;gap:7px;font-size:9px;color:var(--muted);align-items:center}.positive{color:var(--green)}.metric-spark{position:absolute;left:17px;bottom:21px;width:68px;height:25px;stroke:var(--green);opacity:.7}.grid-main{display:grid;grid-template-columns:minmax(0,1.95fr) minmax(245px,1fr);gap:20px;margin-bottom:20px}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.panel{border:1px solid var(--line);border-radius:12px;background:var(--panel);min-width:0;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 21px 12px}.panel-head h2{font-size:13px;font-weight:600;margin:0}.panel-head p{font-size:10px;color:var(--muted);margin:4px 0 0}.panel-content{padding:15px 21px 21px}.pill{font-size:9px;color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:3px 7px;white-space:nowrap}.legend{display:flex;gap:18px;font-size:10px;color:var(--muted);margin:2px 21px 10px}.legend i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-left:5px}.legend i.soft{background:#638677}.line-chart{width:100%;height:auto;display:block;stroke:none;overflow:visible}.chart-wrap{position:relative;padding:0 18px}.chart-grid{stroke:var(--line);stroke-width:1;stroke-dasharray:3 5}.chart-label{fill:var(--muted);font:10px Yekan;stroke:none}.chart-note{display:flex;justify-content:space-between;align-items:center;padding:4px 21px 18px;font-size:9px;color:var(--muted)}.chart-note strong{color:var(--green);font-weight:400}.donut-block{display:flex;align-items:center;justify-content:center;position:relative;padding:14px 0}.donut{width:160px;height:160px;transform:rotate(-90deg);stroke-width:15;fill:none}.donut circle{stroke-linecap:butt}.donut-label{position:absolute;text-align:center}.donut-label strong{display:block;font:600 26px Inter}.donut-label span{font-size:10px;color:var(--muted)}.distribution{padding:0 21px 18px}.dist-row{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin-top:12px}.dist-row>span:first-child{display:flex;align-items:center;gap:8px}.dist-dot{width:6px;height:6px;border-radius:50%}.dist-row b{font:10px Inter;color:var(--muted)}.bars{height:175px;display:flex;gap:13px;align-items:flex-end;padding:20px 12px 24px;direction:ltr}.bar-column{flex:1;height:100%;position:relative;display:flex;align-items:flex-end;justify-content:center;gap:4px}.bar-column span{width:34%;border-radius:4px 4px 0 0;background:var(--green);opacity:.85;min-height:3px}.bar-column span.alt{background:#355948}.bar-column small{position:absolute;bottom:-21px;color:var(--muted);font-size:9px}.heatmap{display:grid;grid-template-columns:repeat(14,1fr);gap:5px;direction:ltr}.heat-cell{aspect-ratio:1;border-radius:3px;background:#24c98b10;min-width:0;border:1px solid #24c98b05;cursor:default}.heat-cell:hover{outline:1px solid var(--green)}.heat-legend{font-size:9px;color:var(--muted);display:flex;gap:6px;align-items:center;justify-content:flex-end;margin-top:12px}.heat-legend i{width:9px;height:9px;background:#24c98b;border-radius:2px}.toolbar{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--line);flex-wrap:wrap}.search{position:relative;flex:1;min-width:170px;max-width:350px}.search input{width:100%;font-size:11px;padding-right:36px}.search svg{position:absolute;right:12px;top:12px;width:15px;height:15px;color:var(--muted)}.toolbar select{font-size:11px;padding:9px 12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:11px}th{text-align:right;font-weight:400;color:var(--muted);font-size:10px;background:#ffffff02;padding:12px 20px;border-bottom:1px solid var(--line)}td{padding:14px 20px;border-bottom:1px solid var(--line)}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#24c98b03}td strong{font-weight:600;display:block;font-size:11px}td small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.device-name{display:flex;align-items:center;gap:10px}.device-name>span{display:grid;place-items:center;width:31px;height:36px;border:1px solid var(--line);background:var(--panel2);border-radius:7px;color:var(--muted)}.device-name svg{width:16px}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:5px;padding:3px 7px;font-size:9px;background:var(--green-soft);color:var(--green)}.badge i{width:4px;height:4px;border-radius:50%;background:currentColor}.badge.gray{background:#899c9210;color:var(--muted)}.badge.amber{background:#e6bd7810;color:var(--amber)}.badge.red{background:#ff788710;color:var(--red)}.table-bottom{display:flex;justify-content:space-between;padding:13px 20px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}.notice{padding:13px 16px;border:1px solid #24c98b22;border-radius:9px;background:var(--green-soft);font-size:11px;color:var(--muted);display:flex;gap:10px;align-items:flex-start;margin:0 0 20px}.notice svg{width:17px;flex:none;color:var(--green);margin-top:2px}.notice strong{color:var(--text);font-weight:400}.campaigns{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.campaign-card{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:18px}.creative{border:1px solid #24c98b26;background:linear-gradient(120deg,#133224,#0b1a13);height:100px;border-radius:8px;position:relative;display:flex;align-items:center;justify-content:space-between;padding:18px;overflow:hidden;margin-bottom:18px}.creative strong{font-size:16px;color:#e5f4eb;display:block}.creative small{color:#85b99b;font-size:10px}.creative svg{width:38px;height:38px;stroke:#24c98b55;stroke-width:1}.creative.code{background:#121a21;border-color:#293b49}.creative.code svg{stroke:#98b8cb55}.creative img{width:100%;height:100%;object-fit:contain}.campaign-top{display:flex;justify-content:space-between;gap:7px;align-items:center}.campaign-card h3{font-size:14px;margin:0}.subtle{font-size:10px;color:var(--muted)}.campaign-stats{display:flex;margin:20px 0;justify-content:space-between}.campaign-stats span{font-size:9px;color:var(--muted)}.campaign-stats b{font:600 17px Inter;display:block;margin-bottom:4px;color:var(--text)}.progress-track{height:4px;background:var(--line);border-radius:5px;overflow:hidden}.progress-track span{height:100%;display:block;background:var(--green);border-radius:5px}.progress-caption{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin:7px 0 17px}.card-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:13px}.card-actions .button{font-size:10px;min-height:32px;padding:5px 9px}.phone-mock{width:280px;margin:15px auto 20px;background:#050706;border:5px solid #29372f;box-shadow:0 0 0 1px #496251;border-radius:32px;padding:19px 14px 16px;color:#eef5f1}.phone-top{display:flex;justify-content:space-between;font:8px Inter;padding:0 4px 18px}.phone-mock h3{font-size:15px;margin:0 0 15px}.mock-stats{background:#121b16;border:1px solid #24c98b15;border-radius:10px;padding:13px;font-size:10px;color:#b4cbbc;margin-bottom:12px}.mock-stats strong{font-size:20px;color:#24c98b;float:left}.ad-slot{border-radius:8px;border:1px solid #24c98b4a;background:#112a1d;padding:12px;margin:12px 0;color:#eef5f1}.ad-slot small{font-size:8px;color:#79a58c;display:block}.ad-slot strong{font-size:12px}.ad-slot p{font-size:9px;margin:5px 0 0;color:#9bb9a7}.mock-card{border:1px solid #ffffff0c;border-radius:9px;padding:10px;font-size:10px;margin-top:8px;display:flex;justify-content:space-between}.mock-card i{font-style:normal;color:#24c98b;font:9px Inter}.mock-bottom{display:flex;justify-content:space-around;border-top:1px solid #ffffff0c;color:#789482;font-size:9px;padding-top:14px;margin-top:23px}.alarm-mock{background:#15090b}.radar{height:160px;display:grid;place-items:center;position:relative}.radar:before,.radar:after{content:'';position:absolute;width:135px;height:135px;border:1px solid #ff657922;border-radius:50%}.radar:after{width:96px;height:96px;border-color:#ff657944}.radar>span{width:58px;height:58px;background:#ff6579;border-radius:50%;display:grid;place-items:center;color:#210910}.radar svg{width:27px;height:27px}.alarm-mock h3{text-align:center;font-size:22px;margin:0}.alarm-mock>p{text-align:center;font-size:10px;color:#bb929a}.mock-ack{width:100%;background:#f7e9ec;color:#210910;border-radius:13px;padding:13px;font-weight:900;font-size:19px;margin-top:12px}.slot-title{text-align:center;margin-bottom:20px}.slot-title h3{font-size:14px;margin:0}.slot-title p{color:var(--muted);font-size:10px;margin:5px}.switch-label{display:flex;gap:10px;align-items:center;font-size:11px}.switch-label input{accent-color:var(--green);width:17px;height:17px}.empty{padding:40px;text-align:center;color:var(--muted);font-size:12px}.drawer-backdrop{position:fixed;inset:0;background:#0008;backdrop-filter:blur(4px);z-index:80;display:flex;justify-content:flex-start}.drawer{background:var(--side);width:min(510px,100%);height:100%;overflow:auto;box-shadow:20px 0 60px #0005;padding:24px}.drawer>header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:23px}.drawer h2{font-size:21px;margin:6px 0 0}.form-field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}.form-field label{font-size:11px;color:var(--muted)}.form-field small{font-size:10px;color:var(--muted)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-field input,.form-field select,.form-field textarea{width:100%;font-size:12px}.form-foot{position:sticky;bottom:-24px;background:var(--side);border-top:1px solid var(--line);padding:18px 0 4px;margin-top:23px;display:flex;gap:10px}.form-foot .primary{flex:1;justify-content:center}.form-hint{font-size:10px;color:var(--muted);line-height:2}.error{color:var(--red);font-size:11px}.notification-preview{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:16px;margin:20px 0}.notification-preview>small{font:9px Inter;color:var(--green)}.notification-preview strong{display:block;font-size:13px;margin:10px 0 4px}.notification-preview p{font-size:11px;color:var(--muted);margin:0}.release-row{padding:20px;border-bottom:1px solid var(--line);display:flex;gap:18px;align-items:center}.release-row:last-child{border-bottom:0}.release-icon{width:42px;height:42px;display:grid;place-items:center;color:var(--green);background:var(--green-soft);border-radius:11px}.release-main{flex:1}.release-main h3{font:600 14px Inter;margin:0}.release-main p{margin:4px 0 0;font-size:10px;color:var(--muted)}.release-meter{width:130px}.release-meter span{font-size:10px;color:var(--muted)}.settings-row{padding:18px 21px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:15px}.settings-row strong{font-size:12px;font-weight:600}.settings-row p{font-size:10px;margin:3px 0;color:var(--muted)}.settings-row:last-child{border-bottom:0}.public-report .sidebar,.public-report .topbar,.public-report .footer{display:none}.public-report .shell{margin:0}.public-report main{max-width:1100px;padding-top:40px}.public-brand{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:32px}.public-brand .brand{max-width:240px}.report-footer{text-align:center;color:var(--muted);font-size:10px;margin:25px}.footer{display:flex;justify-content:space-between;padding:15px 36px;border-top:1px solid var(--line);font-size:9px;color:#5f7a6a}.footer b{padding:0 8px;font-weight:400}.toast{position:fixed;bottom:25px;left:25px;max-width:calc(100vw - 50px);background:#173f2c;color:#d6f4e4;border:1px solid #24c98b60;border-radius:10px;padding:13px 20px;z-index:100;box-shadow:0 10px 30px #0004;font-size:12px}[hidden]{display:none!important}.panel,.metric,.campaign-card{animation:enter .35s ease both}@keyframes enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
body.light{color-scheme:light;--bg:#f3f6f4;--side:#fff;--panel:#fff;--panel2:#eef3f0;--text:#193b2a;--muted:#678372;--line:#1a4e2c15;--green:#09865d;--green-soft:#14a16e0c;--red:#be4252;--amber:#987126;--shadow:#284c3422}.light .primary{background:#24c98b;color:#052b1b;border-color:#24c98b}.light .metric-spark{stroke:#09865d}.light .creative{--green:#24c98b}.light .toast{color:#edf8f1}.light .phone-mock{--green:#24c98b}.light .heat-cell{border-color:#09865d12}.light .nav-label{color:#688576}.light .chart-label{fill:#678372}
@media(min-width:1600px){main{padding-top:40px}.metric{padding:22px}.metric-value{font-size:35px}}
@media(max-width:1200px){.sidebar{width:210px;padding-inline:13px}.shell{margin-right:210px}main{padding:25px}.topbar{padding-inline:25px}.metrics{gap:10px}.metric{padding:15px}.metric-value{font-size:25px}.metric-spark{width:45px;left:12px}.campaigns{grid-template-columns:1fr 1fr}.grid-main{grid-template-columns:1.6fr 1fr}.panel-head{padding-inline:16px}.grid-two{gap:15px}.page-heading h1{font-size:24px}}
@media(max-width:950px){.grid-main{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.grid-two{grid-template-columns:1fr}.campaigns{grid-template-columns:1fr 1fr}.sidebar{width:190px}.shell{margin-right:190px}.brand{font-size:9px}.brand small{font-size:5.5px}.workspace{padding:9px}.page-heading{align-items:flex-start}.heading-actions{flex-wrap:wrap;justify-content:flex-end}.page-heading h1{font-size:23px}.metric-spark{width:65px}.donut-block{padding:10px 0}.distribution{display:flex;gap:22px;justify-content:center;flex-wrap:wrap}.release-row{flex-wrap:wrap}.release-meter{width:100px}}
@media(max-width:700px){.sidebar{transform:translateX(100%);transition:transform .2s;width:235px;box-shadow:-20px 0 70px #0006}.sidebar.open{transform:translateX(0)}.shell{margin:0}.topbar{height:65px;padding:0 17px}.mobile-menu{display:inline-grid}.breadcrumb{font-size:10px;gap:8px}.top-actions{gap:8px}.top-actions .avatar{display:none}.preview-badge{font-size:8px}.preview-badge i{display:none}main{padding:22px 17px}.page-heading{gap:12px;flex-wrap:wrap;margin-bottom:22px}.page-heading h1{font-size:25px}.page-heading p{font-size:11px}.heading-actions{justify-content:flex-start}.metrics{gap:10px;margin-bottom:16px}.metric{padding:14px}.metric-value{font-size:26px}.metric-head{font-size:10px}.metric-bottom{font-size:8px;gap:5px}.metric-spark{display:none}.grid-main,.grid-two{gap:16px;margin-bottom:16px}.campaigns{grid-template-columns:1fr}.toolbar{padding:14px;gap:8px}.search{max-width:none;min-width:150px}.toolbar select{max-width:140px}.footer{padding:16px;display:block;font-size:8px}.footer>span{display:block}.release-row{padding:16px;gap:13px}.public-report main{padding-top:23px}.public-brand .brand{font-size:9px}.public-brand{gap:10px}.form-row{gap:10px}.drawer{padding:20px}.legend{font-size:9px}.chart-note{flex-wrap:wrap;gap:7px}.table-bottom{gap:15px}.notification-preview{margin:15px 0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Campaign management and advertiser detail. */
.placement-tag{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted);margin:12px 0;flex-wrap:wrap}.placement-tag svg{width:14px;height:14px;color:var(--green)}.placement-tag small{font-size:9px;padding:2px 6px;border-radius:4px;background:var(--green-soft);color:var(--green)}.campaign-management{display:flex;align-items:center;gap:9px;margin-top:12px}.campaign-management>.button:first-child{flex:1;justify-content:center}.campaign-management .button{min-height:33px;font-size:10px}.danger-quiet{color:var(--red);background:none;border-color:#ff788725}.danger{background:#b63e50;color:#fff;border-color:#d45a6b}.delete-symbol{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:#ff788710;color:var(--red);margin:25px 0}.delete-symbol svg{width:27px;height:27px}.delete-title{font-size:20px}.delete-description{font-size:13px;line-height:2;color:var(--muted)}.delete-summary{display:flex;gap:15px;flex-wrap:wrap;padding:15px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:11px;margin:23px 0}.report-metrics{grid-template-columns:repeat(3,1fr)}.report-metrics .metric-spark{display:none}.quota-panel{margin-bottom:20px}.quota-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:22px}.quota-grid>div{display:flex;flex-direction:column;gap:8px}.quota-grid>div+div{border-right:1px solid var(--line);padding-right:15px}.quota-grid span{font-size:11px;color:var(--muted)}.quota-grid strong{font-size:25px;font-weight:600}.quota-grid strong small{font-size:11px;font-weight:400;color:var(--muted)}.report-detail{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid var(--line);font-size:11px}.report-detail>span{color:var(--muted);flex:none}.report-detail strong{font-weight:400;text-align:end;overflow-wrap:anywhere;min-width:0}.report-detail strong[dir=ltr]{font-size:10px}.report-bars{height:235px;display:flex;align-items:flex-end;gap:8px;padding:22px 22px 40px;direction:ltr;overflow-x:auto}.report-bar{position:relative;flex:1;min-width:19px;height:100%;background:none;padding:0 2px;display:flex;align-items:flex-end;justify-content:center}.report-bar>span{width:100%;max-width:50px;height:var(--bar-height);background:linear-gradient(to top,#24c98b55,#24c98b);border-radius:5px 5px 0 0;transition:filter .2s}.report-bar:hover>span{filter:brightness(1.25)}.report-bar small{position:absolute;bottom:-25px;font:8px Inter;color:var(--muted);white-space:nowrap;transform:rotate(-25deg)}.report-bar:focus-visible{outline-offset:0}.release-row>.icon-button{flex:none}.phone-preview{width:min(550px,100%)}.update-phone{width:310px;max-width:100%;height:595px;position:relative;overflow:hidden;margin-block:20px;border-color:#2b3e33}.update-dashboard{opacity:.4;margin-top:15px}.update-dashboard .mock-bottom{margin-top:225px}.update-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#020806a6;backdrop-filter:blur(2px);padding:16px}.update-popup{background:#111b15;border:1px solid #24c98b33;border-radius:22px;padding:22px 17px 15px;width:100%;max-height:100%;overflow:auto;box-shadow:0 15px 50px #0007;text-align:center;color:#edf5ef}.update-icon{width:53px;height:53px;display:grid;place-items:center;background:#24c98b15;color:#24c98b;border:1px solid #24c98b35;border-radius:16px;margin:0 auto 15px}.update-icon svg{width:26px;height:26px}.update-tag{font-size:9px;color:#24c98b}.update-popup h3{font-size:22px;font-weight:900;margin:6px 0}.update-popup .update-subtitle{font-size:11px;line-height:1.8;color:#9ab4a5;margin:0}.version-transition{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#24c98b08;border:1px solid #24c98b15;border-radius:10px;padding:11px;margin:17px 0}.version-transition>div{display:flex;flex-direction:column;gap:5px}.version-transition small{font-size:9px;color:#789984}.version-transition strong{font-size:11px;font-weight:400;overflow-wrap:anywhere}.version-transition>div:last-child strong{color:#24c98b}.version-transition svg{width:15px;color:#668e76;flex:none}.update-notes{text-align:right;padding:0 2px}.update-notes>strong{font-size:11px;font-weight:600}.update-notes p{font-size:10px;line-height:1.9;color:#9db7a7;margin:6px 0 13px;overflow-wrap:anywhere}.update-file{display:flex;justify-content:space-between;gap:9px;border-top:1px solid #ffffff0a;padding:10px 0 13px;color:#789984;font-size:8px}.update-download{width:100%;border-radius:10px;background:#24c98b;color:#042b19;padding:12px 8px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:600}.update-download svg{width:16px;height:16px}.update-later{width:100%;min-height:40px;background:none;color:#b2c7b9;font-size:11px;margin-top:5px}.update-hint{display:block;font-size:8px;color:#688673}.light .update-popup{color:#edf5ef}.phone-preview .form-hint{line-height:1.9}
@media(max-width:700px){.report-metrics{grid-template-columns:repeat(2,1fr)}.quota-grid{gap:10px}.quota-grid>div+div{padding-right:10px}.quota-grid strong{font-size:22px}.quota-grid span{font-size:10px}.report-bars{gap:5px;padding-inline:15px}.update-phone{height:590px}.heading-actions{gap:7px}.heading-actions .button{font-size:10px}}
/* Shared panel surfaces: hover/touch data inspection and custom select menus. */
.panel-tooltip{position:fixed;z-index:130;direction:rtl;min-width:215px;max-width:min(310px,calc(100vw - 24px));background:var(--panel2);color:var(--text);border:1px solid color-mix(in srgb,var(--green) 28%,var(--line));border-radius:13px;padding:13px 15px;box-shadow:0 14px 44px var(--shadow),0 0 0 1px #24c98b05;font:11px/1.8 Yekan,sans-serif;animation:surface-in .12s ease-out}
.tooltip-heading{display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--line);padding-bottom:9px;margin-bottom:7px}.tooltip-heading i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px #24c98b40}.tooltip-heading strong{font-size:12px;font-weight:600}.tooltip-heading small{margin-inline-start:auto;font-size:9px;color:var(--muted)}.tooltip-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:4px 0}.tooltip-row span{color:var(--muted)}.tooltip-row b{font-weight:600;font-variant-numeric:tabular-nums;color:var(--text)}.tooltip-row:first-of-type b{color:var(--green)}
.chart-hit{fill:transparent;stroke:none}.chart-hit.is-inspected{fill:#24c98b08}.chart-guide{stroke:var(--green);stroke-width:1;stroke-dasharray:3 5;opacity:.6;pointer-events:none}.chart-focus{fill:var(--green);stroke:var(--panel);stroke-width:2;pointer-events:none}.donut-label{pointer-events:none}[data-tip]{cursor:crosshair}.donut [data-tip]:hover,.donut [data-tip]:focus{filter:brightness(1.25)}.bar-column.is-inspected span,.report-bar.is-inspected span{filter:brightness(1.25)}.heat-cell.is-inspected{outline:1px solid var(--green)}
.panel-select{min-width:0;position:relative}.form-field>.panel-select{width:100%}.select-trigger{width:100%;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--line);border-radius:9px;padding:10px 13px;background:var(--bg);color:var(--text);font:12px/1.8 Yekan,sans-serif;text-align:start;transition:border-color .15s,background .15s}.select-trigger>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-trigger>svg{width:16px;height:16px;color:var(--muted);flex:none;transition:transform .15s}.select-trigger:hover,.select-trigger[aria-expanded=true]{border-color:#24c98b66;background:var(--green-soft)}.select-trigger[aria-expanded=true]>svg{transform:rotate(180deg);color:var(--green)}.toolbar .select-trigger{font-size:11px;min-width:155px}
.select-menu{position:fixed;z-index:140;direction:rtl;overflow:auto;overscroll-behavior:contain;padding:6px;background:var(--panel2);border:1px solid #24c98b40;box-shadow:0 18px 50px var(--shadow);border-radius:12px;animation:surface-in .12s ease-out;scrollbar-width:thin;scrollbar-color:var(--green) var(--panel)}.select-menu>button{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;text-align:start;padding:10px 11px;min-height:42px;border-radius:7px;background:transparent;color:var(--text);font:12px/1.8 Yekan,sans-serif}.select-menu>button:hover,.select-menu>button:focus-visible{background:var(--green-soft);outline:none;box-shadow:inset 0 0 0 1px #24c98b33}.select-menu>button[aria-selected=true]{color:var(--green);background:var(--green-soft)}.select-menu svg,.option-check{width:15px;height:15px;flex:none}.select-menu>button:disabled{opacity:.35;cursor:not-allowed}.select-menu>button:disabled:hover{background:none;box-shadow:none}
@keyframes surface-in{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.panel-tooltip,.select-menu{animation:none}.select-trigger,.select-trigger>svg{transition:none}}[hidden]{display:none!important}
.signed-out .sidebar,.signed-out .topbar,.signed-out .footer{display:none}.signed-out .shell{margin:0}.signed-out #main{display:grid;place-items:center;min-height:100vh}.login-card{width:min(400px,100%);border:1px solid var(--line);background:var(--panel);padding:30px;border-radius:20px}.login-card label{display:flex;flex-direction:column;gap:8px;margin:18px 0;font-size:12px}.login-card .primary{width:100%;justify-content:center}.login-card h1{margin:20px 0 0}.connection-url{width:100%;max-width:600px}.form-field input,.form-field textarea{width:100%}.campaign-management{gap:7px;flex-wrap:wrap}.public-report .sidebar,.public-report .topbar{display:none}.public-report .shell{margin:0}.metric-value{font-family:Yekan,Inter,sans-serif}.error{white-space:normal;overflow-wrap:anywhere}
