.an-toolbar,.an-range,.an-section-heading,.an-today,.an-axis{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.an-toolbar{margin:25px 0}.an-range{gap:7px}.an-status:empty{display:none}.an-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}.an-metric{margin:0!important;padding:24px!important;min-width:0;background:linear-gradient(130deg,#0d233a77,#081522)}.an-metric-label{display:flex;align-items:center;gap:8px;color:#a0b6d1;font-size:12px}.an-metric-label svg{width:16px;height:16px;color:#409fff}.an-metric>strong{display:block;font-size:38px;color:#f3f7ff;line-height:1.3;margin:18px 0 10px;letter-spacing:-1.5px}.an-metric small{font-size:10px;color:#7d98ba;display:block;line-height:1.6}.an-today{margin-bottom:34px!important;border-color:#1b456f!important;background:radial-gradient(ellipse at top left,#123f6c66,transparent 80%),#081522}.an-today h2{font-size:20px;margin:10px 0}.an-today h2 span{color:#9cb9db;font-weight:400}.an-today p{font-size:12px;color:#8ea8c9;margin:0}.an-section-heading{margin:24px 0 18px}.an-section-heading h2{font-size:24px;margin:5px 0}.an-section-heading a{font-size:12px}.an-comparison{font-size:11px;color:#8faaca;border:1px solid #1d3b5c;padding:8px 12px;border-radius:6px}.an-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:24px}.an-chart{margin:0;background:#081522;border:1px solid #192e43;border-radius:10px;padding:24px;min-width:0}.an-chart figcaption{display:flex;flex-direction:column;gap:7px;margin-bottom:24px}.an-chart figcaption strong{font-size:14px;color:#dceaff}.an-chart figcaption span,.an-axis{font-size:10px;color:#7897bd}.an-chart svg{display:block;width:100%;height:auto;overflow:visible}.an-chart svg text{fill:#6e8bad;font:10px system-ui}.an-grid{stroke:#1a3049;stroke-dasharray:4 5}.an-trend-line{stroke:#298eff;stroke-width:2}.an-chart circle{fill:#5aacff;stroke:#0c1d2e;stroke-width:2}.an-bar{fill:#126cde;transition:fill .15s}.an-bar:hover,.an-bar:focus{fill:#5eafff;outline:0;stroke:#9acdff}.an-chart circle:hover,.an-chart circle:focus{fill:white;outline:0;stroke:#2d9bff;stroke-width:3}.an-chart-detail{font-size:10px;min-height:16px;color:#7899c2;margin:16px 0 0}.an-chart-empty{min-height:190px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:16px;background:radial-gradient(ellipse,#0b2b4855,transparent 75%)}.an-chart-empty>svg{width:30px;height:30px;color:#237ed0;margin-bottom:18px}.an-chart-empty strong{font-size:14px}.an-chart-empty p{font-size:12px;color:#7f9bbd;max-width:290px;line-height:1.8}.an-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.an-detail-grid>.panel{min-width:0;margin:0!important}.an-detail-grid h2{font-size:22px}.an-insights ul{list-style:none;padding:0}.an-insights li{display:flex;gap:12px;padding:15px 0;font-size:13px;line-height:1.8;border-bottom:1px solid #152d46}.an-insights li svg{width:16px;height:16px;flex-shrink:0;color:#3099ff;margin-top:4px}.an-insights .help{margin-top:22px}.an-connections{margin:10px 0}.an-connections>div{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid #172d45}.an-connections dt{font-size:12px;color:#c0d4ed}.an-connections small{display:block;font-size:10px;margin-top:6px;color:#7391b4}.an-connections dd{margin:0;font-size:23px;color:#ddebff}.an-portfolio{margin-top:24px!important}.an-portfolio .an-section-heading{margin-top:0}.an-table-wrap{overflow:auto;max-width:100%;margin:22px 0}.an-portfolio table{width:100%;border-collapse:collapse;min-width:690px;text-align:left}.an-portfolio th,.an-portfolio td{padding:17px 12px;border-bottom:1px solid #1a3049;font-size:12px}.an-portfolio thead th{font-size:10px;color:#8ca9cd;font-weight:500;white-space:nowrap}.an-portfolio tbody th{max-width:270px;min-width:170px}.an-portfolio tbody th a{color:#d0e1f8;overflow-wrap:anywhere}.an-portfolio tbody th small{display:block;font-size:10px;margin-top:7px;color:#7192b9;font-weight:400}.an-portfolio td{color:#a8c4e5}.an-footnote{font-size:11px;color:#718dad;line-height:1.9;margin-top:24px}.an-privacy-link{background:none;border:none;color:#91abc9;font:inherit;font-size:11px;cursor:pointer;padding:6px}.an-privacy-link:hover{color:white}.an-privacy{max-width:580px;background:#081522;color:#d9e8fc;border:1px solid #29496b;border-radius:12px;padding:30px;width:calc(100% - 32px)}.an-privacy::backdrop{background:#000a}.an-privacy h2{font-size:23px}.an-privacy p{font-size:13px;line-height:1.8;color:#94afcf}.an-privacy .button{font-size:11px}.an-admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0}.an-admin-metrics>div{border:1px solid #203b59;border-radius:8px;padding:18px}.an-admin-metrics strong{display:block;font-size:26px;color:#e5f0ff}.an-admin-metrics span{font-size:10px;color:#90aacb;display:block;margin-top:7px}.an-admin-sections>div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #1b3049;font-size:12px}.an-admin-sections span{text-transform:capitalize;color:#a8c0df}#vexo-analytics-admin label{font-size:11px;color:#94adcc}
@media(max-width:1000px){.an-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.an-chart-grid,.an-detail-grid{grid-template-columns:1fr}.an-admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.an-metric-grid{gap:10px}.an-metric{padding:18px!important}.an-metric-label{font-size:10px;align-items:start}.an-metric>strong{font-size:30px}.an-metric small{font-size:9px}.an-range .button{font-size:11px;padding:9px 11px}.an-chart{padding:18px}.an-today h2{font-size:18px;line-height:1.6}.an-today h2 span{display:block}.an-section-heading h2{font-size:21px}.an-privacy{padding:22px}.an-portfolio{padding:18px!important}.an-admin-metrics>div{padding:12px}}
/* Creator Studio: scoped to Analytics, with the existing application navigation intact. */
body[data-page=analytics]{background:radial-gradient(ellipse at 10% 18%,#4dabae30,transparent 50%),radial-gradient(ellipse at 100% 90%,#7e83bd30,transparent 55%),#0b1d27}
body[data-page=analytics] main{max-width:1530px;padding:32px 28px 52px}
.an-workspace{display:grid;grid-template-columns:205px minmax(0,1fr);border:1px solid #60838d66;border-radius:18px;background:#031317;box-shadow:0 26px 80px #0005,0 0 0 7px #b8eceb0b;overflow:hidden;min-height:850px}
.an-sidebar{background:linear-gradient(155deg,#24434a99,#11262ddd 65%);border-right:1px solid #44636b55;display:flex;flex-direction:column;padding:35px 0;min-width:0}
.an-brand{color:#f5ffff;font-size:25px;font-weight:850;letter-spacing:2px;padding:0 26px;line-height:1.2}.an-brand span{display:block;color:#8caaae;font-size:8px;letter-spacing:2px;font-weight:500;margin-top:12px}.an-side-label{font-size:9px;letter-spacing:1.6px;color:#6d8d95;margin:48px 26px 15px}.an-sidebar nav a{display:flex;align-items:center;gap:14px;padding:17px 25px;border-bottom:1px solid #86b8c012;color:#a3b8bf;font-size:12px;position:relative}.an-sidebar svg{width:17px;height:17px;flex-shrink:0}.an-sidebar nav a:hover{background:#2b747522;color:#fff}.an-sidebar nav a[aria-current]{color:#eaffff;background:linear-gradient(90deg,#36d9d122,transparent);border-left:2px solid #28ddd6;padding-left:23px}.an-active-dot{width:5px;height:5px;border-radius:50%;background:#35e0cf;margin-left:auto;box-shadow:0 0 10px #1ce7d5}.an-side-bottom{margin:auto 23px 0;padding-top:90px;color:#86a4aa;font-size:10px;line-height:1.8}.an-side-bottom p{color:#5e7c85;margin:5px 0 26px}.an-side-bottom>a{display:flex;gap:10px;align-items:center;color:#afc4cb}.an-secure-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#31d6b6;margin-right:7px;box-shadow:0 0 12px #2dd4bc44}
.an-main{padding:32px;min-width:0;background:radial-gradient(ellipse at 70% 0%,#07353c30,transparent 50%)}.an-studio-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.an-studio-header .eyebrow{font-size:8px;letter-spacing:2px;color:#6e969f}.an-studio-header h1{font-size:34px;letter-spacing:-1.3px;margin:6px 0 3px;font-weight:650;line-height:1.2}.an-studio-header h1 span{color:#28d8cb}.an-studio-header p{font-size:11px;color:#7799a3;margin:0}.an-studio-link{display:flex;align-items:center;gap:9px;color:#a5c6cb;font-size:11px}.an-studio-link svg{width:16px;height:16px}.an-tabs{display:flex;gap:32px;margin:30px 0 0;border-bottom:1px solid #29464d66}.an-tabs a{padding:12px 3px 16px;color:#88a2ac;font-size:12px}.an-tabs a[aria-current]{color:#ecffff;border-bottom:2px solid #2edbd1;box-shadow:0 6px 15px -9px #22e4dc}.an-tabs a:hover{color:#fff}.an-preview-note{display:flex;align-items:center;gap:14px;justify-content:space-between;font-size:10px;color:#a1b9c2;background:#163c4138;border:1px solid #2a555b;border-radius:8px;padding:10px 13px;margin:20px 0 0}.an-preview-note strong{font-size:8px;letter-spacing:1px;color:#55d4d0;margin-right:8px}.an-main .button{background:#0c252d;border-color:#24474f;color:#bdd9df;font-size:10px;border-radius:20px;min-height:33px;padding:7px 13px}.an-main .button:hover{background:#16434a;border-color:#33949b}.an-main .button.primary{background:#1cc5c51b;color:#71eeea;border-color:#278b91}.an-toolbar{margin:20px 0;gap:10px}.an-toolbar .field-line{gap:8px}.an-hero-chart{border:1px solid #24525a;border-radius:17px;overflow:hidden;background:linear-gradient(150deg,#051c22,#031217);box-shadow:inset 0 1px #ffffff05}.an-hero-summary{padding:24px 24px 0;display:flex;justify-content:space-between;gap:12px}.an-hero-summary>div>span{font-size:12px;color:#bdd4d9}.an-hero-summary strong{display:block;font-size:38px;font-weight:650;color:#f3ffff;line-height:1.3;letter-spacing:-1.5px;margin-top:4px}.an-hero-summary p{font-size:10px;color:#71b8b2;margin:3px 0 0}.an-period-label{display:flex;align-items:center;gap:12px;font-size:10px;color:#8bafb7;align-self:start;padding-top:6px}.an-period-label .an-secure-dot{margin:0}.an-hero-chart>.an-chart{background:transparent;border:0;padding:20px 24px 13px;border-radius:0}.an-hero-chart figcaption{display:none}.an-chart svg{overflow:visible}.an-grid{stroke:#1e4049;stroke-dasharray:none;opacity:.6}.an-trend-line{stroke:#23d8ca;stroke-width:2;stroke-linecap:round}.an-chart circle{fill:#35e2be;stroke:#08232b;stroke-width:2}.an-chart circle:hover,.an-chart circle:focus{fill:#a7fff0;stroke:#35e2be}.an-chart svg text{fill:#6c929d;font-size:9px}.an-bar{fill:#1aa5b1}.an-bar:hover,.an-bar:focus{fill:#4ce9d8;stroke:#9effed}.an-axis,.an-chart-detail{color:#6c929d;font-size:9px}.an-chart-detail{margin-top:10px}.an-metric-grid{gap:12px;margin:18px 0}.an-main .an-metric{padding:18px!important;background:linear-gradient(145deg,#0d2b32aa,#071b20);border:1px solid #244950;border-radius:13px}.an-metric-label{font-size:10px;color:#9ebac2;gap:7px}.an-metric-label svg{width:13px;height:13px;color:#45caca}.an-metric>strong{font-size:28px;margin:11px 0 6px;letter-spacing:-1px}.an-metric small{font-size:9px;color:#648b95}.an-main .panel{background:linear-gradient(145deg,#0c282e99,#06191e);border-color:#24474f;border-radius:13px}.an-today{padding:18px 22px!important;margin-bottom:25px!important;box-shadow:none}.an-today h2{font-size:17px}.an-today p{font-size:10px;color:#70939e}.an-main .eyebrow{color:#6b989f;font-size:9px;letter-spacing:1.4px}.an-main .pill{color:#7ed8cd;border-color:#285c5c;background:#11383055;font-size:9px}.an-section-heading h2{font-size:21px;font-weight:550}.an-comparison{color:#8bb0b6;border-color:#24474f;font-size:10px}.an-chart-grid{grid-template-columns:1fr}.an-chart-grid .an-chart{background:linear-gradient(130deg,#0a252c88,#05191e);border-color:#24474f;border-radius:13px}.an-chart-grid .an-chart svg{max-height:180px}.an-chart figcaption span{color:#6e939e}.an-detail-grid{gap:18px}.an-detail-grid h2{font-size:20px;font-weight:550}.an-insights li{font-size:12px;border-color:#23424a}.an-insights li svg{color:#31cebf}.an-connections>div{border-color:#23424a}.an-connections dt{color:#b9d1d7}.an-connections small,.an-main .help{color:#769aa5;font-size:10px}.an-connections dd{color:#def9f6}.an-portfolio th,.an-portfolio td{border-color:#24434b}.an-portfolio thead th{color:#6f96a1}.an-portfolio tbody th small,.an-footnote{color:#648994}.an-portfolio .an-section-heading a{color:#43ceca}.an-footnote{font-size:10px}.an-main section[id],#an-overview{scroll-margin-top:110px}
@media(min-width:1600px){body[data-page=analytics] main{padding-top:45px}.an-main{padding:40px}}
@media(max-width:1100px){.an-workspace{grid-template-columns:170px minmax(0,1fr)}.an-main{padding:24px}.an-sidebar nav a{padding-left:20px}.an-brand{padding-left:20px}.an-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.an-studio-link{display:none}}
@media(max-width:760px){body[data-page=analytics] main{padding:18px 12px 32px}.an-workspace{grid-template-columns:minmax(0,1fr);border-radius:12px}.an-sidebar{display:none}.an-main{padding:20px 16px}.an-studio-header h1{font-size:30px}.an-tabs{gap:24px;margin-top:20px;overflow:auto}.an-tabs a{font-size:11px}.an-preview-note{align-items:start;flex-direction:column;gap:8px}.an-toolbar .field-line{flex-wrap:wrap}.an-hero-summary{padding:20px 16px 0}.an-hero-chart>.an-chart{padding:20px 16px 12px}.an-hero-summary strong{font-size:33px}.an-period-label{font-size:9px}.an-detail-grid{grid-template-columns:1fr}.an-main .an-metric{padding:15px!important}.an-metric-label{font-size:10px}.an-metric>strong{font-size:27px}.an-today .pill{display:none}.an-hero-chart .an-chart svg{min-height:160px}.an-section-heading{gap:9px}.an-comparison{font-size:9px}.an-main .an-portfolio{padding:16px!important}}
@media(prefers-reduced-motion:reduce){.an-workspace *{scroll-behavior:auto;transition:none}}
.an-earnings{margin-bottom:22px}.an-source-tag{display:inline-block;color:#65cbc5;border:1px solid #275454;border-radius:5px;font-size:8px;letter-spacing:1px;padding:3px 7px;vertical-align:middle;margin-left:8px}.an-currency-label{display:flex;flex-direction:column;gap:5px;font-size:9px;color:#82a5ae}.an-main .an-currency-label select{background:#0b2830;border:1px solid #28565e;color:#bfe7e7;border-radius:8px;padding:7px 12px;font-size:11px;min-width:95px}.an-earnings-summary{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;padding:20px 24px;border-top:1px solid #24474f;background:#12333b33}.an-earnings-summary span{display:block;color:#759da6;font-size:10px}.an-earnings-summary strong{display:block;color:#d9fcf5;font-size:23px;font-weight:550;margin-top:5px}.an-earnings-summary .an-other-currencies{font-size:13px}.an-receipts{padding:0 24px 16px}.an-receipts .an-section-heading h2{font-size:16px}.an-receipt-details summary{color:#64d9d1;font-size:12px;cursor:pointer;padding:14px 0}.an-receipt-form{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:12px;padding:12px 0}.an-receipt-form label{font-size:10px;color:#95b8be;display:flex;flex-direction:column;gap:7px;min-width:0}.an-receipt-form input,.an-receipt-form select{width:100%;box-sizing:border-box;background:#09242b;color:#dbf5f5;border:1px solid #31555e;border-radius:7px;padding:10px;font-size:12px;min-width:0}.an-receipt-form .help{grid-column:1/-1}.an-receipt-form button{justify-self:start}.an-receipt-table{width:100%;min-width:460px;border-collapse:collapse;text-align:left}.an-receipt-table td,.an-receipt-table th{padding:12px 8px;border-bottom:1px solid #203f47;font-size:11px}.an-receipt-table th{color:#789eaa;font-weight:450;font-size:9px}.an-receipt-table td{color:#b2cdd3}.an-sample-lock{font-size:10px;color:#75b6bb;border-left:2px solid #2f989b;padding-left:12px}.an-earnings .an-chart-detail{margin-bottom:0}
@media(max-width:760px){.an-earnings-summary{padding:16px;gap:10px;grid-template-columns:1fr 1fr}.an-earnings-summary>div:last-child{grid-column:1/-1}.an-earnings-summary strong{font-size:20px}.an-receipts{padding:0 16px 12px}.an-receipt-form{grid-template-columns:1fr 1fr}.an-receipt-form>label:first-child{grid-column:1/-1}.an-hero-summary .an-source-tag{display:block;margin:6px 0}.an-tabs{gap:19px}}
/* v2: same look as the rest of VEXO (shell cards, blue accents). Old studio frame/sidebar removed. */
.an-v2.an-workspace{display:block;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;min-height:0}
.an-v2 .an-main{padding:0;background:none}
.an-v2 .an-studio-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin:0 0 18px;padding:0;border:0}
.an-v2 .an-studio-header h1{font-size:clamp(28px,3vw,38px);letter-spacing:-.02em;margin:6px 0 6px;color:#f5f7fa}
.an-v2 .an-studio-header h1 span{color:#5b8cff}
.an-v2 .an-studio-header p{color:#969da8;margin:0}
.an-v2 .an-studio-link{color:#7aa2ff;font-size:13px;text-decoration:none;display:inline-flex;gap:4px;align-items:center;white-space:nowrap}
.an-v2 .an-studio-link svg{width:14px;height:14px}
.an-v2 .an-tabs{display:flex;gap:6px;flex-wrap:wrap;border:0;margin:0 0 16px;padding:0}
.an-v2 .an-tabs a{padding:8px 14px;border-radius:999px;border:1px solid rgba(120,150,220,.14);background:rgba(14,20,36,.7);color:#aab4cc;text-decoration:none;font-size:13px}
.an-v2 .an-tabs a::after{display:none}
.an-v2 .an-tabs a[aria-current="page"],.an-v2 .an-tabs a:hover{border-color:rgba(91,140,255,.55);color:#e6ecff;background:rgba(91,140,255,.12)}
.an-v2 .panel,.an-v2 .an-hero-chart,.an-v2 .an-metric,.an-v2 .an-today,.an-v2 figure.an-chart{border:1px solid rgba(120,150,220,.14)!important;border-radius:16px!important;background:rgba(12,18,32,.72)!important;box-shadow:none!important}
.an-v2 .an-hero-chart{padding:20px}
.an-v2 .an-metric-label svg,.an-v2 .an-chart-empty svg,.an-v2 .an-insights li svg{color:#7aa2ff}
.an-v2 .an-metric>strong,.an-v2 .an-hero-summary strong{color:#f5f7fa}
.an-v2 .an-metric small,.an-v2 .an-hero-summary p,.an-v2 .an-period-label,.an-v2 .an-comparison,.an-v2 .an-footnote{color:#8592ad}
.an-v2 .an-secure-dot,.an-v2 .an-active-dot{background:#4385ff;box-shadow:0 0 0 3px rgba(67,133,255,.18)}
.an-v2 .notice{border-radius:12px;border:1px solid rgba(120,150,220,.18);background:rgba(91,140,255,.08);color:#c9d5ea}
.an-v2 .an-table-wrap{border-radius:12px;border-color:rgba(120,150,220,.14)}
.an-v2 .an-section-heading a{color:#7aa2ff}
@media (max-width:620px){.an-v2 .an-studio-header{flex-direction:column;align-items:flex-start}}