body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}#root,body,html{height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.metric-chart{height:180px;margin-top:.5rem;width:100%}.metric-card.chart-view{height:auto!important;min-height:240px}.metric-card:not(.chart-view){align-self:start;height:auto}.metric-chart .chart-content{height:100%;padding:0;position:relative}.metric-chart canvas{height:100%!important;width:100%!important}.chart-loading{color:var(--text-secondary);font-size:.875rem;opacity:.7}.chart-error,.chart-loading{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.chart-error{position:relative}.error-message{color:#ef4444;color:var(--text-error,#ef4444);font-size:.875rem;padding:1rem;text-align:center}.error-overlay{align-items:center;background-color:rgba(var(--color-bg-primary-rgb),.7);color:var(--color-error);display:flex;font-size:.875rem;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:10}.metric-chart .user-growth-charts{margin:0;padding:0}.metric-chart .chart-card{background:#0000;box-shadow:none;height:auto;margin:0;padding:0}*{box-sizing:border-box;margin:0;padding:0}:root{--light-50:#fafafa;--light-100:#f5f5f5;--light-200:#e5e5e5;--light-300:#d4d4d4;--light-400:#a3a3a3;--light-500:#737373;--light-600:#525252;--light-700:#404040;--light-800:#262626;--light-900:#171717;--dark-50:#fafafa;--dark-100:#f5f5f5;--dark-200:#e5e5e5;--dark-300:#d4d4d4;--dark-400:#a3a3a3;--dark-500:#737373;--dark-600:#525252;--dark-700:#2d2d2d;--dark-800:#1f1f1f;--dark-900:#171717;--accent-light:#a855f7;--accent:#9333ea;--accent-dark:#7e22ce;--blue:#3b82f6;--purple:#8b5cf6;--amber:#f59e0b;--green:#10b981;--bg-color:var(--light-50);--text-color:var(--light-700);--card-bg:#fff;--card-shadow:#0000000d;--header-bg:#fff;--header-shadow:#0000001a;--footer-bg:#fff;--footer-border:var(--light-200);--muted-text:var(--light-400);--title-text:var(--light-600);--toggle-bg:var(--dark-700);--toggle-hover:var(--light-100);--toggle-icon:var(--light-400)}.dark{--bg-color:var(--dark-900);--text-color:var(--dark-100);--card-bg:var(--dark-800);--card-shadow:#0003;--header-bg:var(--dark-800);--header-shadow:#0000004d;--footer-bg:var(--dark-800);--footer-border:var(--dark-700);--muted-text:var(--dark-400);--title-text:var(--dark-200);--toggle-bg:var(--dark-800);--toggle-hover:var(--dark-400);--toggle-icon:var(--dark-100)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafafa;background-color:var(--bg-color);color:#404040;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow:hidden;transition:background-color .3s ease,color .3s ease}.app{display:flex;flex-direction:column;height:100vh;margin:0 auto;max-width:100%}.app-header{align-items:center;background-color:#fff;background-color:var(--header-bg);box-shadow:0 2px 4px #0000001a;box-shadow:0 2px 4px var(--header-shadow);display:flex;justify-content:space-between;padding:1rem;transition:background-color .3s ease,box-shadow .3s ease;z-index:10}.app-header h1{font-size:1.5rem;font-weight:600}.theme-toggle{align-items:center;background-color:#2d2d2d;background-color:var(--toggle-bg);border:none;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;color:#a3a3a3;color:var(--toggle-icon);cursor:pointer;display:flex;justify-content:center;margin-left:1rem;padding:.5rem;transition:all .2s ease}.theme-toggle:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.theme-toggle:active{box-shadow:0 1px 2px #0000001a;transform:scale(.95) translateY(0)}.theme-icon{height:1.25rem;transition:transform .3s ease;width:1.25rem}.theme-toggle:hover .theme-icon{transform:rotate(12deg)}.app-content{flex:1 1;overflow:hidden;position:relative}.pull-to-refresh{-webkit-overflow-scrolling:touch;height:100%;overflow:auto}.error,.loading{align-items:center;color:#525252;color:var(--title-text);display:flex;font-size:1.2rem;height:100%;justify-content:center;padding:2rem;text-align:center}.error{color:#e74c3c}.app-footer{background-color:#fff;background-color:var(--footer-bg);border-top:1px solid #e5e5e5;border-top:1px solid var(--footer-border);color:#a3a3a3;color:var(--muted-text);font-size:.8rem;padding:.75rem .75rem 1.5rem;text-align:center;transition:background-color .3s ease,border-color .3s ease,color .3s ease;width:100%}.footer-content{align-items:center;display:flex;flex-direction:column;gap:.25rem;margin:0 auto;max-width:95%}.footer-instructions{white-space:nowrap}.refresh-time{color:#525252;color:var(--title-text);font-size:.75rem;font-weight:500;opacity:.8}.footer-instructions{color:#a3a3a3;color:var(--muted-text);font-size:.7rem}.metrics-grid{grid-gap:1rem;align-items:start;box-sizing:border-box;display:grid;gap:1rem;grid-auto-flow:row;grid-template-columns:repeat(2,1fr);padding:1rem}@media (max-width:480px){.metrics-grid{grid-auto-rows:auto;grid-template-columns:1fr}}.metric-card{align-items:center;align-self:stretch;background-color:#fff;background-color:var(--card-bg);border-radius:12px;box-shadow:0 4px 12px #0000000d;box-shadow:0 4px 12px var(--card-shadow);cursor:pointer;display:flex;flex-direction:column;height:auto;justify-content:center;margin:0 auto;min-height:140px;overflow:hidden;padding:1rem;position:relative;transition:all .2s,background-color .3s ease,box-shadow .3s ease,transform .2s ease;-webkit-user-select:none;user-select:none;width:100%}.metric-unavailable{cursor:default;opacity:.8}.metric-unavailable:active,.metric-unavailable:hover{box-shadow:0 4px 12px #0000000d;box-shadow:0 4px 12px var(--card-shadow);transform:none}.metric-unavailable:active{background-color:#fff;background-color:var(--card-bg)}.metric-unavailable:before{background:linear-gradient(180deg,#f59e0b,#d97706,#b45309);width:4px}.unavailable-metric{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:1rem;text-align:center}.warning-icon{font-size:2rem;margin-bottom:.5rem}.unavailable-message{color:#a3a3a3;color:var(--muted-text);font-size:.9rem;line-height:1.4;max-width:80%}.metric-card:before{background:linear-gradient(180deg,#a855f7,#9333ea,#7e22ce);background:linear-gradient(to bottom,var(--accent-light),var(--accent),var(--accent-dark));content:"";height:100%;left:0;opacity:.8;position:absolute;top:0;transition:width .3s ease;width:4px}.metric-card:hover{box-shadow:0 6px 16px #0000000d;box-shadow:0 6px 16px var(--card-shadow);transform:translateY(-2px)}.metric-card:hover:before{width:6px}.metric-card:active{background-color:#00000005;box-shadow:0 2px 8px #0000000d;box-shadow:0 2px 8px var(--card-shadow);transform:scale(.98) translateY(0)}.metric-title{color:#525252;color:var(--title-text);font-size:1rem;font-weight:500;margin-bottom:.75rem;text-align:center;transition:color .3s ease}.metric-value{background:linear-gradient(135deg,#404040,#9333ea);background:linear-gradient(135deg,var(--text-color),var(--accent));background-clip:text;-webkit-background-clip:text;color:#0000;font-size:2.5rem;font-weight:700;margin-bottom:.5rem;padding:.25rem .75rem;position:relative;text-align:center;text-shadow:0 0 1px #0000001a;transition:all .3s ease}.dark .metric-value{background:linear-gradient(135deg,#404040,#a855f7);background:linear-gradient(135deg,var(--text-color),var(--accent-light));background-clip:text;-webkit-background-clip:text;color:#0000;text-shadow:0 0 1px #ffffff1a}.metric-card:active .metric-value{transform:scale(.98)}.metric-period{color:#a3a3a3;color:var(--muted-text);font-size:.9rem;transition:color .3s ease}.comparison-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem;padding:0 .5rem;width:100%}.avg-month,.this-month{align-items:center;display:flex;flex-direction:column;min-width:70px}.comparison-value{color:#404040;color:var(--text-color);font-size:1.5rem;font-weight:600;margin-bottom:.25rem}.comparison-label{color:#a3a3a3;color:var(--muted-text);font-size:.7rem;letter-spacing:.5px;text-transform:uppercase}.percent-change{align-items:center;border-radius:4px;display:flex;flex-direction:column;font-size:.85rem;font-weight:500;justify-content:center;margin:0 .5rem;padding:.25rem .5rem;transition:all .3s ease}.percent-change.positive{color:#10b981}.percent-change.negative{color:#ef4444}.percent-change.neutral{color:#a3a3a3;color:var(--muted-text)}.change-symbol{font-size:1rem;font-weight:700;margin-bottom:.1rem}.change-value{font-size:.8rem}.dark .percent-change.positive{color:#34d399}.dark .percent-change.negative{color:#f87171}.dark .percent-change.neutral{color:#d4d4d4;color:var(--dark-300)}.skeleton-card{cursor:default}.skeleton-card:before{display:none}.skeleton-period,.skeleton-title,.skeleton-value{background-color:#0000000d;background-color:var(--card-shadow);border-radius:4px;overflow:hidden;position:relative}.skeleton-title{height:1rem;margin-bottom:1.5rem;width:70%}.skeleton-value{height:2.5rem;margin-bottom:1rem;width:80%}.skeleton-period{height:.9rem;width:50%}.skeleton-period:after,.skeleton-title:after,.skeleton-value:after{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.dark .skeleton-period,.dark .skeleton-title,.dark .skeleton-value{background-color:#2d2d2d;background-color:var(--dark-700)}.dark .skeleton-period:after,.dark .skeleton-title:after,.dark .skeleton-value:after{background:linear-gradient(90deg,#0000,#ffffff0d,#0000)}@keyframes skeleton-loading{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.ptr--ptr{box-shadow:none}.ptr--icon,.ptr--text{color:#a3a3a3;color:var(--muted-text);transition:color .3s ease}
/*# sourceMappingURL=main.3ef5dd31.css.map*/