*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0f;--bg-card: #12121a;--bg-card-hover: #1a1a26;--border: #1e1e2e;--text: #e4e4ed;--text-dim: #8888a0;--text-muted: #55556a;--accent: #6c5ce7;--accent-dim: #6c5ce720;--green: #00d68f;--green-dim: #00d68f18;--red: #ff6b6b;--red-dim: #ff6b6b18;--yellow: #ffd93d;--yellow-dim: #ffd93d18;--blue: #4da6ff;--blue-dim: #4da6ff18;--radius: 12px;--radius-sm: 8px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased}#root{max-width:1200px;margin:0 auto;padding:24px 20px 48px}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:12px}.header-left{display:flex;align-items:center;gap:14px}.header h1{font-size:1.5rem;font-weight:700;letter-spacing:-.03em}.header-accent{color:var(--accent)}.header .period{font-size:.8rem;color:var(--text-dim);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 12px}.header-right{display:flex;align-items:center;gap:8px}.cache-badge{font-size:.72rem;color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 10px}.refresh-btn{display:inline-flex;align-items:center;gap:6px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-dim);padding:6px 14px;border-radius:var(--radius-sm);font-size:.82rem;font-family:inherit;cursor:pointer;transition:all .2s}.refresh-btn:hover{background:var(--bg-card-hover);color:var(--text);border-color:var(--accent)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-icon{display:inline-block;font-size:1rem;line-height:1}.refresh-icon.spinning{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--red);font-size:.85rem;background:var(--red-dim);padding:12px 18px;border-radius:var(--radius-sm);border:1px solid #ff6b6b30;margin-bottom:20px}.skeleton{background:linear-gradient(90deg,var(--border) 25%,var(--bg-card-hover) 50%,var(--border) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:24px}.kpi-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:18px 16px 14px;display:flex;flex-direction:column;gap:4px;transition:border-color .2s,box-shadow .2s}.kpi-card:hover{border-color:var(--accent);box-shadow:0 0 20px var(--accent-dim)}.kpi-card.kpi-alert{border-color:#ff6b6b30}.kpi-label{font-size:.72rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;font-weight:500}.kpi-value{font-size:1.8rem;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1.1}.kpi-bottom{display:flex;align-items:center;gap:8px;margin-top:2px}.kpi-change{display:inline-flex;align-items:center;gap:2px;font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:20px}.kpi-change.positive{color:var(--green);background:var(--green-dim)}.kpi-change.negative{color:var(--red);background:var(--red-dim)}.kpi-change.neutral{color:var(--text-dim);background:var(--bg-card-hover)}.kpi-prev{font-size:.7rem;color:var(--text-muted)}.kpi-new-badge{font-size:.6rem;color:var(--accent);background:var(--accent-dim);padding:1px 6px;border-radius:10px;margin-left:6px;font-weight:600;vertical-align:middle}.grid-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}@media(max-width:768px){.grid-row{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:420px){.kpis{grid-template-columns:1fr}}.section-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.section-title{display:flex;align-items:center;gap:8px;font-size:.75rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:18px}.section-badge{font-size:.65rem;font-weight:700;color:var(--accent);background:var(--accent-dim);padding:2px 7px;border-radius:10px}.funnel{display:flex;flex-direction:column;gap:6px}.funnel-row{display:grid;grid-template-columns:110px 1fr 42px;align-items:center;gap:10px}.funnel-label{display:flex;flex-direction:column}.funnel-label-name{font-size:.78rem;color:var(--text);line-height:1.2}.funnel-label-count{font-size:.7rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.funnel-bar-track{height:24px;background:var(--bg-card-hover);border-radius:6px;overflow:hidden;position:relative}.funnel-bar-fill{height:100%;border-radius:6px;transition:width .8s cubic-bezier(.16,1,.3,1);min-width:4px}.funnel-conv{font-size:.72rem;font-weight:600;color:var(--text-dim);text-align:right;font-variant-numeric:tabular-nums}.funnel-conv-top{font-weight:500;color:var(--text-muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.04em}.funnel-empty{color:var(--text-muted);font-size:.85rem;text-align:center;padding:24px 0}.spark-wrap{position:relative;height:40px;width:100%}.spark-wrap svg{width:100%;height:100%;cursor:crosshair}.spark-tooltip{position:absolute;top:-36px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none;z-index:10}.spark-tooltip-val{font-size:.75rem;font-weight:700;color:var(--text);background:var(--bg-card-hover);border:1px solid var(--border);padding:2px 8px;border-radius:6px;white-space:nowrap;font-variant-numeric:tabular-nums}.spark-tooltip-date{font-size:.6rem;color:var(--text-muted);white-space:nowrap}.spark-empty{color:var(--text-muted);font-size:.75rem;height:40px;display:flex;align-items:center}.trends-list{display:flex;flex-direction:column;gap:10px}.trend-row{display:flex;align-items:center;gap:10px}.trend-label{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--text-dim);width:120px;flex-shrink:0}.trend-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.trend-spark{flex:1;height:40px;min-width:0}.trend-total{font-size:.82rem;font-weight:600;width:56px;text-align:right;font-variant-numeric:tabular-nums;color:var(--text)}.actions-section{margin-bottom:24px}.actions-list{display:flex;flex-direction:column;gap:10px}.action-card{display:flex;gap:14px;padding:16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s,background .2s}.action-card:hover{background:var(--bg-card-hover);border-color:var(--text-muted)}.action-card.urgent{border-left:3px solid var(--red)}.action-card.warning{border-left:3px solid var(--yellow)}.action-card.opportunity{border-left:3px solid var(--green)}.action-card.info{border-left:3px solid var(--blue)}.action-icon{font-size:1.3rem;flex-shrink:0;line-height:1;margin-top:2px}.action-content{flex:1;min-width:0}.action-header{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}.action-title{font-size:.88rem;font-weight:600}.action-type-badge{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:10px;flex-shrink:0}.action-type-badge.urgent{color:var(--red);background:var(--red-dim)}.action-type-badge.warning{color:var(--yellow);background:var(--yellow-dim)}.action-type-badge.opportunity{color:var(--green);background:var(--green-dim)}.action-type-badge.info{color:var(--blue);background:var(--blue-dim)}.action-desc{font-size:.8rem;color:var(--text-dim);line-height:1.6}.action-metrics{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.action-metric{font-size:.72rem;color:var(--text-dim);background:var(--bg-card);padding:3px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);font-variant-numeric:tabular-nums}.footer{text-align:center;padding-top:20px;color:var(--text-muted);font-size:.72rem;letter-spacing:.02em}