:root{--bg-primary: #060d1a;--bg-secondary: #0f1c2e;--bg-tertiary: #0a1628;--border: #1e3a5f;--border-glow: rgba(59, 130, 246, .25);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #475569;--accent: #f59e0b;--accent-hover: #d97706;--blue: #3b82f6;--blue-dark: #1d4ed8;--green: #22c55e;--red: #ef4444;--glass-bg: rgba(15, 28, 46, .85);--glass-border: rgba(59, 130, 246, .12);--glass-blur: blur(18px);--shadow-card: 0 4px 24px rgba(0, 0, 0, .45), 0 1px 4px rgba(59, 130, 246, .08);--shadow-card-hover: 0 14px 40px rgba(0, 0, 0, .55), 0 2px 10px rgba(59, 130, 246, .18);--shadow-glow-amber: 0 0 22px rgba(245, 158, 11, .35);--shadow-glow-blue: 0 0 22px rgba(59, 130, 246, .35);--radius-card: 16px;--radius-btn: 12px;--transition: .2s ease;--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--cosmic-card-bg: rgba(8, 10, 15, 1);--cosmic-card-border: rgba(255, 255, 255, .06);--cosmic-border: rgba(255, 255, 255, .08);--cosmic-shadow: 0 4px 30px rgba(0,0,0,.5), 0 0 1px rgba(255,255,255,.03);--cosmic-shadow-hover: 0 8px 40px rgba(0,0,0,.6), 0 0 1px rgba(255,255,255,.06);--cosmic-tooltip-bg: rgba(8, 10, 15, .98);--cosmic-input-bg: rgba(12, 14, 20, .95);--cosmic-glass-bg: rgba(8, 10, 15, .98);--cosmic-glass-border: rgba(255, 255, 255, .06);--cosmic-text-primary: #c8ccd0;--cosmic-text-secondary: #6b7280;--cosmic-text-muted: #4b5563;--cosmic-text-dim: #374151;--cosmic-row-alt: rgba(255, 255, 255, .02);--cosmic-row-hover: rgba(255, 255, 255, .03);--cosmic-divider: rgba(255, 255, 255, .06);--cosmic-badge-bg: rgba(255, 255, 255, .04);--cosmic-btn-blue-bg: transparent;--cosmic-btn-blue-border: rgba(255, 255, 255, .15);--cosmic-btn-blue-text: #9ca3af;--cosmic-progress-track: rgba(255, 255, 255, .06);--cosmic-green-bg: rgba(34, 197, 94, .06);--cosmic-green-border: rgba(34, 197, 94, .12);--cosmic-amber-bg: rgba(245, 158, 11, .06);--cosmic-amber-border: rgba(245, 158, 11, .12);--cosmic-red-bg: rgba(239, 68, 68, .06);--cosmic-red-border: rgba(239, 68, 68, .12);--cosmic-blue-bg: rgba(255, 255, 255, .03);--cosmic-blue-border: rgba(255, 255, 255, .08);--cosmic-purple-bg: rgba(255, 255, 255, .03);--cosmic-purple-border: rgba(255, 255, 255, .08);--cosmic-podium-bg: rgba(12, 14, 20, .9);--cosmic-accent: #c0c0c0;--cosmic-accent-hover: #a0a0a0;--cosmic-accent-gradient: linear-gradient(135deg, #b8b8b8, #8a8a8a);--cosmic-accent-glow: 0 0 22px rgba(192, 192, 192, .25)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg-primary);color:var(--text-primary);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}input,select,textarea,button{font-family:inherit}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#1e3a5f;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#2d5080}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.glass-card{background:var(--cosmic-card-bg)!important;border:1px solid var(--cosmic-card-border)!important;border-radius:var(--radius-card)!important;box-shadow:var(--cosmic-shadow)!important;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)!important;overflow:hidden}.glass-card:hover{transform:translateY(-2px);box-shadow:var(--cosmic-shadow-hover)!important;border-color:#ffffff26!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInFast{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(110%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(110%)}}@keyframes slideInTab{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes shimmerSlide{0%{background-position:200% 50%}to{background-position:-200% 50%}}@keyframes pulseGlow{0%,to{box-shadow:0 0 8px #f59e0b40}50%{box-shadow:0 0 22px #f59e0ba6}}@keyframes heartPop{0%{transform:scale(1)}35%{transform:scale(1.45)}65%{transform:scale(.88)}to{transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes progressShimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes stepPulse{0%,to{box-shadow:0 0 6px #f59e0b4d;transform:scale(1)}50%{box-shadow:0 0 18px #f59e0bb3;transform:scale(1.15)}}@keyframes stepCheck{0%{transform:scale(0);opacity:0}50%{transform:scale(1.3)}to{transform:scale(1);opacity:1}}@keyframes progressGlow{0%,to{box-shadow:0 0 8px #22c55e4d}50%{box-shadow:0 0 20px #22c55e99}}@keyframes ripple{to{transform:scale(2.5);opacity:0}}.fade-in{animation:fadeIn .3s ease forwards}.fade-in-fast{animation:fadeInFast .2s ease forwards}.slide-in-tab{animation:slideInTab .25s ease forwards;position:relative;z-index:1}.scale-in{animation:scaleIn .25s ease forwards}.navbar{background:#06080eeb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 1px 20px #00000080;position:sticky;top:0;z-index:200;transition:box-shadow .3s ease}.tab-btn{position:relative;padding:8px 14px;border:none;cursor:pointer;font-weight:600;font-size:13px;letter-spacing:.3px;border-radius:8px;background:transparent;color:#6b7280;transition:color .2s ease,background .2s ease;white-space:nowrap;outline:none;overflow:hidden}.tab-btn:hover{color:#d1d5db;background:#ffffff0a}.tab-btn.active{background:#ffffff0f;color:#f3f4f6;box-shadow:none}.tab-btn.active:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:60%;height:2px;background:linear-gradient(90deg,transparent,rgba(200,200,210,.6),transparent);border-radius:99px}.logo-icon{display:inline-block;animation:float 3.5s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(245,158,11,.5))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:var(--radius-btn);padding:8px 16px;font-weight:700;font-size:13px;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),opacity var(--transition);white-space:nowrap;outline:none;position:relative;overflow:hidden}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0) scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#000}.btn-primary:hover{box-shadow:var(--shadow-glow-amber)}.btn-blue{background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff}.btn-blue:hover{box-shadow:var(--shadow-glow-blue)}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.btn-ghost:hover{border-color:#3b82f666;color:var(--text-primary);background:#3b82f60f}.skeleton{background:linear-gradient(90deg,#0f1c2e 25%,#1a2e46,#0f1c2e 75%);background-size:200% 100%;animation:shimmer 1.5s ease infinite;border-radius:8px}.skeleton-text{height:14px;margin-bottom:8px;border-radius:4px}.skeleton-title{height:20px;width:72%;border-radius:4px}.skeleton-img{height:132px;width:100%;border-radius:0}.skeleton-btn{height:36px;border-radius:10px}.skeleton-card{background:#0f1c2ed1;border:1px solid rgba(30,58,95,.45);border-radius:16px;overflow:hidden}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{pointer-events:all;min-width:250px;max-width:380px;padding:13px 16px;border-radius:14px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:10px;box-shadow:0 8px 36px #0000008c;animation:slideInRight .3s ease forwards;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);cursor:pointer}.toast.hiding{animation:slideOutRight .32s ease forwards}.toast-success{background:#22c55e21;border:1px solid rgba(34,197,94,.38);color:#86efac}.toast-error{background:#ef444421;border:1px solid rgba(239,68,68,.38);color:#fca5a5}.toast-info{background:#3b82f621;border:1px solid rgba(59,130,246,.38);color:#93c5fd}.toast-warning{background:#f59e0b21;border:1px solid rgba(245,158,11,.38);color:#fcd34d}.tooltip-wrap{position:relative;display:inline-flex}.tooltip-label{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#081222f7;border:1px solid rgba(59,130,246,.2);color:#cbd5e1;font-size:11px;font-weight:600;padding:5px 10px;border-radius:8px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease;box-shadow:0 4px 18px #00000080;z-index:1000}.tooltip-label:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#3b82f633}.tooltip-wrap:hover .tooltip-label{opacity:1}.heart-pop{animation:heartPop .4s ease forwards}.focus-mode .navbar,.focus-mode .app-footer{display:none!important}input:focus,select:focus,textarea:focus{outline:none;border-color:#3b82f67a!important;box-shadow:0 0 0 3px #3b82f61a!important;transition:border-color .15s ease,box-shadow .15s ease}.score-badge{animation:pulseGlow 2.5s ease infinite}@media(max-width:640px){.navbar-inner{flex-wrap:wrap;padding:8px 12px!important;gap:6px!important}.navbar-tabs{gap:1px!important;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap!important;order:3;width:100%;justify-content:flex-start!important}.navbar-tabs::-webkit-scrollbar{display:none}.tab-btn{font-size:10px!important;padding:6px 7px!important}.logo-subtitle{display:none}.hide-mobile{display:none!important}.toast-container{bottom:12px;right:12px;left:12px}.toast{max-width:100%;min-width:unset}}@media(max-width:480px){.tab-btn{font-size:9px!important;padding:5px!important}}.theme-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:transparent;cursor:pointer;font-size:15px;transition:background var(--transition),border-color var(--transition),transform var(--transition);color:var(--text-secondary)}.theme-toggle:hover{background:#f59e0b1a;border-color:#f59e0b66;transform:rotate(20deg)}.card-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-card)}.gradient-text{background:linear-gradient(135deg,var(--accent),#fb923c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fab{position:fixed;bottom:20px;right:20px;z-index:900}.fab button{box-shadow:0 8px 30px #3b82f680;transition:transform var(--transition),box-shadow var(--transition)}.fab button:hover{transform:translateY(-3px);box-shadow:0 12px 36px #3b82f6a6}.kpi-hero-section{position:relative;overflow:hidden}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media(max-width:1200px){.kpi-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.kpi-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:8px;scrollbar-width:none}.kpi-grid::-webkit-scrollbar{display:none}.kpi-grid>*{min-width:200px;scroll-snap-align:start;flex-shrink:0}}.kpi-card{background:#0f1c2ee0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(59,130,246,.12);border-radius:16px;padding:18px;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000059;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;animation:fadeIn .35s ease backwards;animation-delay:calc(var(--i, 0) * 70ms)}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--kpi-color, #3b82f6);opacity:.5;transition:opacity .2s ease}.kpi-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px #00000080,0 0 16px color-mix(in srgb,var(--kpi-color, #3b82f6) 25%,transparent);border-color:color-mix(in srgb,var(--kpi-color, #3b82f6) 30%,transparent)}.kpi-card:hover:before{opacity:1}.kpi-card:active{transform:translateY(-2px) scale(.98)}.kpi-value{font-size:28px;font-weight:900;line-height:1.1;margin-bottom:4px;letter-spacing:-.5px}.kpi-label{font-size:12px;color:#94a3b8;font-weight:600;margin-bottom:6px}.kpi-comp{font-size:11px;font-weight:600;display:flex;align-items:center;gap:3px}.kpi-icon{display:inline-block;transition:transform .2s ease}.kpi-card:hover .kpi-icon{transform:scale(1.15)}.kpi-info{position:absolute;top:10px;right:10px;width:18px;height:18px;border-radius:50%;background:#64748b26;display:flex;align-items:center;justify-content:center;font-size:10px;color:#64748b;cursor:help;opacity:0;transition:opacity .2s ease}.kpi-info:after{content:"i";font-style:italic;font-weight:700;font-family:serif}.kpi-card:hover .kpi-info{opacity:1}.kpi-tooltip{position:absolute;top:calc(100% + 6px);right:0;width:260px;background:#081222f7;border:1px solid rgba(59,130,246,.2);border-radius:12px;padding:14px;box-shadow:0 8px 32px #00000080;z-index:500;pointer-events:none}.kpi-card-skeleton{background:#0f1c2eb3;border:1px solid rgba(30,58,95,.3);border-radius:16px;padding:18px;animation:fadeIn .3s ease backwards;animation-delay:calc(var(--i, 0) * 50ms)}.streak-badge{display:inline-flex;align-items:center;gap:4px;background:#f59e0b26;border:1px solid rgba(245,158,11,.35);color:#f59e0b;font-size:12px;font-weight:800;padding:3px 10px;border-radius:20px;animation:pulseGlow 2.5s ease infinite}.milestone-badge{display:inline-flex;align-items:center;gap:3px;background:#a78bfa1f;border:1px solid rgba(167,139,250,.3);color:#a78bfa;font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;text-transform:capitalize}.confetti-container{position:fixed;top:0;left:0;right:0;height:100vh;pointer-events:none;z-index:9998;overflow:hidden}@keyframes confettiFall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(var(--rot, 360deg));opacity:0}}.confetti-piece{position:absolute;top:-10px;left:var(--x, 50%);width:8px;height:8px;background:var(--color, #f59e0b);border-radius:2px;animation:confettiFall 3s ease-in forwards;animation-delay:var(--delay, 0s)}.chart-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media(max-width:1200px){.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.chart-grid{grid-template-columns:1fr}}.chart-card{background:#0f1c2ee0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(59,130,246,.12);border-radius:20px;padding:20px;min-width:0;overflow:hidden;box-shadow:0 4px 24px #0000004d,inset 0 1px #ffffff08;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;animation:fadeIn .35s ease backwards;animation-delay:calc(var(--i, 0) * 80ms)}.chart-card:hover{transform:translateY(-3px);box-shadow:0 8px 40px #00000073,inset 0 1px #ffffff0d;border-color:#3b82f640}.chart-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:8px}.chart-card-title{font-weight:800;font-size:14px;color:#f8fafc;display:flex;align-items:center;gap:8px}.chart-card-subtitle{font-size:11px;color:#64748b;margin-top:2px}.chart-pill-group{display:flex;gap:3px;background:#0a162899;border-radius:8px;padding:2px}.chart-pill{padding:4px 10px;border:none;border-radius:6px;font-size:10px;font-weight:700;cursor:pointer;background:transparent;color:#64748b;transition:all .2s ease;font-family:inherit}.chart-pill:hover{color:#94a3b8}.chart-pill.active{background:linear-gradient(135deg,#f59e0b,#d97706);color:#000;box-shadow:0 2px 8px #f59e0b4d}.chart-insight{margin-top:12px;font-size:12px;color:#60a5fa;font-weight:600;display:flex;align-items:center;gap:6px}.chart-badge{display:inline-flex;align-items:center;gap:4px;background:#f59e0b1f;border:1px solid rgba(245,158,11,.3);color:#f59e0b;font-size:10px;font-weight:800;padding:2px 8px;border-radius:12px;animation:pulseGlow 2.5s ease infinite}.heatmap-container{overflow-x:auto;padding:4px 0}.heatmap-cell{transition:opacity .15s ease}.heatmap-cell:hover{opacity:.8;stroke:#f8fafc;stroke-width:1}.heatmap-tooltip{position:absolute;background:#081222f7;border:1px solid #1e3a5f;border-radius:10px;padding:10px 14px;font-size:11px;color:#cbd5e1;box-shadow:0 8px 24px #0009;pointer-events:none;z-index:600;white-space:nowrap}.focus-dashboard-overlay{position:fixed;inset:0;z-index:1500;background:#060d1af2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overflow-y:auto;padding:24px;animation:scaleIn .25s ease}.focus-dashboard-overlay .chart-grid{grid-template-columns:repeat(2,1fr)}@media(max-width:768px){.focus-dashboard-overlay .chart-grid{grid-template-columns:1fr}}.activity-insight-bar{background:#0f1c2eb3;border:1px solid rgba(59,130,246,.12);border-radius:14px;padding:14px 18px;margin-top:20px;font-size:13px;color:#94a3b8;line-height:1.6}.ranking-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media(max-width:768px){.ranking-grid{grid-template-columns:1fr}}.focus-dashboard-overlay .ranking-grid{grid-template-columns:repeat(2,1fr)}.ranking-card{background:#0f1c2ea6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(59,130,246,.12);border-radius:20px;padding:20px;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff08;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;animation:fadeIn .35s ease backwards;animation-delay:calc(var(--i, 0) * 80ms)}.ranking-card:hover{transform:translateY(-3px);box-shadow:0 12px 40px #00000073,inset 0 1px #ffffff0d;border-color:#3b82f640}.ranking-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:8px}.ranking-card-title{font-weight:800;font-size:14px;color:#f8fafc;display:flex;align-items:center;gap:8px}.ranking-card-subtitle{font-size:11px;color:#64748b;margin-top:2px}.ranking-count-badge{background:#3b82f626;border:1px solid rgba(59,130,246,.25);color:#60a5fa;font-size:11px;font-weight:800;padding:2px 10px;border-radius:20px;white-space:nowrap}.ranking-product-list{display:flex;flex-direction:column;gap:6px}.product-mini-card{display:flex;align-items:center;gap:10px;background:#0a162899;border:1px solid rgba(30,58,95,.4);border-radius:12px;padding:10px 12px;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .15s ease}.product-mini-card:hover{border-color:#3b82f666;background:#0a1628d9;transform:translate(3px)}.position-badge{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:13px;flex-shrink:0}.position-1{background:linear-gradient(135deg,#f59e0b,#d97706);color:#000;box-shadow:0 0 12px #f59e0b66;animation:pulseGlow 2.5s ease infinite}.position-2{background:linear-gradient(135deg,#94a3b8,#64748b);color:#fff}.position-3{background:linear-gradient(135deg,#cd7f32,sienna);color:#fff}.position-4,.position-5{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.2)}.product-mini-info{flex:1;min-width:0;overflow:hidden}.product-mini-name{font-weight:700;font-size:12px;color:#f8fafc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-mini-meta{font-size:10px;color:#64748b;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-mini-score{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:13px;flex-shrink:0;border:2px solid;background:#0003}.product-mini-fav{background:none;border:none;font-size:16px;cursor:pointer;padding:2px;transition:transform .2s ease;flex-shrink:0;line-height:1}.product-mini-fav:hover{transform:scale(1.2)}.ranking-insight{margin-top:12px;padding-top:10px;border-top:1px solid rgba(30,58,95,.3);font-size:12px;color:#60a5fa;font-weight:600;display:flex;align-items:center;gap:6px}.ranking-action-bar{display:flex;gap:8px;justify-content:center;margin-top:16px;flex-wrap:wrap}.ranking-export-btn{background:#3b82f61a;border:1px solid rgba(59,130,246,.25);border-radius:10px;padding:8px 18px;color:#60a5fa;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:inherit}.ranking-export-btn:hover{background:#3b82f633;border-color:#3b82f666;transform:translateY(-1px)}@media(max-width:768px){.product-mini-card .mini-sparkline-wrap{display:none}.product-mini-card{gap:8px;padding:8px 10px}.position-badge{width:28px;height:28px;font-size:11px}.product-mini-score{width:32px;height:32px;font-size:12px}.ranking-card{padding:16px}}@media(max-width:480px){.ranking-card{padding:14px;border-radius:16px}.product-mini-name{font-size:11px}.product-mini-meta{font-size:9px}}.cat-score-table{background:#0f1c2ea6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(59,130,246,.12);border-radius:20px;padding:20px;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff08;animation:fadeIn .35s ease backwards;animation-delay:calc(var(--i, 0) * 80ms);overflow-x:auto}.cat-score-table table{width:100%;border-collapse:collapse;min-width:500px}.cat-score-table th{font-size:10px;color:#64748b;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:8px 6px;border-bottom:1px solid rgba(30,58,95,.4);white-space:nowrap;user-select:none;cursor:pointer;transition:color .2s ease;text-align:left}.cat-score-table th:hover{color:#94a3b8}.cat-score-table th.active{color:#60a5fa}.cat-score-table td{padding:10px 6px;font-size:12px;color:#cbd5e1;border-bottom:1px solid rgba(30,58,95,.2);white-space:nowrap}.cat-score-table tr{cursor:pointer;transition:background .2s ease}.cat-score-table tbody tr:hover{background:#3b82f60f}.cat-heatmap-wrap{background:#0f1c2ea6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(59,130,246,.12);border-radius:20px;padding:20px;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff08;animation:fadeIn .35s ease backwards;animation-delay:calc(var(--i, 0) * 80ms);overflow-x:auto}.cat-heatmap-wrap rect{transition:opacity .15s ease}.cat-heatmap-wrap rect:hover{opacity:.8;stroke:#f8fafc;stroke-width:1.5}.cat-best-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.cat-best-card{background:#0f1c2ea6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(59,130,246,.12);border-radius:14px;padding:14px;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;animation:fadeIn .35s ease backwards;animation-delay:calc(var(--i, 0) * 60ms)}.cat-best-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0006;border-color:#3b82f64d}@media(max-width:768px){.cat-score-table{padding:14px;border-radius:16px}.cat-score-table table{min-width:400px}.cat-heatmap-wrap{padding:14px;border-radius:16px}.cat-best-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.cat-best-card{padding:12px;border-radius:12px}}@media(max-width:480px){.cat-score-table table{min-width:300px}.cat-score-table td{font-size:11px;padding:8px 4px}.cat-score-table th{font-size:9px;padding:6px 4px}.cat-best-grid{grid-template-columns:1fr}}.alert-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(max-width:768px){.alert-grid{grid-template-columns:1fr}}.focus-dashboard-overlay .alert-grid{grid-template-columns:repeat(2,1fr)}.alert-card{background:#0f1c2ea6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:18px;padding:16px;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff08;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;animation:fadeIn .35s ease backwards;animation-delay:calc(var(--i, 0) * 60ms);cursor:pointer}.alert-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0006,inset 0 1px #ffffff0d}.alert-card-opportunity{border:1px solid rgba(34,197,94,.25)}.alert-card-opportunity:hover{border-color:#22c55e80;box-shadow:0 12px 40px #22c55e1a}.alert-card-warning{border:1px solid rgba(245,158,11,.25)}.alert-card-warning:hover{border-color:#f59e0b80;box-shadow:0 12px 40px #f59e0b1a}.alert-card-insight{border:1px solid rgba(59,130,246,.25)}.alert-card-insight:hover{border-color:#3b82f680;box-shadow:0 12px 40px #3b82f61a}.alert-card-celebration{border:1px solid rgba(168,85,247,.25)}.alert-card-celebration:hover{border-color:#a855f780;box-shadow:0 12px 40px #a855f71a}.alert-card-highlight{border:1px solid rgba(245,158,11,.35)}.alert-card-highlight:hover{border-color:#f59e0b99;box-shadow:0 12px 40px #f59e0b26}.alert-insight-card{background:#0f1c2eb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(59,130,246,.15);border-radius:20px;padding:20px;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff08;animation:fadeIn .35s ease backwards}.alert-season-banner{border-radius:20px;padding:20px;box-shadow:0 8px 32px #0000004d;animation:fadeIn .35s ease backwards;animation-delay:80ms;overflow:hidden;position:relative}.alert-season-banner:before{content:"";position:absolute;inset:0;background:#0f1c2e80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.alert-season-banner>*{position:relative;z-index:1}.alert-toggle{width:44px;height:24px;border-radius:12px;cursor:pointer;transition:background .2s ease;position:relative;flex-shrink:0}.alert-toggle:after{content:"";position:absolute;top:3px;width:18px;height:18px;border-radius:50%;transition:transform .2s ease,background .2s ease}.alert-toggle.on{background:#22c55e66}.alert-toggle.on:after{transform:translate(22px);background:#22c55e}.alert-toggle.off{background:#1e3a5f99}.alert-toggle.off:after{transform:translate(3px);background:#64748b}.alert-slider{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:#1e3a5f99;border-radius:2px;outline:none}.alert-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#3b82f6;cursor:pointer;transition:box-shadow .2s ease}.alert-slider::-webkit-slider-thumb:hover{box-shadow:0 0 8px #3b82f680}.alert-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#3b82f6;cursor:pointer;border:none}@media(max-width:768px){.alert-card{padding:14px;border-radius:16px}.alert-insight-card,.alert-season-banner{padding:16px;border-radius:16px}}@media(max-width:480px){.alert-card{padding:12px;border-radius:14px}}.tracker-kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.tracker-kpi-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-card);padding:20px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow-card);animation:card-in .5s ease both;animation-delay:calc(var(--i, 0) * .08s);transition:transform var(--transition),box-shadow var(--transition)}.tracker-kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.tracker-kpi-card .kpi-icon{font-size:22px;animation:float 3s ease-in-out infinite}.tracker-kpi-card .kpi-value{font-size:26px;font-weight:900;color:var(--text-primary);line-height:1.1}.tracker-kpi-card .kpi-label{font-size:12px;color:var(--text-secondary);font-weight:500}.tracker-podio{display:flex;align-items:flex-end;justify-content:center;gap:12px;margin:24px 0;padding:24px 16px}.tracker-podio-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border-radius:var(--radius-card);background:var(--glass-bg);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);width:180px;transition:transform var(--transition)}.tracker-podio-item:hover{transform:translateY(-4px)}.tracker-podio-item.gold{min-height:200px;border-color:#f59e0b66;box-shadow:0 0 20px #f59e0b26}.tracker-podio-item.silver{min-height:160px}.tracker-podio-item.bronze{min-height:140px}.tracker-podio-medal{font-size:32px}.tracker-podio-name{font-weight:700;font-size:13px;color:var(--text-primary);text-align:center;line-height:1.3}.tracker-podio-roi{font-size:22px;font-weight:900}.tracker-podio-profit{font-size:11px;color:var(--text-secondary)}.tracker-table-wrap{overflow-x:auto;border-radius:var(--radius-card);border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:var(--glass-blur);margin:16px 0}.tracker-table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}.tracker-table th{padding:12px 14px;text-align:left;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);border-bottom:1px solid var(--glass-border);cursor:pointer;user-select:none;transition:color var(--transition);position:sticky;top:0;background:var(--bg-secondary);z-index:2}.tracker-table th:hover{color:var(--accent)}.tracker-table th .sort-icon{margin-left:4px;font-size:10px;opacity:.5}.tracker-table th .sort-icon.active{opacity:1;color:var(--accent)}.tracker-table td{padding:10px 14px;border-bottom:1px solid rgba(30,58,95,.3);color:var(--text-primary)}.tracker-table tbody tr{transition:background var(--transition);cursor:pointer}.tracker-table tbody tr:hover{background:#3b82f60f}.tracker-table tbody tr:nth-child(2n){background:#0f1c2e4d}.tracker-table tbody tr:nth-child(2n):hover{background:#3b82f614}.tracker-table .row-totals{background:#3b82f614!important;font-weight:800}.tracker-table .row-totals td{border-top:2px solid var(--blue);padding-top:12px;padding-bottom:12px}.tracker-table .badge-estado{display:inline-block;padding:2px 10px;border-radius:8px;font-size:11px;font-weight:700}.tracker-alert-list{display:flex;flex-direction:column;gap:10px;margin:16px 0}.tracker-alert-item{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:var(--radius-card);background:var(--glass-bg);backdrop-filter:var(--glass-blur)}.tracker-alert-item.danger{border-left:3px solid var(--red)}.tracker-alert-item.warning{border-left:3px solid var(--accent)}.tracker-alert-item.info{border-left:3px solid var(--blue)}.tracker-alert-icon{font-size:20px;flex-shrink:0}.tracker-alert-text{flex:1;font-size:13px;color:var(--text-primary);line-height:1.4}.tracker-alert-product{font-weight:700;margin-right:6px}.tracker-proveedor-list{display:flex;flex-direction:column;gap:12px;margin:16px 0}.tracker-proveedor-row{display:flex;align-items:center;gap:12px}.tracker-proveedor-name{width:100px;font-size:13px;font-weight:600;color:var(--text-primary);flex-shrink:0}.tracker-proveedor-bar-bg{flex:1;height:28px;background:#1e3a5f4d;border-radius:8px;overflow:hidden;position:relative}.tracker-proveedor-bar-fill{height:100%;border-radius:8px;background:linear-gradient(90deg,var(--blue),#60a5fa);transition:width .6s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;padding:0 10px}.tracker-proveedor-bar-label{font-size:11px;font-weight:700;color:#fff;white-space:nowrap}.tracker-proveedor-count{font-size:12px;color:var(--text-secondary);width:80px;text-align:right;flex-shrink:0}.tracker-heatmap{display:grid;gap:6px;margin:16px 0}.tracker-heatmap-header{display:grid;grid-template-columns:140px repeat(3,1fr);gap:6px;font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:0 0 8px}.tracker-heatmap-row{display:grid;grid-template-columns:140px repeat(3,1fr);gap:6px;align-items:center}.tracker-heatmap-name{font-size:12px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tracker-heatmap-cell{height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;transition:transform var(--transition);cursor:default}.tracker-heatmap-cell:hover{transform:scale(1.05)}.tracker-simulator{background:var(--glass-bg);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-card);padding:24px;margin:16px 0}.tracker-simulator-label{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.tracker-simulator-slider{width:100%;height:6px;background:#1e3a5f80;border-radius:3px;outline:none;-webkit-appearance:none;appearance:none}.tracker-simulator-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 0 10px #f59e0b66}.tracker-simulator-result{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:16px}.tracker-simulator-stat{text-align:center;padding:12px;border-radius:12px;background:#0f1c2e80}.tracker-ia-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-card);padding:24px;margin:16px 0}.tracker-ia-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:var(--radius-btn);padding:12px 24px;color:#fff;font-weight:700;font-size:14px;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition)}.tracker-ia-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-blue)}.tracker-ia-result{margin-top:16px;display:grid;gap:12px}.tracker-ia-section{padding:14px;border-radius:12px;background:#0f1c2e80;border-left:3px solid var(--blue)}.tracker-cta{background:linear-gradient(135deg,#f59e0b1f,#d9770614);border:1px solid rgba(245,158,11,.25);border-radius:var(--radius-card);padding:28px;text-align:center;margin:24px 0}.tracker-cta-title{font-size:18px;font-weight:800;color:var(--text-primary);margin-bottom:8px}.tracker-cta-btn{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:var(--radius-btn);padding:12px 28px;color:#000;font-weight:800;font-size:14px;cursor:pointer;margin-top:12px;transition:transform var(--transition),box-shadow var(--transition)}.tracker-cta-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-amber)}.tracker-export-row{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.tracker-export-btn{display:flex;align-items:center;gap:6px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-btn);padding:10px 18px;color:var(--text-primary);font-weight:600;font-size:13px;cursor:pointer;transition:transform var(--transition),border-color var(--transition)}.tracker-export-btn:hover{transform:translateY(-1px);border-color:var(--accent)}.tracker-detail-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:fade-in .2s ease}.tracker-detail-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:20px;max-width:520px;width:100%;padding:28px;box-shadow:0 20px 60px #00000080;animation:modal-in .3s ease;max-height:85vh;overflow-y:auto}.tracker-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.tracker-detail-kpi{text-align:center;padding:14px 8px;border-radius:12px;background:#0f1c2e80}.tracker-detail-kpi-label{font-size:10px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.tracker-detail-kpi-value{font-size:18px;font-weight:800}.tracker-detail-roi{display:flex;align-items:center;justify-content:center;margin:16px 0}.tracker-detail-health{display:flex;gap:8px;margin-top:16px}.tracker-detail-health-bar{flex:1;height:8px;border-radius:4px;position:relative}.dashboard-section{margin-bottom:8px;border-radius:var(--radius-card);overflow:hidden;background:transparent}.dashboard-section-header{width:100%;display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-card);cursor:pointer;font-size:15px;font-weight:700;color:var(--text-primary);transition:background var(--transition),border-color var(--transition),box-shadow var(--transition);outline:none;text-align:left;font-family:inherit}.dashboard-section-header:hover{background:#0f1c2ef2;border-color:var(--border-glow);box-shadow:0 0 12px #3b82f61a}.dashboard-section-header[aria-expanded=true]{border-radius:var(--radius-card) var(--radius-card) 0 0;border-bottom-color:transparent}.dashboard-section-icon{font-size:20px;animation:float 3s ease-in-out infinite;flex-shrink:0}.dashboard-section-title{flex:1}.dashboard-section-badge{background:#f59e0b26;color:var(--accent);border:1px solid rgba(245,158,11,.3);border-radius:10px;padding:2px 10px;font-size:11px;font-weight:700;flex-shrink:0}.dashboard-section-chevron{font-size:12px;color:var(--text-secondary);transition:transform .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.dashboard-section-chevron.open{transform:rotate(180deg)}.dashboard-section-body{padding:20px 4px 4px;animation:accordion-open .35s ease}@keyframes accordion-open{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dashboard-nav{position:sticky;top:58px;z-index:40;display:flex;align-items:center;gap:8px;padding:10px 0;margin:20px 0 16px;background:#060d1af2;backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border)}.dashboard-nav-pills{display:flex;gap:6px;overflow-x:auto;flex:1;padding:2px 0;scrollbar-width:none}.dashboard-nav-pills::-webkit-scrollbar{display:none}.dashboard-nav-pill{display:flex;align-items:center;gap:4px;padding:6px 14px;border-radius:10px;border:1px solid var(--glass-border);background:transparent;color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all var(--transition);font-family:inherit}.dashboard-nav-pill:hover{border-color:var(--border-glow);color:var(--text-primary)}.dashboard-nav-pill.active{background:var(--accent);color:#000;border-color:var(--accent);font-weight:800}.dashboard-nav-toggle{padding:6px 14px;border-radius:10px;border:1px solid var(--glass-border);background:transparent;color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all var(--transition);font-family:inherit;flex-shrink:0}.dashboard-nav-toggle:hover{border-color:var(--accent);color:var(--accent)}@media(max-width:768px){.tracker-kpi-row{grid-template-columns:repeat(2,1fr);gap:10px}.tracker-podio{flex-wrap:wrap}.tracker-podio-item{width:140px;min-height:auto!important}.tracker-detail-grid{grid-template-columns:repeat(2,1fr)}.tracker-heatmap-header,.tracker-heatmap-row{grid-template-columns:100px repeat(3,1fr)}.dashboard-nav{top:50px}.dashboard-section-header{padding:14px 16px;font-size:14px}}@media(max-width:480px){.tracker-kpi-row{grid-template-columns:1fr}.tracker-podio-item{width:100%}.tracker-detail-grid{grid-template-columns:1fr}.tracker-heatmap-header,.tracker-heatmap-row{grid-template-columns:80px repeat(3,1fr);font-size:10px}.dashboard-section-header{padding:12px 14px;font-size:13px}.dashboard-nav-pill{font-size:11px;padding:5px 10px}}.sp-overlay{position:fixed;inset:0;background:#000c;backdrop-filter:blur(8px);z-index:4000;display:flex;align-items:flex-start;justify-content:center;padding:12px;overflow-y:auto}.sp-panel{background:linear-gradient(180deg,#060d1a,#0a1628);border:2px solid rgba(34,197,94,.2);border-radius:24px;padding:28px;max-width:1100px;width:100%;margin:12px auto 24px;box-shadow:0 24px 80px #0009}.sp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.sp-title{font-weight:900;font-size:20px;color:var(--text-primary);display:flex;align-items:center;gap:8px}.sp-version{background:#22c55e1a;font-size:10px;font-weight:800;padding:2px 8px;border-radius:20px;border:1px solid}.sp-subtitle{font-size:12px;color:var(--text-muted);margin-top:2px}.sp-close-btn{background:none;border:1px solid var(--border);border-radius:8px;padding:8px 16px;color:var(--text-secondary);cursor:pointer;font-weight:600;font-size:12px;font-family:inherit;transition:all var(--transition)}.sp-close-btn:hover{border-color:var(--red);color:var(--red)}.sp-tab-nav{display:flex;gap:4px;background:#0a162899;border-radius:14px;padding:4px;margin-bottom:20px;overflow-x:auto;scrollbar-width:none}.sp-tab-nav::-webkit-scrollbar{display:none}.sp-tab-btn{display:flex;align-items:center;gap:5px;padding:8px 16px;border-radius:10px;border:none;background:transparent;color:var(--text-secondary);font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;transition:all var(--transition);font-family:inherit}.sp-tab-btn:hover{background:#3b82f614;color:var(--text-primary)}.sp-tab-btn.active{background:#3b82f626;color:var(--blue);border-bottom:2px solid var(--blue)}.sp-tab-content{min-height:300px}.sp-message{background:#22c55e14;border:1px solid rgba(34,197,94,.3);border-radius:12px;padding:10px 16px;margin-top:12px;font-size:13px;color:#86efac;font-weight:700;text-align:center;animation:fade-in .3s ease}.sp-card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:14px;padding:14px 16px}.sp-health-circle{display:flex;flex-direction:column;align-items:center;margin:20px 0 24px}.sp-health-circle svg{filter:drop-shadow(0 0 12px currentColor)}.sp-health-label{font-size:14px;font-weight:700;color:var(--text-secondary);margin-top:8px}.sp-alert-banner{display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:12px;margin-bottom:10px;font-size:13px;font-weight:700;animation:card-in .4s ease both}.sp-alert-banner.danger{background:#ef444414;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.sp-alert-banner.warning{background:#f59e0b14;border:1px solid rgba(245,158,11,.3);color:#fde68a}.sp-alert-banner.info{background:#3b82f614;border:1px solid rgba(59,130,246,.3);color:#93c5fd}.sp-kpi-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:16px}.sp-kpi-card{text-align:center;padding:12px 8px}.sp-kpi-card .sp-kpi-label{font-size:10px;color:var(--text-muted);margin-bottom:2px}.sp-kpi-card .sp-kpi-value{font-size:22px;font-weight:900}.sp-modules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;margin-bottom:16px}.sp-module-card{cursor:pointer;transition:border-color .3s ease,transform var(--transition)}.sp-module-card:hover{transform:translateY(-1px)}.sp-module-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.sp-module-icon{font-size:20px;animation:float 3s ease-in-out infinite}.sp-module-info{flex:1}.sp-module-name{font-size:12px;font-weight:800;color:var(--text-primary)}.sp-module-stats{font-size:10px;color:var(--text-muted)}.sp-module-pct{font-weight:900;font-size:15px}.sp-bar-bg{background:var(--border);border-radius:99px;height:8px;overflow:hidden}.sp-bar-fill{height:8px;border-radius:99px;transition:width .8s ease}.sp-check-list{display:flex;flex-direction:column}.sp-check-item{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid rgba(15,28,46,.8)}.sp-check-icon{font-size:14px;flex-shrink:0}.sp-check-info{flex:1;min-width:0}.sp-check-label{font-size:12px;font-weight:700;color:var(--text-primary)}.sp-check-detail{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-check-ms{font-size:10px;color:var(--text-muted);flex-shrink:0}.sp-module-expand{background:#060d1a;border-radius:0 0 14px 14px;border-top:none;padding:10px 14px;margin-top:-2px;animation:accordion-open .3s ease}.sp-filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px;align-items:center}.sp-filter-btn{padding:5px 12px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);font-size:11px;font-weight:700;cursor:pointer;transition:all var(--transition);font-family:inherit}.sp-filter-btn.active{background:#3b82f626;border-color:var(--blue);color:var(--blue)}.sp-filter-input{flex:1;min-width:140px;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;padding:5px 12px;color:var(--text-primary);font-size:12px;outline:none;font-family:inherit}.sp-filter-input:focus{border-color:var(--blue)}.sp-charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.sp-chart-card{padding:16px}.sp-chart-title{font-size:12px;color:var(--text-secondary);font-weight:700;margin-bottom:10px}.sp-heatmap{display:grid;gap:4px;margin:16px 0}.sp-heatmap-row{display:grid;grid-template-columns:150px repeat(3,1fr);gap:4px;align-items:center}.sp-heatmap-cell{height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;transition:transform var(--transition)}.sp-heatmap-cell:hover{transform:scale(1.05)}.sp-heatmap-label{font-size:11px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-log-list{max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.sp-log-item{display:flex;align-items:center;gap:6px;padding:5px 0;border-bottom:1px solid rgba(15,28,46,.6);font-size:11px}.sp-log-time{color:var(--text-muted);flex-shrink:0;width:55px}.sp-log-module{background:var(--border);border-radius:4px;padding:1px 6px;color:var(--blue);font-weight:700;flex-shrink:0;font-size:10px}.sp-log-text{color:var(--text-secondary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-log-copy{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:10px;flex-shrink:0;padding:2px}.sp-repair-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;margin-bottom:20px}.sp-repair-card{display:flex;flex-direction:column;gap:10px}.sp-repair-card-header{display:flex;align-items:center;gap:8px}.sp-repair-icon{font-size:22px}.sp-repair-name{font-weight:800;color:var(--text-primary);font-size:13px}.sp-repair-desc{font-size:11px;color:var(--text-secondary);line-height:1.4}.sp-repair-btn{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:10px;padding:9px 16px;color:#000;font-weight:800;cursor:pointer;font-size:12px;transition:all var(--transition);font-family:inherit;width:100%}.sp-repair-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-glow-amber)}.sp-repair-btn:disabled{opacity:.5;cursor:not-allowed}.sp-repair-all{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:14px;padding:16px 24px;color:#fff;font-weight:800;font-size:15px;cursor:pointer;width:100%;margin-bottom:20px;transition:all var(--transition);font-family:inherit}.sp-repair-all:hover{transform:translateY(-2px);box-shadow:0 0 20px #10b9814d}.sp-danger-zone{background:#ef44440a;border:1px solid rgba(239,68,68,.2);border-radius:14px;padding:20px}.sp-danger-title{font-weight:800;color:var(--red);font-size:14px;margin-bottom:6px}.sp-danger-desc{font-size:12px;color:var(--text-secondary);margin-bottom:14px}.sp-danger-btn{background:#ef44441a;border:1px solid rgba(239,68,68,.4);border-radius:10px;padding:10px 20px;color:var(--red);font-weight:800;cursor:pointer;font-size:12px;transition:all var(--transition);font-family:inherit}.sp-danger-btn:hover{background:#ef444433}.sp-debug-info{display:grid;grid-template-columns:140px 1fr;gap:1px;margin-bottom:16px}.sp-debug-key{font-size:11px;color:var(--text-muted);font-weight:700;padding:6px 0}.sp-debug-val{font-size:11px;color:var(--text-primary);padding:6px 0;font-family:Consolas,Monaco,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-raw-viewer{display:flex;flex-direction:column;gap:6px;margin:16px 0}.sp-raw-key-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:12px;font-weight:700;cursor:pointer;transition:all var(--transition);font-family:inherit;text-align:left}.sp-raw-key-btn:hover{border-color:var(--blue)}.sp-raw-key-size{font-size:10px;color:var(--text-muted);font-weight:400}.sp-raw-content{background:var(--bg-primary);border:1px solid var(--border);border-radius:0 0 10px 10px;padding:12px;margin-top:-8px;overflow-x:auto;max-height:300px;overflow-y:auto}.sp-raw-content pre{font-family:Consolas,Monaco,monospace;font-size:11px;color:var(--text-secondary);white-space:pre-wrap;word-break:break-all;margin:0}.sp-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;padding-top:16px;border-top:1px solid var(--glass-border)}.sp-action-btn{border:none;border-radius:10px;padding:9px 16px;font-weight:800;cursor:pointer;font-size:12px;transition:all var(--transition);font-family:inherit}.sp-btn-green{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.sp-btn-blue{background:#3b82f61f;color:var(--blue)}.sp-btn-amber{background:linear-gradient(135deg,#f59e0b,#d97706);color:#000}.sp-action-btn:hover{transform:translateY(-1px)}.sp-loading{text-align:center;padding:60px 0;color:var(--blue);font-weight:700}.sp-loading-icon{font-size:42px;margin-bottom:12px;animation:float 2s ease-in-out infinite}@media(max-width:768px){.sp-panel{padding:18px;border-radius:18px}.sp-title{font-size:16px}.sp-kpi-row{grid-template-columns:repeat(3,1fr)}.sp-modules-grid,.sp-charts-grid,.sp-repair-grid{grid-template-columns:1fr}.sp-tab-btn{padding:6px 10px;font-size:11px}.sp-debug-info{grid-template-columns:100px 1fr}.sp-heatmap-row{grid-template-columns:100px repeat(3,1fr)}}@media(max-width:480px){.sp-panel{padding:14px}.sp-kpi-row{grid-template-columns:repeat(2,1fr)}.sp-header{flex-direction:column;gap:10px;align-items:flex-start}.sp-tab-btn span{display:none}.sp-actions{flex-direction:column}.sp-action-btn{width:100%;text-align:center}}.dashboard-greeting{margin-bottom:16px;padding:14px 18px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-card);backdrop-filter:var(--glass-blur)}.dashboard-greeting-main{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.dashboard-greeting-text{font-size:16px;color:var(--text-primary)}.dashboard-greeting-text strong{color:var(--accent)}.dashboard-greeting-stats{font-size:12px;color:var(--text-secondary);background:#3b82f614;padding:4px 10px;border-radius:20px;border:1px solid rgba(59,130,246,.12)}.dashboard-greeting-tip{margin-top:8px;font-size:12px;color:var(--accent);opacity:.85}.empty-dashboard{text-align:center;padding:60px 20px;position:relative;overflow:hidden}.empty-dashboard-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(245,158,11,.08) 0%,transparent 70%);pointer-events:none}.empty-dashboard-icon{font-size:64px;margin-bottom:16px;filter:drop-shadow(0 0 20px rgba(245,158,11,.3))}.empty-dashboard-title{font-size:24px;font-weight:900;color:var(--text-primary);margin-bottom:10px}.empty-dashboard-text{font-size:14px;color:var(--text-secondary);max-width:460px;margin:0 auto 24px;line-height:1.6}.empty-dashboard-cta{background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#000;border:none;border-radius:var(--radius-btn);padding:12px 28px;font-size:15px;font-weight:800;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-glow-amber)}.empty-dashboard-cta:hover{transform:translateY(-2px);box-shadow:0 0 30px #f59e0b80}.empty-dashboard-features{display:flex;justify-content:center;gap:16px;margin-top:36px;flex-wrap:wrap}.empty-dashboard-feature{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;padding:6px 14px;backdrop-filter:var(--glass-blur)}.dashboard-toolbar{position:sticky;top:56px;z-index:50;background:#060d1aeb;backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-card);padding:10px 14px;margin-bottom:16px;display:flex;flex-direction:column;gap:8px}.dashboard-toolbar-pills{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.dashboard-toolbar-pills::-webkit-scrollbar{display:none}.dashboard-toolbar-pill{display:flex;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:20px;cursor:pointer;white-space:nowrap;transition:var(--transition)}.dashboard-toolbar-pill:hover{color:var(--text-primary);background:#3b82f614}.dashboard-toolbar-pill.active{color:var(--accent);background:#f59e0b1a;border-color:#f59e0b40}.dashboard-toolbar-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.dashboard-toolbar-range{display:flex;gap:2px;background:#0f1c2e99;border-radius:8px;padding:2px;border:1px solid var(--glass-border)}.dashboard-toolbar-range-btn{padding:4px 10px;font-size:11px;font-weight:700;color:var(--text-secondary);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:var(--transition)}.dashboard-toolbar-range-btn:hover{color:var(--text-primary)}.dashboard-toolbar-range-btn.active{color:var(--accent);background:#f59e0b1f}.dashboard-toolbar-actions{display:flex;align-items:center;gap:4px}.dashboard-toolbar-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:14px;background:transparent;border:1px solid transparent;border-radius:8px;cursor:pointer;color:var(--text-secondary);transition:var(--transition)}.dashboard-toolbar-btn:hover{background:#3b82f61a;border-color:var(--glass-border);color:var(--text-primary)}.dashboard-toolbar-btn.active{background:#f59e0b1f;border-color:#f59e0b40;color:var(--accent)}.dashboard-toolbar-kbd{display:flex;align-items:center;padding:4px 8px;font-size:11px;color:var(--text-muted);background:#0f1c2e99;border:1px solid var(--glass-border);border-radius:6px;cursor:pointer;transition:var(--transition)}.dashboard-toolbar-kbd:hover{color:var(--text-secondary);border-color:#3b82f640}.dashboard-toolbar-kbd kbd{font-family:Inter,monospace;font-size:11px}.dashboard-compact .dashboard-section{margin-bottom:6px}.dashboard-compact .dashboard-section-header{padding:10px 14px;font-size:13px}.dashboard-compact .dashboard-section-body{padding:12px 14px}.dashboard-compact .dashboard-greeting{padding:10px 14px;margin-bottom:10px}.dashboard-compact .kpi-grid{gap:8px}.dashboard-section-grip{font-size:14px;color:var(--text-muted);cursor:grab;padding:0 4px;user-select:none;opacity:0;transition:opacity .2s}.dashboard-section:hover .dashboard-section-grip{opacity:1}.dashboard-section-grip:active{cursor:grabbing}.dashboard-section.drag-over{border-color:var(--accent)!important;box-shadow:0 0 12px #f59e0b33}.dashboard-section[draggable=true]{transition:transform .2s,box-shadow .2s,border-color .2s}.dashboard-section-mobile-move{display:none;gap:4px;margin-left:auto;margin-right:4px}.dashboard-section-move-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:12px;background:#3b82f61a;border:1px solid var(--glass-border);border-radius:6px;color:var(--text-secondary);cursor:pointer}.show-mobile-only{display:none}.scroll-to-top{position:fixed;bottom:24px;left:50%;transform:translate(-50%);width:38px;height:38px;border-radius:50%;background:#0a0c14d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#ffffff80;border:1px solid rgba(255,255,255,.12);font-size:16px;cursor:pointer;z-index:100;box-shadow:0 4px 20px #0006;transition:all .25s ease;display:flex;align-items:center;justify-content:center}.scroll-to-top:hover{transform:translate(-50%) translateY(-2px);border-color:#ffffff40;color:#fffc;box-shadow:0 6px 24px #00000080}.command-bar-overlay{position:fixed;inset:0;background:#0009;z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;backdrop-filter:blur(4px)}.command-bar{width:90%;max-width:520px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:0 20px 60px #000000b3;overflow:hidden}.command-bar-input-wrap{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--glass-border)}.command-bar-search-icon{font-size:16px;opacity:.5}.command-bar-input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:15px;outline:none;font-family:inherit}.command-bar-input::placeholder{color:var(--text-muted)}.command-bar-esc{font-size:10px;color:var(--text-muted);background:var(--bg-tertiary);padding:2px 8px;border-radius:4px;border:1px solid var(--glass-border);font-family:inherit}.command-bar-list{max-height:320px;overflow-y:auto;padding:6px}.command-bar-empty{padding:20px;text-align:center;color:var(--text-muted);font-size:13px}.command-bar-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:var(--transition);text-align:left;font-family:inherit}.command-bar-item:hover,.command-bar-item.selected{background:#3b82f61a;color:var(--text-primary)}.command-bar-item-icon{font-size:16px;width:24px;text-align:center}.command-bar-item-label{flex:1}.command-bar-item-kbd{font-size:10px;color:var(--text-muted);background:var(--bg-tertiary);padding:2px 6px;border-radius:4px;border:1px solid var(--glass-border);font-family:inherit}.shortcuts-overlay{position:fixed;inset:0;background:#0009;z-index:9999;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}.shortcuts-panel{width:90%;max-width:420px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:0 20px 60px #000000b3;overflow:hidden}.shortcuts-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--glass-border);font-size:15px;font-weight:800;color:var(--text-primary)}.shortcuts-close{background:none;border:none;color:var(--text-muted);font-size:16px;cursor:pointer;padding:4px;transition:color .2s}.shortcuts-close:hover{color:var(--text-primary)}.shortcuts-list{padding:12px 18px;display:flex;flex-direction:column;gap:8px}.shortcuts-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.shortcuts-keys{font-size:12px;color:var(--accent);background:#f59e0b14;padding:4px 10px;border-radius:6px;border:1px solid rgba(245,158,11,.15);font-family:Inter,monospace;white-space:nowrap;min-width:90px;text-align:center}.shortcuts-desc{font-size:13px;color:var(--text-secondary);flex:1}.shortcuts-footer{padding:12px 18px;border-top:1px solid var(--glass-border);font-size:11px;color:var(--text-muted);text-align:center}@media(max-width:768px){.dashboard-toolbar{top:50px;padding:8px 10px}.dashboard-toolbar-controls{flex-direction:column;align-items:stretch}.dashboard-toolbar-range,.dashboard-toolbar-actions{justify-content:center}.show-mobile-only{display:flex}.empty-dashboard{padding:40px 16px}.empty-dashboard-icon{font-size:48px}.empty-dashboard-title{font-size:20px}.scroll-to-top{bottom:70px;width:34px;height:34px}.command-bar{width:95%}}@media(max-width:480px){.dashboard-toolbar-pill{font-size:11px;padding:5px 8px}.dashboard-toolbar-range-btn{padding:3px 8px;font-size:10px}.dashboard-greeting-text{font-size:14px}.empty-dashboard-features{gap:8px}.empty-dashboard-feature{font-size:11px;padding:4px 10px}}.ai-gen-overlay{position:fixed;inset:0;background:#020617d9;backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;animation:fadeIn .3s ease}.ai-gen-card{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid rgba(99,102,241,.3);border-radius:20px;padding:40px 48px;max-width:420px;width:90%;text-align:center;box-shadow:0 0 60px #6366f126}.ai-gen-title{color:#e2e8f0;font-size:18px;font-weight:700;margin-bottom:24px}.ai-gen-progress-track{width:100%;height:6px;background:#94a3b826;border-radius:3px;overflow:hidden;margin-bottom:28px}.ai-gen-progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6,#a78bfa);border-radius:3px;transition:width .15s ease;position:relative}.ai-gen-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 1.5s infinite}.ai-gen-steps{display:flex;flex-direction:column;gap:12px;text-align:left}.ai-gen-step{display:flex;align-items:center;gap:10px;color:#475569;font-size:14px;transition:all .3s ease}.ai-gen-step.active{color:#e2e8f0}.ai-gen-step.complete{color:#22c55e}.ai-gen-step-icon{font-size:16px;width:24px;text-align:center;flex-shrink:0}.ai-gen-step-check{animation:scaleIn .25s ease}.typing-cursor{display:inline-block;width:2px;height:1em;background:#6366f1;margin-left:2px;vertical-align:text-bottom;animation:blink .8s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.quality-badge-wrap{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#1e293b80;border-radius:10px;border:1px solid rgba(148,163,184,.1);margin-top:8px;animation:fadeIn .5s ease}.quality-score-circle{position:relative;width:44px;height:44px;flex-shrink:0}.quality-score-circle svg{transform:rotate(-90deg)}.quality-score-circle .track{fill:none;stroke:#94a3b826;stroke-width:4}.quality-score-circle .fill{fill:none;stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset 1s ease}.quality-score-number{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#e2e8f0}.quality-breakdown{flex:1;display:flex;flex-wrap:wrap;gap:4px 10px}.quality-item{font-size:11px;color:#94a3b8;white-space:nowrap}.quality-item-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px}.recommended-badge{display:inline-flex;align-items:center;gap:3px;background:#22c55e26;color:#22c55e;font-size:10px;font-weight:600;padding:2px 8px;border-radius:6px;margin-left:6px;animation:scaleIn .25s ease}.suggested-badge{display:inline-flex;align-items:center;gap:3px;background:#6366f126;color:#a5b4fc;font-size:10px;font-weight:600;padding:2px 8px;border-radius:6px;margin-left:6px;animation:scaleIn .25s ease}.btn-generate-ai{position:relative;overflow:hidden;background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;border:none!important}.btn-generate-ai:before{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:btnShimmer 2s infinite}@keyframes btnShimmer{0%{transform:translate(-50%)}to{transform:translate(50%)}}.variant-label-pill{display:inline-flex;align-items:center;gap:4px;background:#6366f126;color:#a5b4fc;font-size:12px;font-weight:600;padding:4px 12px;border-radius:8px;border:1px solid rgba(99,102,241,.25)}.ps-selected-card{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid rgba(99,102,241,.3);border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:12px;margin-bottom:16px}.ps-cat-pill{background:#6366f133;color:#a5b4fc;padding:1px 8px;border-radius:6px;font-size:11px}.ps-change-btn{background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;padding:6px 12px;cursor:pointer;font-size:12px;font-weight:500;transition:background .2s}.ps-change-btn:hover{background:#ef444440}.ps-input-bar{display:flex;align-items:center;background:#1e293b80;border:1px solid rgba(148,163,184,.2);border-radius:10px;padding:0 12px;transition:border-color .2s}.ps-input-bar-active{border-color:#6366f180}.ps-search-icon{width:16px;height:16px;margin-right:8px;flex-shrink:0;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.ps-input{flex:1;background:transparent;border:none;outline:none;color:#e2e8f0;font-size:14px;padding:12px 0}.ps-clear-btn{background:none;border:none;color:#64748b;cursor:pointer;font-size:18px;padding:4px 8px;line-height:1}.ps-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#1e293b;border:1px solid rgba(148,163,184,.2);border-radius:10px;overflow:hidden;z-index:50;box-shadow:0 8px 32px #0006;max-height:400px;overflow-y:auto}.ps-dropdown-footer{padding:8px 14px;color:#64748b;font-size:11px;text-align:center;border-top:1px solid rgba(148,163,184,.08)}.ps-footer-buttons{display:flex;gap:8px;padding:8px 14px 10px}.ps-quick-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 12px;border-radius:8px;border:1px solid rgba(148,163,184,.15);background:#0f172a99;color:#cbd5e1;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.ps-quick-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000004d}.ps-quick-trending:hover{background:#ef44441f;border-color:#ef44444d;color:#fca5a5}.ps-quick-random:hover{background:#6366f11f;border-color:#6366f14d;color:#a5b4fc}.ps-quick-icon{font-size:14px;line-height:1}.ps-quickpick-header{display:flex;align-items:center;gap:6px;padding:10px 14px 4px;font-size:12px;font-weight:600;color:#94a3b8;letter-spacing:.02em}.ps-no-results{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#1e293b;border:1px solid rgba(148,163,184,.2);border-radius:10px;padding:16px;z-index:50;text-align:center;color:#94a3b8;font-size:13px}.ps-thumb-fallback{width:40px;height:40px;border-radius:6px;background:#6366f126;flex-shrink:0}.ps-top-badge{color:#22c55e;font-size:10px;font-weight:600}.ps-dropdown-reveal{animation:psReveal .3s ease-out}@keyframes psReveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.cosmic-dashboard{position:relative;--cosmic-card-bg: rgba(8, 10, 15, 1);--cosmic-card-border: rgba(255, 255, 255, .06);--cosmic-border: rgba(255, 255, 255, .08);--cosmic-shadow: 0 4px 30px rgba(0,0,0,.5), 0 0 1px rgba(255,255,255,.03);--cosmic-shadow-hover: 0 8px 40px rgba(0,0,0,.6), 0 0 1px rgba(255,255,255,.06);--cosmic-tooltip-bg: rgba(8, 10, 15, .98);--cosmic-input-bg: rgba(12, 14, 20, .95);--cosmic-glass-bg: rgba(8, 10, 15, .98);--cosmic-glass-border: rgba(255, 255, 255, .06);--cosmic-text-primary: #c8ccd0;--cosmic-text-secondary: #6b7280;--cosmic-text-muted: #4b5563;--cosmic-text-dim: #374151;--cosmic-row-alt: rgba(255, 255, 255, .02);--cosmic-row-hover: rgba(255, 255, 255, .03);--cosmic-divider: rgba(255, 255, 255, .06);--cosmic-badge-bg: rgba(255, 255, 255, .04);--cosmic-btn-blue-bg: transparent;--cosmic-btn-blue-border: rgba(255, 255, 255, .15);--cosmic-btn-blue-text: #9ca3af;--cosmic-progress-track: rgba(255, 255, 255, .06);--cosmic-green-bg: rgba(34, 197, 94, .06);--cosmic-green-border: rgba(34, 197, 94, .12);--cosmic-amber-bg: rgba(6, 182, 212, .04);--cosmic-amber-border: rgba(6, 182, 212, .1);--cosmic-red-bg: rgba(239, 68, 68, .06);--cosmic-red-border: rgba(239, 68, 68, .12);--cosmic-blue-bg: rgba(255, 255, 255, .03);--cosmic-blue-border: rgba(255, 255, 255, .08);--cosmic-purple-bg: rgba(255, 255, 255, .03);--cosmic-purple-border: rgba(255, 255, 255, .08);--cosmic-podium-bg: rgba(12, 14, 20, .9)}body.cosmic-active{background:radial-gradient(ellipse at 50% 40%,#030810,#010206,#000)}.cosmic-dashboard>*{position:relative;z-index:1}.cosmic-dashboard .kpi-card{background:var(--cosmic-card-bg);border-color:var(--cosmic-card-border);box-shadow:var(--cosmic-shadow)}.cosmic-dashboard .kpi-card:hover{box-shadow:var(--cosmic-shadow-hover)}.cosmic-dashboard .chart-card{background:var(--cosmic-card-bg);border-color:var(--cosmic-card-border);box-shadow:var(--cosmic-shadow)}.cosmic-dashboard .chart-card:hover{box-shadow:var(--cosmic-shadow-hover);border-color:#ffffff0f}.cosmic-dashboard .ranking-card{background:var(--cosmic-card-bg);border-color:var(--cosmic-card-border);box-shadow:var(--cosmic-shadow)}.cosmic-dashboard .ranking-card:hover{box-shadow:var(--cosmic-shadow-hover);border-color:#ffffff0f}.cosmic-dashboard .glass-card{background:#080a0ffa!important;border-color:#ffffff0d!important;box-shadow:0 4px 30px #00000080!important}.cosmic-dashboard .glass-card:hover{border-color:#ffffff26!important;box-shadow:0 8px 40px #0009!important;transform:translateY(-2px)}.cosmic-dashboard .card-section{background:var(--cosmic-card-bg);border-color:var(--cosmic-card-border)}.cosmic-dashboard .product-mini-card{background:#ffffff05!important;border-color:#ffffff0d!important}.cosmic-dashboard .chart-pill-group{background:var(--cosmic-badge-bg)}.cosmic-dashboard .chart-card-title{color:var(--cosmic-text-primary)}.cosmic-dashboard .chart-card-subtitle{color:var(--cosmic-text-muted)}.cosmic-dashboard .chart-insight{color:var(--cosmic-btn-blue-text)}.cosmic-dashboard .kpi-label{color:var(--cosmic-text-secondary)}.cosmic-dashboard .kpi-card-skeleton,.cosmic-dashboard .skeleton-card{background:var(--cosmic-card-bg);border-color:var(--cosmic-divider)}.cosmic-dashboard .activity-insight-bar{background:#080a0ff2!important;border:1px solid rgba(255,255,255,.05)!important;color:var(--cosmic-text-secondary)}.cosmic-dashboard .kpi-tooltip{background:var(--cosmic-tooltip-bg);border-color:#ffffff0d}.cosmic-dashboard .heatmap-tooltip{background:var(--cosmic-tooltip-bg);border-color:var(--cosmic-divider);color:#cbd5e1}.cosmic-dashboard .ranking-card-title{color:var(--cosmic-text-primary)}.cosmic-dashboard .ranking-card-subtitle{color:var(--cosmic-text-muted)}.cosmic-dashboard .product-mini-name{color:var(--cosmic-text-primary)}.cosmic-dashboard .product-mini-meta,.cosmic-dashboard .chart-pill{color:var(--cosmic-text-muted)}.cosmic-dashboard .chart-pill:hover{color:var(--cosmic-text-secondary)}.cosmic-dashboard .focus-dashboard-overlay{background:#000206f2}.cosmic-dashboard .skeleton{background:linear-gradient(90deg,#060a14 25%,#0d1520,#060a14 75%);background-size:200% 100%}.cosmic-dashboard .btn-primary{background:transparent!important;border:1px solid rgba(255,255,255,.2)!important;color:#9ca3af!important}.cosmic-dashboard .btn-primary:hover{border-color:#fff6!important;color:#e5e7eb!important;box-shadow:none!important}.cosmic-dashboard .chart-pill.active{background:#ffffff14!important;color:#e5e7eb!important;box-shadow:none!important}.cosmic-dashboard .streak-badge{background:#ffffff0a!important;border-color:#ffffff1f!important;color:#9ca3af!important;box-shadow:none!important;animation:none!important}.cosmic-dashboard .chart-badge{background:#ffffff0a!important;border-color:#ffffff1f!important;color:#9ca3af!important;animation:none!important}.cosmic-dashboard .score-badge{animation:none!important}.cosmic-dashboard .kpi-card{background:#080a0ffa!important;border:1px solid rgba(255,255,255,.05)!important;overflow:hidden;transition:transform .3s ease,box-shadow .4s ease,border-color .3s ease!important}.cosmic-dashboard .kpi-card:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent)!important;opacity:.4!important}.cosmic-dashboard .kpi-card:hover{border-color:#ffffff1f!important;box-shadow:0 16px 48px #00000080,0 0 1px #ffffff0d!important;transform:translateY(-4px) scale(1.005)!important}.cosmic-dashboard .kpi-card:hover:before{opacity:.7!important}.cosmic-dashboard .kpi-card:hover .kpi-icon{filter:drop-shadow(0 0 6px rgba(255,255,255,.2))!important}.cosmic-dashboard .kpi-value{text-shadow:none!important}.cosmic-dashboard .kpi-card:hover .kpi-value{text-shadow:0 0 20px rgba(255,255,255,.08)!important}.cosmic-dashboard .dashboard-section{margin-bottom:10px!important;border-radius:14px!important}.cosmic-dashboard .dashboard-section-header{background:linear-gradient(135deg,#0c0f18,#0a0d14,#0b0e16)!important;border:1px solid rgba(255,255,255,.06)!important;border-bottom:1px solid rgba(255,255,255,.03)!important;border-radius:14px!important;padding:18px 22px!important;backdrop-filter:none;-webkit-backdrop-filter:none;transition:all .35s cubic-bezier(.4,0,.2,1)!important;position:relative;overflow:hidden;isolation:isolate;z-index:0}.cosmic-dashboard .dashboard-section-header:before{content:""!important;position:absolute!important;inset:0!important;height:auto!important;border-radius:inherit;background:radial-gradient(300px circle at var(--mx, -100px) var(--my, -100px),rgba(255,255,255,.07),transparent 70%)!important;opacity:0!important;transition:opacity .3s ease!important;pointer-events:none!important;z-index:1!important}.cosmic-dashboard .dashboard-section-header:hover:before{opacity:1!important}.cosmic-dashboard .dashboard-section-header:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.03) 45%,rgba(255,255,255,.07) 50%,rgba(255,255,255,.03) 55%,transparent 60%);transform:translate(-100%);pointer-events:none;z-index:2}.cosmic-dashboard .dashboard-section-header:hover:after{animation:sectionShimmerSweep .8s ease-out forwards}@keyframes sectionShimmerSweep{0%{transform:translate(-100%)}to{transform:translate(200%)}}.cosmic-dashboard .dashboard-section-header:hover{background:linear-gradient(135deg,#0e1119,#0c0f17,#0d1018)!important;border-color:#ffffff1f!important;box-shadow:0 4px 24px #00000059,inset 0 1px #ffffff0a,0 0 0 1px #ffffff14!important;transform:translateY(-1px)}.cosmic-dashboard .dashboard-section-icon{width:36px;height:36px;display:flex!important;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(135deg,#ffffff0a,#ffffff03);border:1px solid rgba(255,255,255,.06);font-size:18px!important;transition:all .35s cubic-bezier(.4,0,.2,1);animation:none!important;flex-shrink:0}.cosmic-dashboard .dashboard-section-header:hover .dashboard-section-icon{background:linear-gradient(135deg,#ffffff12,#ffffff05);border-color:#ffffff1f;filter:drop-shadow(0 0 8px rgba(255,255,255,.15))!important;transform:scale(1.08)}.cosmic-dashboard .dashboard-section-icon svg{stroke:#ffffffb3;transition:stroke .3s ease}.cosmic-dashboard .dashboard-section-header:hover .dashboard-section-icon svg{stroke:#fffffff2}.cosmic-dashboard .dashboard-section[data-section=activity] .dashboard-section-header:hover{box-shadow:0 4px 24px #00000059,inset 0 1px #ffffff0a,0 0 20px #60a5fa0a!important}.cosmic-dashboard .dashboard-section[data-section=topProducts] .dashboard-section-header:hover{box-shadow:0 4px 24px #00000059,inset 0 1px #ffffff0a,0 0 20px #fbbf240a!important}.cosmic-dashboard .dashboard-section[data-section=categories] .dashboard-section-header:hover{box-shadow:0 4px 24px #00000059,inset 0 1px #ffffff0a,0 0 20px #4ade800a!important}.cosmic-dashboard .dashboard-section[data-section=trackerSummary] .dashboard-section-header:hover{box-shadow:0 4px 24px #00000059,inset 0 1px #ffffff0a,0 0 20px #a78bfa0a!important}.cosmic-dashboard .dashboard-section[data-section=alerts] .dashboard-section-header:hover{box-shadow:0 4px 24px #00000059,inset 0 1px #ffffff0a,0 0 20px #fb923c0a!important}@media(hover:none){.cosmic-dashboard .dashboard-section-header:before{display:none!important}.cosmic-dashboard .dashboard-section-header:hover:after{animation:none!important}}.cosmic-dashboard .dashboard-section-header:hover .dashboard-section-title{color:#e5e7eb}.cosmic-dashboard .dashboard-section-chevron{transition:transform .35s cubic-bezier(.4,0,.2,1),color .3s ease!important;color:#4b5563!important}.cosmic-dashboard .dashboard-section-header:hover .dashboard-section-chevron{color:#9ca3af!important}.cosmic-dashboard .dashboard-section-header[aria-expanded=true]{border-bottom-color:transparent!important;border-radius:14px 14px 0 0!important}.cosmic-dashboard .dashboard-section-body{background:linear-gradient(180deg,#080b12,#0a0d14);border:1px solid rgba(255,255,255,.04);border-top:none;border-radius:0 0 14px 14px}.cosmic-dashboard .dashboard-section-badge{background:#ffffff0a!important;border:1px solid rgba(255,255,255,.08)!important;color:#6b7280!important}.cosmic-dashboard .dashboard-greeting{background:#080a0ff2!important;border:1px solid rgba(255,255,255,.05)!important;border-radius:16px;position:relative;overflow:hidden}.cosmic-dashboard .dashboard-greeting:after{content:"";position:absolute;top:-50%;right:-30%;width:60%;height:200%;background:radial-gradient(ellipse,rgba(255,255,255,.015),transparent 70%)!important;pointer-events:none}.cosmic-dashboard .chart-card{background:#080a0ffa!important;border:1px solid rgba(255,255,255,.05)!important;transition:all .3s ease!important}.cosmic-dashboard .chart-card:hover{border-color:#ffffff1f!important;box-shadow:0 12px 40px #00000073,0 0 1px #ffffff0a!important;transform:translateY(-2px)!important}.cosmic-dashboard .ranking-card{background:#080a0ffa!important;border:1px solid rgba(255,255,255,.05)!important;transition:all .3s ease!important}.cosmic-dashboard .ranking-card:hover{border-color:#ffffff1f!important;box-shadow:0 12px 40px #00000073,0 0 1px #ffffff0a!important;transform:translateY(-2px)!important}.cosmic-dashboard .product-mini-card{background:#ffffff05!important;border-color:#ffffff0d!important;transition:all .25s ease!important}.cosmic-dashboard .product-mini-card:hover{border-color:#ffffff1f!important;box-shadow:none!important}.cosmic-dashboard .dashboard-toolbar{background:#080a0ff2!important;border:1px solid rgba(255,255,255,.05)!important;border-radius:14px!important;box-shadow:0 4px 24px #0006!important;backdrop-filter:none}.cosmic-dashboard ::-webkit-scrollbar-thumb{background:#ffffff14!important}.cosmic-dashboard ::-webkit-scrollbar-thumb:hover{background:#ffffff26!important}.cosmic-dashboard .position-1{background:linear-gradient(135deg,#9ca3af,#6b7280)!important;color:#000!important;box-shadow:none!important;animation:none!important}.cosmic-dashboard .alert-card{transition:all .3s ease!important}.cosmic-dashboard .alert-card:hover{transform:translateY(-2px)!important;box-shadow:0 8px 30px #0006!important}.cosmic-dashboard .activity-insight-bar{background:#080a0ff2!important;border:1px solid rgba(255,255,255,.05)!important}.cosmic-dashboard .gradient-text{background:linear-gradient(135deg,#e5e7eb,#9ca3af)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}@keyframes cosmicPulseGlow{0%,to{box-shadow:0 0 8px #ffffff0d}50%{box-shadow:0 0 22px #ffffff1a}}.cosmic-dashboard *{transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes landingShimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes landingBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}.landing-shimmer-text{background:linear-gradient(90deg,#c8ccd0,#e8eaed,#fff,#e8eaed,#c8ccd0);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:landingShimmer 4s linear infinite}.landing-scroll-indicator{animation:landingBounce 2s ease-in-out infinite}@media(max-width:768px){footer>div:first-child{grid-template-columns:1fr!important;text-align:center}}