.analytics-360{--a360-bg:var(--surface,var(--card,#181922));--a360-bg-2:var(--surface2,var(--panel,#20212b));--a360-bg-3:var(--surface3,#292a35);--a360-border:var(--border,var(--line,#343642));--a360-text:var(--text,#f3f4f8);--a360-muted:var(--muted,var(--text2,#9a9cab));--a360-accent:var(--accent,#6c63ff);--a360-good:var(--green,var(--accent3,#43e97b));--a360-warning:var(--yellow,var(--accent4,#ffcb45));--a360-danger:var(--red,var(--accent2,#ff6b6b));--a360-info:var(--blue,var(--accent,#4db8ff));display:grid;gap:14px;color:var(--a360-text)}
.analytics-360 [hidden]{display:none!important}
.a360-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.a360-filters{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr)) minmax(190px,1.45fr) auto auto;gap:9px;align-items:end;padding:14px;border:1px solid var(--a360-border);border-radius:15px;background:var(--a360-bg)}
.a360-filters label{display:grid;gap:6px;min-width:0}.a360-filters label>span{color:var(--a360-muted);font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.a360-filters input,.a360-filters select{width:100%;min-height:42px;padding:9px 11px;border:1px solid var(--a360-border);border-radius:9px;outline:0;background:var(--a360-bg-2);color:var(--a360-text);font:600 13px 'DM Sans',sans-serif}.a360-filters input:focus,.a360-filters select:focus{border-color:var(--a360-accent);box-shadow:0 0 0 3px rgba(108,99,255,.12)}
.a360-button{min-height:42px;padding:9px 14px;border:1px solid var(--a360-accent);border-radius:9px;background:var(--a360-accent);color:#fff;font:800 12px 'DM Sans',sans-serif;cursor:pointer}.a360-button.secondary{border-color:var(--a360-border);background:var(--a360-bg-2);color:var(--a360-muted)}.a360-button:hover{filter:brightness(1.08)}
.a360-status{min-height:17px;color:var(--a360-muted);font-size:11px;text-align:right}.a360-status.success{color:var(--a360-good)}.a360-status.error{color:var(--a360-danger)}.analytics-360.is-loading [data-a360-output]{opacity:.58;transition:opacity .16s}.analytics-360.is-loading .a360-button{cursor:progress}
.a360-result{display:grid;gap:14px}.a360-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.a360-heading h2{margin:5px 0 4px;font-size:25px;letter-spacing:-.035em}.a360-heading p{margin:0;color:var(--a360-muted);font-size:13px}.a360-heading time{color:var(--a360-muted);font:500 11px 'DM Mono',monospace;white-space:nowrap}.a360-eyebrow{color:var(--a360-accent);font:800 11px 'DM Mono',monospace;letter-spacing:.1em}
.a360-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.a360-kpi{min-height:110px;padding:15px;border:1px solid var(--a360-border);border-radius:14px;background:linear-gradient(145deg,rgba(108,99,255,.045),var(--a360-bg))}.a360-kpi>span,.a360-kpi>strong,.a360-kpi>small{display:block}.a360-kpi>span{color:var(--a360-muted);font-size:11px;font-weight:800;text-transform:uppercase}.a360-kpi>strong{margin:9px 0 5px;font:750 25px 'DM Mono',monospace}.a360-kpi>small{color:var(--a360-muted);font-size:11px;line-height:1.4}.a360-kpi.a360-tone-good{border-color:rgba(67,233,123,.28)}.a360-kpi.a360-tone-good>strong{color:var(--a360-good)}.a360-kpi.a360-tone-warning{border-color:rgba(255,203,69,.3)}.a360-kpi.a360-tone-warning>strong{color:var(--a360-warning)}.a360-kpi.a360-tone-danger{border-color:rgba(255,107,107,.3)}.a360-kpi.a360-tone-danger>strong{color:var(--a360-danger)}.a360-kpi.a360-tone-info>strong{color:var(--a360-info)}
.a360-cross{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:8px}.a360-cross article{padding:12px 13px;border:1px solid var(--a360-border);border-radius:12px;background:var(--a360-bg-2)}.a360-cross span,.a360-cross strong,.a360-cross small{display:block}.a360-cross span{min-height:27px;color:var(--a360-muted);font-size:11px;font-weight:800;text-transform:uppercase}.a360-cross strong{margin:5px 0;font:750 20px 'DM Mono',monospace}.a360-cross small{color:var(--a360-muted);font-size:11px;line-height:1.45}.a360-cross small b{color:var(--a360-text)}
.a360-main-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.a360-panel{min-width:0;padding:16px;border:1px solid var(--a360-border);border-radius:15px;background:var(--a360-bg)}.a360-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.a360-panel h3{margin:3px 0 0;font-size:15px}.a360-panel header p{margin:4px 0 0;color:var(--a360-muted);font-size:11px;line-height:1.45}.a360-trend{grid-column:1/-1}.a360-legend{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;color:var(--a360-muted);font-size:11px}.a360-legend span{display:flex;align-items:center;gap:5px}.a360-legend i{width:8px;height:8px;border-radius:3px}
.a360-chart{display:flex;align-items:stretch;gap:5px;height:210px;padding-top:8px;overflow-x:auto;border-bottom:1px solid var(--a360-border)}.a360-trend-column{display:grid;grid-template-rows:1fr 28px;flex:1 0 38px;min-width:38px}.a360-bars{display:flex;align-items:flex-end;justify-content:center;gap:2px;height:100%;border-bottom:1px solid rgba(255,255,255,.035)}.a360-bar{display:block;width:min(11px,42%);height:var(--a360-height);min-height:0;border-radius:4px 4px 1px 1px;transition:height .2s}.a360-series-0{background:var(--a360-accent)}.a360-series-1{background:var(--a360-info)}.a360-series-2{background:var(--a360-warning)}.a360-trend-column>span{align-self:center;max-width:68px;overflow:hidden;color:var(--a360-muted);font:500 11px 'DM Mono',monospace;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.a360-table-wrap{max-height:390px;overflow:auto}.a360-table-wrap table{width:100%;border-collapse:collapse;font-size:12px}.a360-table-wrap th{position:sticky;top:0;z-index:1;padding:9px 8px;background:var(--a360-bg);color:var(--a360-muted);font-size:11px;text-align:left;text-transform:uppercase}.a360-table-wrap td{padding:10px 8px;border-top:1px solid var(--a360-border);vertical-align:top}.a360-table-wrap tr:hover td{background:rgba(108,99,255,.04)}.a360-table-wrap .a360-numeric{font-family:'DM Mono',monospace;text-align:right}.a360-table-wrap th:last-child{text-align:right}
.a360-empty{display:grid;place-items:center;min-height:120px;padding:24px;border:1px dashed var(--a360-border);border-radius:11px;color:var(--a360-muted);font-size:12px;text-align:center}.a360-notes{padding:13px 15px;border:1px solid rgba(77,184,255,.2);border-radius:12px;background:rgba(77,184,255,.055);color:var(--a360-muted);font-size:11px;line-height:1.55}.a360-notes>strong{color:#b9dfff;font-size:12px}.a360-notes ul{margin:6px 0 0;padding-left:17px}.a360-notes li+li{margin-top:4px}
.a360-skeleton{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.a360-skeleton i{height:105px;border-radius:14px;background:linear-gradient(100deg,var(--a360-bg) 20%,var(--a360-bg-2) 45%,var(--a360-bg) 70%);background-size:220% 100%;animation:a360-pulse 1.25s linear infinite}@keyframes a360-pulse{to{background-position:-220% 0}}
@media(max-width:1050px){.a360-filters{grid-template-columns:repeat(3,minmax(130px,1fr))}.a360-product-filter{grid-column:span 2}.a360-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.a360-filters,.a360-main-grid{grid-template-columns:1fr}.a360-product-filter,.a360-trend{grid-column:auto}.a360-filters .a360-button{width:100%}.a360-heading{display:block}.a360-heading time{display:block;margin-top:8px}.a360-kpis,.a360-skeleton{grid-template-columns:1fr 1fr}.a360-panel{padding:13px}.a360-chart{height:175px}.a360-legend{justify-content:flex-start}}
@media(max-width:430px){.a360-kpis,.a360-skeleton{grid-template-columns:1fr}.a360-kpi{min-height:92px}.a360-heading h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.a360-skeleton i{animation:none}.a360-bar{transition:none}}