.analytics-dashboard{display:flex;flex-direction:column;gap:20px;padding:24px;background:#f1f5f9;min-height:calc(100vh - 60px);color:#0f172a}.analytics-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.analytics-header h1{margin:0;font-size:26px;font-weight:800;color:#0f172a;letter-spacing:-.5px}.analytics-subtitle{margin:4px 0 0;font-size:12px;color:#64748b}.analytics-range-pills{display:flex;gap:6px;background:#fff;padding:4px;border-radius:999px;border:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.06)}.analytics-range-pills button{padding:6px 14px;border:none;background:transparent;color:#64748b;border-radius:999px;cursor:pointer;font-size:13px;font-weight:500;transition:all .15s}.analytics-range-pills button.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 2px 8px rgba(99,102,241,.4)}.analytics-range-pills button:hover:not(.active){background:#f1f5f9;color:#0f172a}.analytics-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.kpi-card{background:#fff;border-radius:16px;padding:20px 22px;position:relative;border:1px solid #e2e8f0;box-shadow:0 1px 4px rgba(0,0,0,.05),0 4px 12px rgba(99,102,241,.06);overflow:hidden;transition:box-shadow .2s,transform .2s}.kpi-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.1);transform:translateY(-1px)}.kpi-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:inline-flex;align-items:center;justify-content:center;color:#fff;margin-bottom:12px}.kpi-label{font-size:12px;color:#64748b;margin-bottom:4px;letter-spacing:.3px;font-weight:500}.kpi-value{font-size:30px;font-weight:800;color:#0f172a;line-height:1.1;letter-spacing:-.5px}.kpi-delta{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;gap:2px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:700}.kpi-delta.up{background:#dcfce7;color:#16a34a}.kpi-delta.down{background:#fee2e2;color:#dc2626}.analytics-section{border-radius:16px;padding:22px 24px;border:1px solid transparent}.analytics-section h2{margin:0 0 4px;font-size:17px;font-weight:700;letter-spacing:-.3px}.analytics-section .zone-subtitle{margin:0 0 14px;font-size:12px;font-weight:500;color:#475569!important;letter-spacing:.1px}.zone-traffic .zone-subtitle{color:#1e40af!important}.zone-geo .zone-subtitle{color:#166534!important}.zone-device .zone-subtitle{color:#be123c!important;opacity:.85}.zone-source .zone-subtitle{color:#92400e!important}.zone-pages .zone-subtitle{color:#334155!important}.zone-products .zone-subtitle{color:#6b21a8!important}.zone-realtime .zone-subtitle{color:#155e75!important}.analytics-full{grid-column:1/-1}.zone-traffic{background:linear-gradient(135deg,#eff6ff,#e0f2fe);border-color:#bfdbfe}.zone-traffic h2{color:#1e40af}.zone-geo{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#bbf7d0}.zone-geo h2{color:#166534}.zone-device{background:linear-gradient(135deg,#fff1f2,#ffe4e6)!important;border-color:#fda4af!important}.zone-device h2{color:#be123c!important;font-weight:700!important}.zone-source{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fde68a}.zone-source h2{color:#92400e}.zone-pages{background:#fff;border-color:#e2e8f0}.zone-pages h2{color:#0f172a}.zone-products{background:linear-gradient(135deg,#faf5ff,#ede9fe);border-color:#ddd6fe}.zone-products h2{color:#6d28d9}.zone-realtime{background:linear-gradient(135deg,#ecfeff,#cffafe);border-color:#a5f3fc}.zone-realtime h2{color:#155e75}.analytics-2col{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width:900px){.analytics-2col{grid-template-columns:1fr}}.geo-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.geo-row{display:grid;grid-template-columns:130px 1fr 40px;align-items:center;gap:12px;font-size:13px;background:hsla(0,0%,100%,.6);border-radius:8px;padding:6px 10px}.geo-label{display:flex;align-items:center;gap:6px}.geo-flag{font-size:16px}.geo-country{color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;font-size:12px}.geo-bar-wrap{height:8px;background:rgba(0,0,0,.06);border-radius:999px;overflow:hidden}.geo-bar{height:100%;background:linear-gradient(90deg,#22c55e,#10b981);border-radius:999px;transition:width .5s ease}.geo-uv{text-align:right;font-weight:800;color:#166534;font-size:12px}.top-table{width:100%;border-collapse:collapse;font-size:13px}.top-table th{text-align:left;padding:8px 12px;color:#64748b;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0;background:#f8fafc}.top-table td{padding:10px 12px;border-bottom:1px solid #f1f5f9;color:#0f172a;font-weight:500}.top-table .num{text-align:right;font-weight:800;color:#0f172a}.top-table .mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:#64748b}.rank{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:#eff6ff;color:#3b82f6;border-radius:6px;font-size:11px;font-weight:800}.top-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.top-product-card{background:hsla(0,0%,100%,.8);border:1px solid #ddd6fe;border-radius:12px;padding:14px;position:relative;transition:all .2s}.top-product-card:hover{border-color:#8b5cf6;box-shadow:0 4px 12px rgba(139,92,246,.15);transform:translateY(-1px)}.top-product-rank{position:absolute;top:8px;right:12px;font-size:10px;color:#8b5cf6;font-weight:800}.top-product-path{font-size:12px;color:#0f172a;margin-bottom:8px;font-weight:600;word-break:break-all;line-height:1.4}.top-product-stats{display:flex;gap:10px;font-size:11px;color:#64748b;font-weight:600}.top-product-stats span{display:inline-flex;align-items:center;gap:3px}.zone-source .recharts-default-tooltip{background:#fff!important;border:1px solid #fde68a!important;border-radius:8px!important;box-shadow:0 4px 12px rgba(0,0,0,.1)!important}.analytics-dashboard .recharts-text{fill:#374151;font-weight:600}.analytics-dashboard .recharts-cartesian-axis-tick-value{fill:#64748b;font-size:11px}.analytics-dashboard .recharts-tooltip-wrapper{outline:none}.analytics-dashboard .recharts-default-tooltip{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:10px!important;box-shadow:0 8px 24px rgba(0,0,0,.1)!important;padding:10px 14px!important}.analytics-dashboard .recharts-tooltip-label{font-weight:700!important;color:#0f172a!important;margin-bottom:4px!important;font-size:12px!important}.analytics-dashboard .recharts-legend-item-text,.analytics-dashboard .recharts-tooltip-item{color:#374151!important;font-size:12px!important}.analytics-dashboard .recharts-legend-item-text{font-weight:600!important}.analytics-error,.analytics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:#fff;border-radius:16px;color:#64748b;gap:12px;border:1px solid #e2e8f0}.analytics-error{color:#dc2626}.analytics-empty{padding:40px;text-align:center;color:#94a3b8;font-size:13px}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.realtime-table .path-cell{max-width:280px}.zone-device .recharts-legend-item-text,.zone-source .recharts-legend-item-text{color:#374151!important;font-size:12px!important}