:root{--an-blue:#1668ff;--an-navy:#0a1c59;--an-purple:#7544f5;--an-green:#18b979;--an-orange:#ff9f2f;--an-red:#f35762;--an-bg:#f6f9fe;--an-border:#e3eaf5;--an-muted:#7182a3;--an-shadow:0 8px 24px rgba(25,55,110,.06)}
.customer-mode.an-page main{max-width:1700px;padding:14px 22px 34px}.customer-mode.an-page .customer-heading{display:none}.an-root{display:grid;gap:12px}.an-head{display:flex;justify-content:space-between;align-items:flex-end}.an-head h1{font-size:28px;color:var(--an-navy);margin:0 0 4px}.an-head p{margin:0;color:#61759a;font-size:12px}.an-periods{display:flex}.an-periods button,.an-compare{height:36px;border:1px solid #dbe5f3;background:#fff;color:#24518f;padding:0 17px;font-weight:750}.an-periods button:first-child{border-radius:8px 0 0 8px}.an-periods button:nth-child(3){border-radius:0 8px 8px 0}.an-periods button.active{background:var(--an-blue);color:#fff}.an-compare{margin-left:12px;border-radius:8px!important}.an-scope{display:flex;align-items:center;gap:12px;color:#536b92;font-size:11px}.an-scope strong{min-width:260px;border:1px solid #d9e3f2;border-radius:8px;padding:10px 16px;color:#162f62;background:#fff}.an-scope i{width:9px;height:9px;background:#12b76a;border-radius:50%;box-shadow:0 0 0 4px #e5f8ef}.an-scope b{color:#13a95e}.an-tabs{height:48px;background:#fff;border:1px solid var(--an-border);border-radius:12px;display:grid;grid-template-columns:repeat(8,1fr);padding:0 8px}.an-tabs button{border:0;border-bottom:3px solid transparent;background:transparent;color:#2d4a7a;font-weight:750;display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer}.an-tabs button i{font-style:normal;font-size:17px}.an-tabs button.active{color:#1263f4;border-bottom-color:#1263f4}.an-body{display:grid;gap:12px}.an-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.an-kpi,.an-card,.an-peak{background:#fff;border:1px solid var(--an-border);border-radius:12px;box-shadow:var(--an-shadow)}.an-kpi{min-height:105px;padding:15px;display:flex;gap:14px;align-items:flex-start}.an-kpi-icon{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;font-size:18px}.an-kpi-icon.blue,.an-kpi-icon.sky{background:#eaf2ff;color:#1675ff}.an-kpi-icon.purple{background:#eee9ff;color:#7544f5}.an-kpi-icon.green{background:#e7f9ef;color:#18b979}.an-kpi-copy{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px;flex:1}.an-kpi-copy small{grid-column:1/3;color:#344d78}.an-kpi-copy strong{font-size:25px;color:var(--an-navy)}.an-kpi-copy em{grid-column:1/3;font-style:normal;color:#7a8aa6;font-size:9px}.an-trend{font-size:10px;padding:5px 8px;border-radius:999px;font-weight:800}.an-trend.up{background:#e7faef;color:#12a65e}.an-trend.down{background:#fff0f1;color:#e54f5b}.an-main-grid{display:grid;grid-template-columns:minmax(0,1.8fr) 1fr;gap:12px}.an-card{padding:13px;min-width:0}.an-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.an-card-head h3{margin:0;color:#122960;font-size:13px}.an-main-grid>.an-card.wide{grid-row:1/3}.an-peaks{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.an-peak{padding:12px;display:grid;gap:2px}.an-peak small{color:#385078;font-size:10px}.an-peak strong{font-size:23px;color:#0b1f5c}.an-peak span,.an-peak em{font-size:9px;color:#7786a2;font-style:normal}.an-chart svg{width:100%;height:245px;overflow:visible}.an-gridline{stroke:#dfe6f2;stroke-dasharray:3 3}.an-line-blue,.an-line-purple,.an-line-green{fill:none;stroke-width:3}.an-line-blue{stroke:#2375f5}.an-line-purple{stroke:#744af6}.an-line-green{stroke:#19b77c}.dot{fill:#fff;stroke-width:3}.an-axis{font-size:10px;fill:#7485a4}.an-legend{display:flex;gap:16px;font-size:9px;color:#526789}.an-legend span{display:flex;gap:6px;align-items:center}.an-legend i{width:8px;height:8px;border-radius:50%}.an-legend .blue{background:#2375f5}.an-legend .purple{background:#744af6}.an-legend .green{background:#19b77c}.an-source-body{display:grid;grid-template-columns:160px 1fr;align-items:center;gap:16px}.an-donut{width:145px;height:145px;border-radius:50%;display:grid;place-items:center;position:relative}.an-donut:after{content:"";position:absolute;width:82px;height:82px;background:#fff;border-radius:50%}.an-donut b{z-index:1;color:#0b1f5c;font-size:22px}.an-source-list{display:grid;gap:7px}.an-source-list div{display:grid;grid-template-columns:10px 1fr auto;gap:7px;align-items:center;color:#445b82;font-size:9px}.an-source-list i{width:7px;height:7px;border-radius:50%}.an-lower{display:grid;grid-template-columns:1.15fr 1.05fr .9fr;gap:12px}.an-table{display:grid}.an-tr{display:grid;grid-template-columns:35px minmax(0,1fr) 85px 85px;gap:8px;padding:8px 5px;border-bottom:1px solid #edf1f7;align-items:center;color:#52698e;font-size:9px}.an-tr.head{background:#f8faff;font-weight:800}.an-tr strong{color:#193566;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.an-table.bots .an-tr{grid-template-columns:1fr 110px 180px}.an-rings{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.an-ring-wrap{display:grid;place-items:center;text-align:center;gap:2px}.an-ring{--p:0;width:72px;height:72px;border-radius:50%;background:conic-gradient(#1975f6 calc(var(--p)*1%),#e5edf8 0);display:grid;place-items:center;position:relative}.an-ring:after{content:"";position:absolute;width:55px;height:55px;border-radius:50%;background:#fff}.an-ring b{z-index:1;color:#0b1f5c}.an-ring-wrap strong{font-size:9px;color:#1d386d}.an-ring-wrap small{font-size:8px;color:#8190aa}.an-card h4{font-size:9px;color:#233d70}.an-bars{display:grid;gap:5px}.an-bar-row{display:grid;grid-template-columns:90px 1fr 30px;gap:7px;align-items:center;font-size:8px;color:#4b638b}.an-bar-row i{height:7px;background:#e9eff8;border-radius:5px;overflow:hidden}.an-bar-row i b{display:block;height:100%;background:#4d9bff}.an-geo{display:grid;grid-template-columns:1fr 1.2fr;gap:15px;min-height:190px;align-items:center}.an-map-placeholder{font-size:58px;font-weight:900;color:#9ac5ff;display:grid;place-items:center}.an-geo-copy{font-size:10px;color:#7182a3;line-height:1.5}.an-bottom{display:grid;grid-template-columns:1.05fr 1fr;gap:12px}.an-live-table{display:grid}.an-live-table>div{display:grid;grid-template-columns:10px minmax(0,1fr) 100px 70px;gap:8px;padding:7px;border-bottom:1px solid #edf2f7;font-size:9px;color:#566d93}.an-live-table i{width:6px;height:6px;border-radius:50%;background:#15b86d}.an-live-table strong{color:#244377;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.an-insights{display:grid;gap:5px}.an-insights div{display:grid;grid-template-columns:24px 1fr;align-items:center;padding:5px 8px;background:#f4f7fb;border-radius:999px;color:#52698e;font-size:9px}.an-insights i{font-style:normal;color:#1768ff;font-weight:900}.an-empty{padding:28px;text-align:center;color:#7b8ba5;font-size:10px}.an-skeleton{height:420px;border-radius:12px;background:linear-gradient(90deg,#f4f7fb,#e8eef7,#f4f7fb);background-size:220% 100%;animation:anload 1.2s infinite}@keyframes anload{to{background-position:-220% 0}}.an-http{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.an-realtime-kpis{padding:8px;color:#305183;font-size:11px}.an-simple-list{display:grid}.an-simple-list>div{padding:9px;border-bottom:1px solid #edf1f7;color:#4a628a;font-size:10px}.an-report-box{padding:25px;text-align:center}.an-report-box h3{color:#10275c}.an-report-box p{color:#7182a3}.an-btn{height:36px;margin:6px;border:1px solid #dbe4f2;border-radius:8px;background:#f5f8fc;color:#7c8ca5}
@media(max-width:1250px){.an-main-grid{grid-template-columns:1fr}.an-main-grid>.wide{grid-row:auto}.an-lower{grid-template-columns:1fr 1fr}.an-lower>*:last-child{grid-column:1/-1}}@media(max-width:900px){.customer-mode.an-page main{padding:12px}.an-head{display:grid;gap:12px}.an-tabs{display:flex;overflow:auto}.an-tabs button{min-width:125px}.an-kpis{grid-template-columns:1fr 1fr}.an-lower,.an-bottom{grid-template-columns:1fr}.an-lower>*:last-child{grid-column:auto}.an-peaks{grid-template-columns:1fr 1fr 1fr}}@media(max-width:620px){.an-kpis{grid-template-columns:1fr}.an-periods{overflow:auto}.an-scope strong{min-width:0;flex:1}.an-peaks{grid-template-columns:1fr}.an-source-body,.an-geo{grid-template-columns:1fr}.an-rings{grid-template-columns:repeat(3,1fr)}.an-http{grid-template-columns:1fr 1fr}.an-tr{grid-template-columns:28px minmax(0,1fr) 65px}.an-tr>*:last-child{display:none}}.an-scope i.warn{background:#f3a530;box-shadow:0 0 0 4px #fff2dc}.an-scope i.warn+b{color:#b87514}
.an-btn.primary{background:#1768ff;color:#fff;border-color:#1768ff}.an-report-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}
@media print{body{background:#fff!important}.customer-sidebar,.customer-topbar,#customerNav,.hz-topbar,.sidebar{display:none!important}.customer-mode main{max-width:none!important;margin:0!important;padding:0!important}.an-tabs,.an-periods,.an-scope{display:none!important}.an-card,.an-kpi{box-shadow:none!important;break-inside:avoid}.an-report-box .an-btn{display:none!important}}