:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.info-tooltip-container{position:relative;display:inline-block;margin-left:6px}.info-icon{background:none;border:none;color:#888;cursor:pointer;font-size:14px;padding:0;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.info-icon:hover,.info-icon:focus{color:#4a90d9;background-color:#4a90d91a;outline:none}.info-tooltip-popup{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;padding:10px 12px;background-color:#2a2a3e;border:1px solid #444;border-radius:6px;color:#ccc;font-size:12px;line-height:1.5;white-space:normal;width:240px;box-shadow:0 4px 12px #0000004d;z-index:1000;pointer-events:none}.info-tooltip-popup:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#444}.info-tooltip-popup:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#2a2a3e;z-index:1}:root{--color-primary: #DA291C;--color-primary-light: #FF5545;--color-primary-dark: #B81F15;--color-primary-foreground: #FFFFFF;--color-surface: #000017;--color-surface-foreground: #FFFFFF;--color-secondary: #1A1A2E;--color-secondary-foreground: #FFFFFF;--color-muted: #2A2A3E;--color-muted-foreground: #B0B0C0;--color-accent: #DA291C;--color-accent-foreground: #FFFFFF;--color-border: #3A3A4E;--font-family-display: "Trebuchet MS", "Arial", sans-serif;--font-family-content: "Arial", sans-serif;--font-weight-display: 400;--font-weight-content: 600;--font-size-content: 14px;--spacing: .25rem;--gap: calc(var(--spacing) * 5);--radius: 0}body{background-color:var(--color-surface);color:var(--color-surface-foreground);font-family:var(--font-family-content);margin:0}.dashboard-container{padding:2rem;max-width:1200px;margin:0 auto;animation:pageEnter .25s ease-out}h1,h2,h3{font-family:var(--font-family-display);letter-spacing:.15em;text-transform:uppercase;font-weight:var(--font-weight-display);margin-top:0}h1{font-size:32px;border-bottom:4px solid var(--color-primary);padding-bottom:1rem;margin-bottom:2rem}h2{font-size:24px;margin-bottom:1.5rem;color:var(--color-muted-foreground)}h3{font-size:18px;margin-bottom:1rem}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.card{background-color:var(--color-secondary);border:1px solid var(--color-border);padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between}.metric-label{font-size:.9rem;color:var(--color-muted-foreground);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.metric-value{font-size:2.5rem;font-family:var(--font-family-display);color:var(--color-primary-foreground)}.metric-sub{font-size:.8rem;color:var(--color-primary-light);margin-top:.5rem}.chart-container{background-color:var(--color-secondary);border:1px solid var(--color-border);padding:1.5rem;margin-bottom:3rem}.bar-chart{display:flex;flex-direction:column;gap:1rem}.bar-row{display:flex;align-items:center;gap:1rem}.bar-label{width:150px;text-align:right;color:var(--color-muted-foreground)}.bar-track{flex-grow:1;background-color:var(--color-muted);height:24px;position:relative}.bar-fill{background-color:var(--color-primary);height:100%;display:flex;align-items:center;padding-left:.5rem;white-space:nowrap;font-size:.8rem;color:#fff}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:1rem;border-bottom:1px solid var(--color-border)}th{color:var(--color-muted-foreground);text-transform:uppercase;font-weight:400}tr:last-child td{border-bottom:none}.filters-row{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:flex-start;margin-bottom:2rem;background-color:var(--color-secondary);border:1px solid var(--color-border);padding:1.5rem}.date-range-picker{display:flex;flex-direction:column;gap:1rem}.preset-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.preset-btn{background-color:var(--color-muted);border:1px solid var(--color-border);color:var(--color-muted-foreground);padding:.5rem 1rem;cursor:pointer;font-family:var(--font-family-content);font-size:.85rem;transition:all .2s ease}.preset-btn:hover{background-color:var(--color-border)}.preset-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.preset-btn:active{background-color:var(--color-primary-dark);transform:scale(.98)}.preset-btn.active{background-color:var(--color-primary);color:var(--color-primary-foreground);border-color:var(--color-primary)}.custom-inputs{display:flex;gap:1rem;flex-wrap:wrap}.custom-inputs label{display:flex;flex-direction:column;gap:.25rem;color:var(--color-muted-foreground);font-size:.85rem}.custom-inputs input[type=date]{background-color:var(--color-muted);border:1px solid var(--color-border);color:var(--color-surface-foreground);padding:.5rem;font-family:var(--font-family-content)}.custom-inputs input[type=date]:focus{outline:2px solid var(--color-primary);outline-offset:2px}.channel-select{display:flex;align-items:center}.channel-select label{display:flex;align-items:center;gap:.5rem;color:var(--color-muted-foreground);font-size:.85rem}.channel-select select{background-color:var(--color-muted);border:1px solid var(--color-border);color:var(--color-surface-foreground);padding:.5rem 1rem;font-family:var(--font-family-content);font-size:.85rem;min-width:150px}.channel-select select:focus{outline:2px solid var(--color-primary);outline-offset:2px}.channel-select select:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-secondary)}.metric-toggle{display:flex;flex-direction:column;gap:.75rem}.toggle-actions{display:flex;gap:.5rem}.toggle-action-btn{background:none;border:none;color:var(--color-primary-light);cursor:pointer;font-size:.75rem;text-decoration:underline;padding:0}.toggle-action-btn:hover{color:var(--color-primary)}.toggle-action-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.toggle-action-btn:active{color:var(--color-primary-dark)}.toggle-options{display:flex;flex-wrap:wrap;gap:1rem}.toggle-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--color-muted-foreground);font-size:.85rem}.toggle-option input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.toggle-option input[type=checkbox]:focus-visible+.toggle-indicator{outline:2px solid var(--color-primary);outline-offset:2px}.toggle-indicator{width:12px;height:12px;border-radius:2px;transition:background-color .2s ease}.toggle-label{-webkit-user-select:none;user-select:none}.chart-wrapper{width:100%;min-height:400px}.chart-section{background-color:var(--color-secondary);border:1px solid var(--color-border);padding:1.5rem;margin-bottom:2rem}.chart-section h3,.chart-controls{margin-bottom:1rem}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:200px;color:var(--color-muted-foreground)}.loading-container:before{content:"";width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.error-container{color:var(--color-primary)}.dashboard-nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background-color:var(--color-secondary);border-bottom:1px solid var(--color-border)}.dashboard-nav-links{display:flex;gap:2rem}.user-profile{position:relative}.user-profile-trigger{display:flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;padding:.25rem;color:var(--color-surface-foreground);font-family:var(--font-family-content)}.user-profile-avatar{width:32px;height:32px;border-radius:50%;background-color:var(--color-primary);color:var(--color-primary-foreground);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;flex-shrink:0}.user-profile-name{font-size:.85rem;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-profile-dropdown{position:absolute;right:0;top:100%;margin-top:.5rem;width:260px;background-color:var(--color-secondary);border:1px solid var(--color-border);padding:1rem;z-index:50}.user-profile-info{display:flex;flex-direction:column;gap:.25rem}.user-profile-fullname{color:var(--color-surface-foreground);font-weight:600;font-size:.9rem}.user-profile-email{color:var(--color-muted-foreground);font-size:.8rem}.user-profile-divider{border-top:1px solid var(--color-border);margin:.75rem 0}.user-profile-signout{background:none;border:none;color:var(--color-primary);cursor:pointer;font-family:var(--font-family-content);font-size:.85rem;font-weight:600;padding:0}.user-profile-signout:hover{color:var(--color-primary-light)}.dashboard-nav a{color:var(--color-muted-foreground);text-decoration:none;padding:.5rem 1rem;border-bottom:2px solid transparent;transition:all .2s ease;text-transform:uppercase;letter-spacing:.1em;font-size:.9rem}.dashboard-nav a:hover{color:var(--color-primary-light);border-bottom-color:var(--color-primary-light)}.dashboard-nav a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.dashboard-nav a.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.card.highlight-card{border-left:4px solid var(--color-primary)}.chart-description{color:var(--color-muted-foreground);font-size:.9rem;margin-bottom:1.5rem;margin-top:0}.cohort-table-wrapper{overflow-x:auto}.cohort-table{width:100%;border-collapse:collapse;font-size:.85rem}.cohort-table th,.cohort-table td{text-align:left;padding:.75rem 1rem;border-bottom:1px solid var(--color-border)}.cohort-table th{color:var(--color-muted-foreground);text-transform:uppercase;font-weight:400;font-size:.75rem;letter-spacing:.05em}.cohort-table tr:last-child td{border-bottom:none}.cohort-table tbody tr{transition:background-color .2s ease}.cohort-table tbody tr:hover{background-color:#ffffff0d}.cohort-table .cohort-month{font-weight:600}.cohort-table .mature-cohort{background-color:#10b9811a}.cohort-table .young-cohort{opacity:.7}.cohort-table .highlight-good{color:#10b981;font-weight:600}.cohort-table .growth-percent{color:var(--color-muted-foreground);font-size:.8em}.cohort-legend{display:flex;gap:2rem;margin-top:1rem;font-size:.8rem;color:var(--color-muted-foreground)}.legend-item{display:flex;align-items:center;gap:.5rem}.legend-dot{width:12px;height:12px;border-radius:2px}.legend-item.mature .legend-dot{background-color:#10b9814d;border:1px solid #10B981}.legend-item.young .legend-dot{background-color:var(--color-muted);border:1px solid var(--color-border)}.dashboard-content{transition:opacity .2s ease}.dashboard-content.fetching{opacity:.6;pointer-events:none}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}@keyframes spin{to{transform:rotate(360deg)}}.health-check{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:100vh;font-size:1.2rem;color:#666}.health-check:before{content:"";width:40px;height:40px;border:4px solid #3A3A4E;border-top-color:#da291c;border-radius:50%;animation:spin 1s linear infinite}.health-check.error{color:#dc3545}.health-check.error:before{display:none}
