@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#eef4ff;background:#0c1729;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#0c1729}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;background:#0c1729}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:#101d31;border-bottom:1px solid #233650}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;color:#fff;background:#286ce5;border-radius:9px}.brand-lockup strong{display:block;color:#f4f7ff;font-family:Space Grotesk;font-size:17px}.brand-lockup span{display:block;margin-top:2px;color:#778ba8;font-size:11px}.live-status{display:flex;align-items:center;gap:8px;color:#8fa5c1;font-size:11px}.status-dot{width:7px;height:7px;border-radius:50%;background:#19c892;box-shadow:0 0 0 4px #19c8921f}.dashboard-content{max-width:1440px;margin:0 auto;padding:28px 34px 64px}.toolbar{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.date-controls{min-height:64px;display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #263955;border-radius:11px;background:#142239;color:#8294ae;font-size:12px}.date-controls label{color:#a9b8cd;font-weight:600;margin-right:5px}.date-controls input{width:132px;padding:9px 10px;color:#d8e5f8;background:#202f45;border:1px solid #38506f;border-radius:7px;font-size:12px;color-scheme:dark}.primary-button{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;color:#fff;background:#286ce5;border:0;border-radius:7px;font-size:12px;font-weight:700}.primary-button:disabled{opacity:.7}.spin{animation:spin 1s linear infinite}.date-controls small{color:#617491;margin-left:3px;white-space:nowrap}.offer-filter{display:flex;align-items:center;gap:9px;color:#94a4bb;font-size:12px}.offer-filter button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;color:#dce6f7;background:#1b2b43;border:1px solid #344762;border-radius:7px;padding:10px 11px;font-size:12px}.error-banner{display:flex;align-items:center;gap:10px;padding:12px 15px;margin-bottom:22px;color:#ffc3c7;background:#411f2c;border:1px solid #8b3546;border-radius:9px;font-size:12px}.error-banner button{margin-left:auto;color:#fff;background:transparent;border:1px solid #bd5262;border-radius:6px;padding:6px 10px;font-size:11px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:4px 0 15px}.section-heading h1,.section-heading h2{margin:0;font-family:Space Grotesk;font-size:21px;letter-spacing:-.5px}.section-heading h2{font-size:19px}.eyebrow{margin:0 0 5px;color:#5f7da5;font-size:10px;text-transform:uppercase;letter-spacing:1.4px;font-weight:700}.period-chip{color:#95a7c1;background:#15263e;border:1px solid #263b5b;border-radius:20px;padding:7px 11px;font-size:11px}.section-heading.compact{margin-top:32px}.section-heading.compact>span{color:#7b8da8;font-size:11px}.metric-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-bottom:20px}.metric-card{min-height:140px;padding:22px 25px;border:1px solid #a5384c;border-radius:11px;background:linear-gradient(135deg,#3b1c2b,#421d2c);box-shadow:0 12px 24px #00000014}.metric-card.green{border-color:#087b6d;background:linear-gradient(135deg,#103d43,#0d4a4b)}.metric-label{display:flex;align-items:center;justify-content:space-between;color:#99a6bb;font-size:10px;text-transform:uppercase;letter-spacing:.4px;font-weight:700}.metric-card.red .metric-label svg{color:#fb6870}.metric-card.green .metric-label svg{color:#16cf9b}.metric-card strong{display:block;margin-top:16px;font-family:Space Grotesk;font-size:27px;letter-spacing:-.8px;color:#fbfcff;white-space:nowrap}.metric-card small{display:block;margin-top:7px;color:#ca6875;font-size:10px}.metric-card.green small{color:#21ce9c}.panel{background:#142239;border:1px solid #263955;border-radius:11px}.chart-panel{padding:23px 24px 17px}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.panel-heading h2{display:flex;align-items:center;gap:9px;margin:0;color:#eef4ff;font-family:Space Grotesk;text-transform:capitalize;font-size:15px}.panel-heading h2 svg{color:#6e91c8}.legend{display:flex;gap:20px;color:#a7b7cd;font-size:11px}.legend span{display:flex;align-items:center;gap:7px}.legend i{width:20px;height:2px;display:block}.chart-container{width:100%;height:300px;padding:6px 4px 0}.chart-container svg{width:100%;height:100%;overflow:visible}.grid-line{stroke:#263852;stroke-width:1}.axis-label{fill:#8294ad;font-size:10px}.chart-empty{height:300px;display:grid;place-items:center;color:#71839f;font-size:13px}.breakdown-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}.pie-card{padding:24px 20px}.pie-title{text-align:center}.pie-title h3{margin:0;font-family:Space Grotesk;font-size:14px;text-transform:uppercase}.pie-title span{display:block;margin-top:5px;color:#7790b3;font-size:10px;text-transform:uppercase;letter-spacing:1px}.pie-content{display:flex;align-items:center;justify-content:center;gap:30px;min-height:210px}.pie{width:160px;height:160px;flex:0 0 160px;display:grid;place-items:center;border-radius:50%}.pie-hole{width:80px;height:80px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#eaf2ff;background:#142239;border-radius:50%;font-family:Space Grotesk;font-size:16px;font-weight:700}.pie-hole small{color:#8093ae;font-family:DM Sans;font-size:9px;font-weight:500}.pie-legend{min-width:125px;display:grid;gap:11px}.pie-legend div{display:flex;align-items:center;justify-content:space-between;gap:18px;color:#cfdaea;font-size:11px}.pie-legend span{display:flex;align-items:center;gap:7px;white-space:nowrap}.pie-legend i{width:9px;height:9px;display:inline-block;border-radius:50%}.pie-legend b{color:#d8e5fa;font-size:10px}.muted{color:#7286a2;font-size:11px}.product-panel{margin-top:20px;padding:23px 20px 18px}.product-note{color:#7790b3;font-size:10px}.product-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 20px}.product-stat{padding:16px 18px;border:1px solid #2b4261;border-radius:9px;background:#182a42}.product-stat.main{border-color:#365e9d}.product-stat.upsell{border-color:#176f66}.product-stat.conversion{border-color:#80621d}.product-stat span,.product-stat small{display:block;color:#91a4c0;font-size:10px}.product-stat strong{display:block;margin:8px 0 4px;color:#f4f8ff;font-family:Space Grotesk;font-size:25px}.product-stat.main strong{color:#6fa7ff}.product-stat.upsell strong{color:#2bd5a5}.product-stat.conversion strong{color:#ffc34d}.product-list{display:grid;gap:2px}.product-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:13px 8px;border-top:1px solid #22344e}.product-row>b,.product-row>span:last-child{color:#d7e3f4;font-size:11px}.product-name{min-width:0}.product-name strong,.product-name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-name strong{color:#edf3fd;font-size:12px}.product-name small{margin-top:3px;color:#6f88aa;font-size:10px}.product-rank{width:25px;height:25px;display:grid;place-items:center;color:#a9bbd4;background:#22334b;border:1px solid #304663;border-radius:7px;font-size:10px}.product-rank.rank-1{color:#72aaff;border-color:#365e9d}.product-empty{padding:25px;text-align:center}.daily-panel{padding:23px 20px 18px;margin-top:20px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:640px}th{padding:10px 0;color:#8598b3;background:#1d2d44;text-align:right;font-size:10px;font-weight:600}th:first-child,td:first-child{padding-left:0;text-align:left}th:last-child,td:last-child{padding-right:0}td{padding:11px 0;border-bottom:1px solid #22344e;color:#d5e0f1;text-align:right;font-size:11px}tbody tr:last-child td{border-bottom:0}.orange{color:#ff9e32;font-weight:700}.blue{color:#5fa5ff;font-weight:700}.green-text{color:#20d89c;font-weight:700}.negative{color:#fa6871;font-weight:700}.total-row td{padding-top:13px;color:#eaf1fb;background:#1b2b42;border-top:1px solid #41536e;font-weight:700}.total-row td:first-child{padding-left:0}.empty-row{padding:35px 0;color:#7287a4;text-align:center!important}.ads-section{margin-top:4px}.ads-table-panel{padding:0 16px;max-height:455px;overflow:auto}.ads-table{min-width:1020px}.metrics-ads-table{min-width:1320px}.ads-table th,.ads-table td{padding:14px 12px;white-space:nowrap}.ads-table th{position:sticky;top:0;z-index:1;text-align:left}.ads-table td{text-align:left}.ads-table th:nth-child(n+4),.ads-table td:nth-child(n+4){text-align:right}.ads-table th:first-child,.ads-table td:first-child{padding-left:0}.ad-name{max-width:330px;overflow:hidden;text-overflow:ellipsis;color:#e9f1fd;font-weight:600}.rank{width:27px;height:27px;display:grid;place-items:center;color:#a9bbd4;background:#22334b;border:1px solid #304663;border-radius:7px;font-size:11px}.rank-1{color:#ffd24e;border-color:#735c23;background:#292d31}.rank-2{color:#bacce5}.rank-3{color:#ffa833}.link-button{width:25px;height:25px;display:grid;place-items:center;color:#4e9aff;background:#112d56;border-radius:6px}.metrics-ads-summary{display:flex;flex-wrap:wrap;gap:0;padding:0;margin-bottom:16px;overflow:hidden}.mas-item{flex:1;min-width:130px;padding:16px 18px;border-right:1px solid #2a3b56}.mas-item:last-child{border-right:0}.mas-item span{display:block;color:#94a8c6;font-size:10px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.mas-item strong{display:block;color:#f5f8ff;font-family:Space Grotesk,sans-serif;font-size:20px}.metrics-ads-section{margin-top:32px;padding:24px;background:linear-gradient(180deg,#142239,#101d31);border:1px solid #2a4068;border-radius:14px}.metrics-ads-section .section-heading h2{color:#6fa7ff}.metrics-ads-section .ads-table-panel{border:1px solid #2a4068}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1100px){.metric-grid{grid-template-columns:repeat(3,1fr)}.metrics-ads-summary{grid-template-columns:repeat(3,1fr);display:grid}.mas-item{border-right:0;border-bottom:1px solid #2a3b56}}@media (max-width: 760px){.topbar{height:auto;padding:15px 18px}.live-status{display:none}.dashboard-content{padding:18px 16px 50px}.toolbar{align-items:stretch;flex-direction:column}.date-controls{flex-wrap:wrap}.date-controls input{flex:1;min-width:125px}.date-controls small{width:100%}.offer-filter{justify-content:space-between}.metric-grid,.breakdown-grid,.product-summary{grid-template-columns:1fr}.metric-card{min-height:125px}.section-heading{align-items:start;gap:12px;flex-direction:column}.chart-panel{padding:18px 12px}.legend{gap:9px}.legend span{font-size:9px}.pie-content{gap:18px}.product-row{grid-template-columns:32px minmax(0,1fr)}.product-row>b,.product-row>span:last-child{grid-column:2}.product-note{align-self:flex-start}}@media (max-width: 430px){.brand-lockup strong{font-size:16px}.date-controls{gap:7px}.date-controls label,.date-controls span{font-size:10px}.date-controls input{min-width:110px}.primary-button{width:100%;justify-content:center}.pie-content{flex-direction:column;padding:14px 0}.pie-legend{width:100%}}