*{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=light]{--bg-primary:#f4f6fa;--bg-card:#fff;--bg-card-hover:#f8fafc;--bg-input:#fff;--bg-dropdown:#fff;--bg-skeleton:#e5e7eb;--text-primary:#111827;--text-secondary:#374151;--text-muted:#6b7280;--text-light:#9ca3af;--border:#e5e7eb;--border-light:#f3f4f6;--shadow:#00000014;--accent:#6366f1;--accent-light:#eef2ff;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--chart-grid:#f0f0f0;--scrollbar:#d1d5db;--scrollbar-hover:#9ca3af;--table-even:#f8fafc;--table-header:#f3f4f6;--error-bg:#fef2f2;--error-border:#fecaca;--bg-sidebar:#fff;--sidebar-border:#e5e7eb;--sidebar-text:#6b7280;--sidebar-text-hover:#111827;--sidebar-active-bg:#eef2ff;--sidebar-active-text:#4f46e5;--sidebar-active-border:#6366f1;--nav-group-label:#d1d5db}[data-theme=dark]{--bg-primary:#0f1117;--bg-card:#1a1d2e;--bg-card-hover:#232738;--bg-input:#1a1d2e;--bg-dropdown:#1a1d2e;--bg-skeleton:#2a2d3e;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-light:#64748b;--border:#2a2d3e;--border-light:#1e2235;--shadow:#0000004d;--accent:#818cf8;--accent-light:#1e1b4b;--success:#4ade80;--warning:#fbbf24;--danger:#f87171;--chart-grid:#2a2d3e;--scrollbar:#4b5563;--scrollbar-hover:#6b7280;--table-even:#1e2235;--table-header:#232738;--error-bg:#451a1a;--error-border:#7f1d1d;--bg-sidebar:#111827;--sidebar-border:#1f2937;--sidebar-text:#6b7280;--sidebar-text-hover:#f9fafb;--sidebar-active-bg:#6366f11f;--sidebar-active-text:#a5b4fc;--sidebar-active-border:#818cf8;--nav-group-label:#374151}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:background .3s,color .3s}#root{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}[data-theme=dark] .chart-card,[data-theme=dark] .summary-card,[data-theme=dark] .data-table-card,[data-theme=dark] .retention-table-card{background:var(--bg-card);border-color:var(--border);color:var(--text-primary)}[data-theme=dark] .data-table th{background:var(--table-header);color:var(--text-secondary)}[data-theme=dark] .data-table td{border-color:var(--border);color:var(--text-secondary)}[data-theme=dark] .data-table tr:nth-child(2n){background:var(--table-even)}[data-theme=dark] .error-banner{background:var(--error-bg);border-color:var(--error-border);color:var(--danger)}[data-theme=dark] .range-btn{background:var(--bg-card);border-color:var(--border);color:var(--text-secondary)}[data-theme=dark] .range-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}[data-theme=dark] .range-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}[data-theme=dark] .page-title,[data-theme=dark] .page-subtitle,[data-theme=dark] h3{color:var(--text-primary)}[data-theme=dark] .no-data{color:var(--text-muted)}[data-theme=dark] input,[data-theme=dark] select{background:var(--bg-input);color:var(--text-primary);border-color:var(--border)}[data-theme=dark] .card-label{color:var(--text-muted)}[data-theme=dark] .card-value{color:var(--text-primary)}[data-theme=dark] .recharts-tooltip-wrapper .recharts-default-tooltip{color:#f1f5f9!important;background:#1a1d2e!important;border-color:#2a2d3e!important}[data-theme=dark] .recharts-default-tooltip .recharts-tooltip-label{color:#cbd5e1!important}[data-theme=dark] .recharts-cartesian-axis-tick-value{fill:#94a3b8!important}[data-theme=dark] .recharts-cartesian-grid line{stroke:#2a2d3e!important}[data-theme=dark] .recharts-legend-item-text{color:#cbd5e1!important}[data-theme=dark] .recharts-label{fill:#cbd5e1!important}[data-theme=dark] .recharts-bar-rectangle text{fill:#f1f5f9!important}[data-theme=dark] .realtime-counter{background:#22c55e1a!important;border-color:#22c55e4d!important}[data-theme=dark] .play-store-link{background:var(--bg-card)!important;border-color:var(--border)!important}[data-theme=dark] .wow-card,[data-theme=dark] .wow-metric{color:var(--text-primary)}[data-theme=dark] .card-trend{color:var(--text-muted)}[data-theme=dark] .screen-table th{background:var(--table-header);color:var(--text-secondary);border-color:var(--border)}[data-theme=dark] .screen-table td{color:var(--text-secondary);border-color:var(--border)}[data-theme=dark] .screen-table tbody tr:hover{background:var(--bg-card-hover)}[data-theme=dark] .event-bar-label{color:var(--text-secondary)!important}[data-theme=dark] .tab-btn{background:var(--bg-card);border-color:var(--border);color:var(--text-secondary)}[data-theme=dark] .tab-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--sidebar-border,#1e293b);z-index:100;flex-direction:column;width:240px;height:100vh;transition:width .25s,background .3s,border-color .3s;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar.collapsed{width:64px}.sidebar-header{border-bottom:1px solid var(--sidebar-border,#1e293b);flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:0 16px;display:flex}.sidebar.collapsed .sidebar-header{justify-content:center;padding:0 8px;position:relative}.logo{align-items:center;gap:10px;display:flex;overflow:hidden}.sidebar.collapsed .logo{justify-content:center}.logo-img{flex-shrink:0;width:30px;height:30px}.logo-text{color:var(--sidebar-text-hover,#f1f5f9);white-space:nowrap;letter-spacing:-.3px;font-size:16px;font-weight:700}.logo-text-ai{color:var(--accent,#818cf8)}.toggle-btn{color:var(--sidebar-text,#64748b);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;align-items:center;padding:6px;transition:background .15s,color .15s;display:flex}.toggle-btn:hover{background:var(--sidebar-active-bg,#1e293b);color:var(--sidebar-text-hover,#f1f5f9)}.sidebar.collapsed .toggle-btn{opacity:0;transition:opacity .2s;position:absolute;top:18px;right:4px}.sidebar.collapsed:hover .toggle-btn{opacity:1}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:12px 10px;display:flex;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--sidebar-border,#1e293b);border-radius:4px}.nav-group{flex-direction:column;gap:1px;margin-bottom:6px;display:flex}.nav-group-label{text-transform:uppercase;letter-spacing:1px;color:var(--nav-group-label,#334155);white-space:nowrap;padding:8px 8px 4px;font-size:10px;font-weight:700;transition:opacity .2s;overflow:hidden}.sidebar.collapsed .nav-group-label{opacity:0;height:0;margin:0;padding:0}.nav-divider{background:var(--sidebar-border,#1e293b);height:1px;margin:6px 0}.nav-item{color:var(--sidebar-text,#94a3b8);white-space:nowrap;border-radius:8px;align-items:center;gap:10px;padding:9px 10px;font-size:13.5px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex;position:relative}.nav-item:hover{background:var(--sidebar-active-bg,#1e293b);color:var(--sidebar-text-hover,#e2e8f0)}.nav-item.active{background:var(--sidebar-active-bg,#6366f126);color:var(--sidebar-active-text,#818cf8);font-weight:600}.nav-item.active .nav-icon{color:var(--sidebar-active-text,#818cf8)}.nav-icon{flex-shrink:0;justify-content:center;align-items:center;min-width:20px;display:flex}.nav-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar.collapsed .nav-item{justify-content:center;gap:0;padding:10px}.sidebar-connectors{border-top:1px solid var(--sidebar-border,#1e293b);flex-shrink:0;padding:8px 12px 12px}.connectors-list{flex-direction:column;gap:2px;display:flex}.connector-item{color:var(--sidebar-text,#94a3b8);border-radius:6px;align-items:center;gap:8px;padding:5px 8px;font-size:12px;display:flex}.connector-icon{flex-shrink:0;font-size:13px}.connector-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.connector-status{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex}.connector-status.connected{color:#34d399;background:#065f4620}.connector-status.pending{color:#f59e0b;background:#f59e0b18}.connector-btn{border:1px solid var(--accent,#6366f1);width:100%;color:var(--accent,#818cf8);cursor:pointer;background:0 0;border-radius:8px;margin-top:8px;padding:7px 12px;font-size:12px;font-weight:600;transition:all .2s}.connector-btn:hover{background:#6366f11a}.connector-email{color:var(--sidebar-text,#475569);text-align:center;text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:10px;overflow:hidden}.sidebar-footer{border-top:1px solid var(--sidebar-border,#1e293b);flex-shrink:0;align-items:center;gap:10px;padding:12px 16px;display:flex}.sidebar-footer-logo{flex-shrink:0;width:24px;height:24px}.sidebar-footer-text{color:var(--nav-group-label,#334155);white-space:nowrap;font-size:11px}@media (max-width:768px){.sidebar{transition:transform .25s,width .25s;transform:translate(-100%);width:260px!important}.sidebar:not(.collapsed){transform:translate(0);box-shadow:4px 0 24px #0006}.sidebar.collapsed{transform:translate(-100%);width:260px!important}.toggle-btn{display:none!important}}.header{background:var(--bg-card,#fff);border-bottom:1px solid var(--border,#e5e7eb);z-index:50;justify-content:space-between;align-items:center;gap:16px;height:60px;padding:0 24px;transition:background .3s,border-color .3s;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:14px;display:flex}.menu-toggle{color:var(--text-muted,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;padding:6px;transition:background .15s,color .15s;display:none}.menu-toggle:hover{background:var(--bg-card-hover,#f3f4f6);color:var(--text-primary,#111827)}.header-title{color:var(--text-primary,#111827);letter-spacing:-.2px;margin:0;font-size:17px;font-weight:600}.header-right{align-items:center;gap:10px;display:flex}.header-icon-btn{border:1px solid var(--border,#e5e7eb);width:34px;height:34px;color:var(--text-muted,#6b7280);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:flex}.header-icon-btn:hover{background:var(--bg-card-hover,#f3f4f6);color:var(--text-primary,#111827);border-color:var(--border,#e5e7eb)}.header-divider{background:var(--border,#e5e7eb);width:1px;height:24px}.header-profile{cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:9px;padding:5px 10px 5px 5px;transition:background .15s;display:flex}.header-profile:hover{background:var(--bg-card-hover,#f3f4f6)}.header-avatar{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.header-profile-info{flex-direction:column;align-items:flex-start;gap:1px;display:flex}.header-profile-name{color:var(--text-primary,#111827);font-size:13px;font-weight:600;line-height:1}.header-profile-role{color:var(--text-muted,#6b7280);text-transform:capitalize;font-size:11px;line-height:1}.header-profile-chevron{color:var(--text-muted,#6b7280);flex-shrink:0}.header-profile-wrap{position:relative}.header-profile-dropdown{background:var(--bg-card,#fff);border:1px solid var(--border,#e5e7eb);box-shadow:0 8px 30px var(--shadow,#0000001a);z-index:100;border-radius:12px;min-width:260px;transition:background .3s,border-color .3s;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden}.profile-dropdown-header{background:var(--bg-card-hover,#f9fafb);align-items:center;gap:10px;padding:14px 16px;display:flex}.profile-dropdown-avatar{color:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.profile-dropdown-name{color:var(--text-primary,#111827);font-size:14px;font-weight:600}.profile-dropdown-role{color:var(--text-muted,#6b7280);text-transform:capitalize;font-size:12px}.profile-dropdown-divider{background:var(--border,#e5e7eb);height:1px}.profile-dropdown-item{cursor:pointer;width:100%;color:var(--text-secondary,#374151);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:11px 16px;font-size:13px;font-weight:500;transition:background .15s;display:flex}.profile-dropdown-item:hover{background:var(--bg-card-hover,#f9fafb)}.profile-dropdown-details{padding:8px 16px 10px}.profile-detail-row{color:var(--text-muted,#6b7280);align-items:center;gap:8px;padding:5px 0;font-size:12px;display:flex}.profile-detail-row svg{opacity:.6;flex-shrink:0}.profile-detail-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-dropdown-item.danger{color:var(--danger,#dc2626)}.profile-dropdown-item.danger:hover{background:var(--error-bg,#fef2f2)}@media (max-width:768px){.header{gap:8px;padding:0 12px}.menu-toggle{display:flex}.header-title{font-size:15px}.header-profile-info,.header-profile-chevron{display:none}.header-right{gap:6px}.header-divider{display:none}.header-profile-dropdown{min-width:220px;right:-8px}}@media (max-width:480px){.header{height:52px;padding:0 8px}.header-title{font-size:14px}.header-icon-btn{width:30px;height:30px}.header-avatar{width:28px;height:28px;font-size:12px}}.app-selector-wrapper{align-items:center;gap:8px;display:flex;position:relative}.app-selector-label{color:var(--text-muted,#6b7280);font-size:14px;font-weight:500}.app-selector-trigger{border:1px solid var(--border,#d1d5db);background:var(--bg-card,#fff);color:var(--text-primary,#111827);cursor:pointer;border-radius:8px;align-items:center;gap:8px;min-width:200px;padding:8px 12px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s,background .3s;display:flex}.app-selector-trigger:hover{border-color:var(--accent,#6366f1)}.app-selector-trigger.open{border-color:var(--accent,#6366f1);box-shadow:0 0 0 3px #6366f11a}.app-selector-name{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.app-selector-chevron{color:var(--text-muted,#6b7280);flex-shrink:0;transition:transform .2s}.app-selector-chevron.rotated{transform:rotate(180deg)}.app-selector-dropdown{background:var(--bg-card,#fff);border:1px solid var(--border,#d1d5db);box-shadow:0 4px 20px var(--shadow,#0000001f);z-index:100;border-radius:10px;flex-direction:column;min-width:300px;margin:0;transition:background .3s,border-color .3s;display:flex;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden}.app-selector-search-wrap{border-bottom:1px solid var(--border,#e5e7eb);background:var(--bg-card,#fff);z-index:1;align-items:center;gap:6px;padding:8px 12px;display:flex;position:sticky;top:0}.app-selector-search-icon{flex-shrink:0}.app-selector-search{color:var(--text-primary,#111827);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13px}.app-selector-search::placeholder{color:var(--text-light,#9ca3af)}.app-selector-search-clear{cursor:pointer;color:var(--text-light,#9ca3af);background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:12px;line-height:1}.app-selector-search-clear:hover{background:var(--bg-card-hover,#f3f4f6);color:var(--text-muted,#6b7280)}.app-selector-list{max-height:340px;margin:0;padding:4px 0;list-style:none;overflow-y:auto}.app-selector-option{cursor:pointer;color:var(--text-secondary,#374151);align-items:center;gap:10px;padding:10px 14px;font-size:14px;transition:background .12s;display:flex}.app-selector-option:hover{background:var(--bg-card-hover,#f3f4f6)}.app-selector-option.selected{background:var(--accent-light,#eef2ff);font-weight:500}.app-selector-option.all-apps-option{border-bottom:1px solid var(--border,#e5e7eb);background:var(--table-header,#f8fafc);color:var(--text-primary,#1e293b);font-weight:600}.app-selector-option.all-apps-option:hover{background:var(--accent-light,#eef2ff)}.app-selector-option.all-apps-option.selected{background:var(--accent-light,#e0e7ff)}.app-selector-badge{background:var(--text-primary,#1e293b);color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.app-icon-all{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:6px;font-size:14px}.app-selector-option-info{flex-direction:column;flex:1;min-width:0;display:flex}.app-selector-option-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.app-selector-option-pkg{color:var(--text-light,#9ca3af);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.app-selector-check{flex-shrink:0}.app-selector-no-results{text-align:center;color:var(--text-light,#9ca3af);padding:16px 14px;font-size:13px}.app-icon-img{object-fit:cover;border-radius:6px;flex-shrink:0;width:24px;height:24px}.app-icon-emoji{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:18px;display:flex}@media (max-width:768px){.app-selector-label{display:none}.app-selector-trigger{min-width:120px;max-width:180px;padding:6px 10px;font-size:13px}.app-selector-dropdown{min-width:260px;right:-40px}.app-selector-option{padding:8px 12px;font-size:13px}}@media (max-width:480px){.app-selector-trigger{gap:4px;min-width:100px;max-width:140px;padding:5px 8px;font-size:12px}.app-selector-dropdown{border-radius:12px;min-width:auto;max-height:70vh;position:fixed;top:56px;left:8px;right:8px}.app-icon-img{width:20px;height:20px}}.dashboard-layout{background:var(--bg-primary,#f4f6fa);height:100vh;display:flex;overflow:hidden}.main-area{flex-direction:column;flex:1;min-width:0;height:100vh;margin-left:240px;transition:margin-left .25s;display:flex}.sidebar-collapsed .main-area{margin-left:64px}.content-area{flex:1;padding:0 32px 28px;overflow-y:auto}.sidebar-overlay{display:none}@media (max-width:768px){.main-area,.sidebar-collapsed .main-area{margin-left:0!important}.content-area{padding:12px}.sidebar-overlay{z-index:99;opacity:1;background:#00000080;transition:opacity .25s;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.sidebar-overlay.hidden{opacity:0;display:none}}@media (max-width:480px){.content-area{padding:8px}}