:root{font-family:Inter,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}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{margin:0;padding:0;background:url(/assets/dash-background-C92aT7vS.png) no-repeat center center fixed;background-size:cover;min-height:100vh;width:100vw;overflow-x:hidden}#root{min-height:100vh;width:100vw;margin:0;padding:0;text-align:center;background-color:#1a1b26d9}.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}.dashboard{width:100%;min-height:100vh;color:#c0caf5;padding:1rem}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;margin-bottom:2rem;border-bottom:1px solid rgba(65,72,104,.5);gap:2rem}.logo-container{display:flex;align-items:center;gap:1rem}.logo{height:3.5rem;width:auto;transition:transform .3s ease}.logo:hover{transform:scale(1.05)}h1{color:#bb9af7;font-size:1.8rem;margin:0}.header-controls{display:flex;gap:1rem}.date-range-select{background-color:#24283b;color:#7dcfff;border:1px solid #414868;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:border-color .3s ease}.date-range-select:hover{border-color:#7aa2f7}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;padding:1rem 0}.section-header{grid-column:1 / -1;color:#bb9af7;font-size:1.5rem;margin:2rem 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #414868;text-align:left}.analytics-card{background-color:#24283bcc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease;position:relative;border:1px solid rgba(65,72,104,.3)}.analytics-card:hover{transform:translateY(-2px);box-shadow:0 6px 8px #0003}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card-header h3{color:#7aa2f7;margin:0;font-size:1.2rem}.info-button{background:none;border:none;cursor:pointer;padding:.25rem;font-size:1.2rem;color:#7dcfff;transition:transform .2s ease}.info-button:hover{transform:scale(1.1)}.info-tooltip{position:absolute;top:calc(100% + 10px);left:0;right:0;background-color:#24283b;border:1px solid #414868;border-radius:6px;padding:1rem;margin-top:.5rem;z-index:10;color:#c0caf5;font-size:.9rem;box-shadow:0 4px 6px #0003;white-space:pre-line;line-height:1.6;text-align:left}.metric{font-size:2rem;font-weight:700;color:#9ece6a;display:flex;align-items:baseline;gap:.5rem}.metric .value{color:#9ece6a}.metric .change{font-size:1rem;font-weight:400}.metric .change.positive{color:#9ece6a}.metric .change.negative{color:#f7768e}.loading{color:#565f89;font-size:1.2rem;font-weight:400}@media (max-width: 1400px){.dashboard-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){#root{padding:1rem}.dashboard{padding:.5rem}.dashboard-header{flex-direction:column;gap:1rem;align-items:center;padding:.5rem 0}.header-controls{width:100%;justify-content:center}.section-header{font-size:1.2rem;margin:1.5rem 0 .75rem}.dashboard-grid{gap:.75rem;padding:.5rem 0}.analytics-card{padding:1rem;margin:0;min-width:0}.metric{font-size:1.5rem;flex-wrap:wrap}.metric .change{font-size:.8rem}.chart-container{padding:1rem .5rem;margin:5px 0;min-height:300px;overflow:hidden}.chart-header{padding:0 .5rem}.chart-header h3{font-size:1rem}.chart-info-tooltip,.info-tooltip{max-width:calc(100% - 2rem);left:1rem;right:1rem;padding:.75rem;font-size:.85rem;line-height:1.4}.traffic-sources-container{flex-direction:column;padding:0 .5rem;height:auto;gap:1rem}.traffic-sources-chart{flex:0 0 100%;min-height:250px;max-height:300px}.traffic-sources-legend{flex:0 0 100%;padding:0;max-height:none}.legend-item{font-size:.8rem;padding:.25rem 0}.world-map-container{height:250px;margin:0;padding:.5rem}.recharts-responsive-container{max-height:250px!important}}@media (max-width: 380px){.dashboard-grid{gap:.5rem}.analytics-card{padding:.75rem}.metric{font-size:1.25rem}.previous-value{font-size:.8rem}.chart-container{padding:.75rem .25rem;min-height:250px}.traffic-sources-chart{min-height:200px}.world-map-container{height:200px}}.auth-container{position:relative;display:flex;align-items:center;gap:1rem}.login-button,.logout-button{background-color:#24283b;color:#7dcfff;border:1px solid #414868;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:.9rem}.login-button:hover,.logout-button:hover{border-color:#7aa2f7;background-color:#2a2f44}.user-info{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background-color:#24283b;border-radius:6px;border:1px solid #414868}.user-name{color:#c0caf5;font-size:.9rem}.logout-button{font-size:.8rem;padding:.25rem .75rem}.auth-prompt{grid-column:1 / -1;text-align:center;padding:3rem;background-color:#24283b;border-radius:12px;border:1px solid #414868}.auth-prompt h2{color:#7aa2f7;margin-bottom:1rem}.auth-prompt p{color:#9aa5ce;font-size:1.1rem}.footer{text-align:center;padding:2rem 0;color:#565f89;font-size:.9rem}.footer span{color:#f7768e}.graph-container{background-color:#24283b;border-radius:12px;padding:1.5rem;margin-top:2rem;box-shadow:0 4px 6px #0000001a}.graph-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2rem}.chart-container{background-color:#24283bcc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;padding:1.5rem;margin:10px;box-shadow:0 4px 6px #0000001a;grid-column:1 / -1;min-height:400px;position:relative;border:1px solid rgba(65,72,104,.3)}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.chart-header h3{color:#7aa2f7;margin:0;font-size:1.2rem}.chart-info-button{background:none;border:none;cursor:pointer;padding:.25rem;font-size:1.2rem;color:#7dcfff;transition:transform .2s ease}.chart-info-button:hover{transform:scale(1.1)}.chart-info-button img{width:16px;height:16px}.chart-info-tooltip{position:absolute;top:calc(100% + 10px);left:0;right:0;background-color:#24283b;border:1px solid #414868;border-radius:6px;padding:1rem;margin-top:.5rem;z-index:10;color:#c0caf5;font-size:.9rem;box-shadow:0 4px 6px #0003;white-space:pre-line;line-height:1.6;text-align:left}.map-container{background-color:#24283b;border-radius:12px;padding:1.5rem;margin:10px;box-shadow:0 4px 6px #0000001a;grid-column:span 4;min-height:400px}.map-container h3{color:#7aa2f7;margin:0 0 1.5rem;font-size:1.2rem}.metric .change{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:4px;font-size:.9rem}.metric .change.positive{background-color:#9ece6a1a;color:#9ece6a}.metric .change.negative{background-color:#f7768e1a;color:#f7768e}.previous-value{font-size:.9rem;color:#565f89;margin-top:.5rem;text-align:left}.traffic-sources-container{display:flex;align-items:flex-start;justify-content:space-between;height:calc(100% - 4rem);padding:0 1rem}.traffic-sources-chart{flex:0 0 70%;height:100%;display:flex;align-items:center;justify-content:center;min-height:400px}.traffic-sources-legend{flex:0 0 25%;padding-left:1rem;display:flex;flex-direction:column;gap:.5rem;max-height:400px;overflow-y:auto;margin-top:0}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#c0caf5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.legend-color{flex:0 0 12px;height:12px;border-radius:2px}.world-map-container{height:calc(100% - 3rem);width:100%;position:relative}.jvectormap-container{background-color:transparent!important}.jvectormap-zoomin,.jvectormap-zoomout{background-color:#414868!important;color:#c0caf5!important}.jvectormap-region{fill:#414868;stroke:#1a1b26;stroke-width:.5}.jvectormap-region:hover{fill-opacity:.8}.traffic-sources-legend::-webkit-scrollbar{width:6px}.traffic-sources-legend::-webkit-scrollbar-track{background:#1a1b26;border-radius:3px}.traffic-sources-legend::-webkit-scrollbar-thumb{background:#414868;border-radius:3px}.traffic-sources-legend::-webkit-scrollbar-thumb:hover{background:#565f89}.login-page{min-height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative;margin:0;overflow:hidden;background:none}.login-container{max-width:400px;width:100%;padding:2.5rem;background:#24283bb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(122,162,247,.2);box-shadow:0 8px 32px #0003;text-align:center}.login-logo{width:80px;height:auto;margin-bottom:1.5rem}.login-page h1{color:#fff;font-size:2rem;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.2)}.login-subtitle{color:#ffffffe6;font-size:1.1rem;margin-bottom:2rem;text-shadow:0 2px 4px rgba(0,0,0,.2)}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin:2rem 0}.feature-item{text-align:center;padding:1.25rem;background:#1a1b2680;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:12px;border:1px solid rgba(122,162,247,.1);transition:transform .3s ease}.feature-item:hover{transform:translateY(-5px);background:#1a1b26b3}.feature-emoji{font-size:2rem;margin-bottom:.75rem;display:block}.feature-item h3{color:#fff;margin-bottom:.5rem;font-size:1rem}.feature-item p{color:#fffc;font-size:.85rem;line-height:1.4}.login-button{background:#7aa2f7e6;color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.login-button:hover{background:#7dcfffe6;transform:translateY(-2px)}.button-content{display:flex;align-items:center;justify-content:center;gap:.5rem}.app-footer{position:fixed;bottom:0;left:0;right:0;text-align:center;padding:1rem;color:#fffc;font-size:.9rem;background:#1a1b2680;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:1000}.app-footer span{color:#f7768e}.sidebar{position:fixed;left:0;top:0;bottom:0;width:250px;background-color:#24283be6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-right:1px solid rgba(65,72,104,.5);padding:2rem 0;transition:transform .3s ease;z-index:1000}.sidebar.collapsed{transform:translate(-200px)}.sidebar-header{padding:0 1.5rem;margin-bottom:2rem}.sidebar-logo-container{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.sidebar-logo{width:40px;height:auto}.sidebar-title{color:#7aa2f7;font-size:1.2rem;margin:0}.sidebar-nav{list-style:none;padding:0;margin:0}.sidebar-nav-item{padding:.75rem 1.5rem;color:#c0caf5;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:background-color .2s ease;text-decoration:none}.sidebar-nav-item:hover{background-color:#1a1b26}.sidebar-nav-item.active{background-color:#1a1b26;border-left:3px solid #7aa2f7}.sidebar-toggle{position:absolute;right:-30px;top:20px;width:32px;height:32px;background-color:#7aa2f7e6;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease;padding:0;box-shadow:0 2px 4px #0003}.sidebar-toggle:hover{background-color:#7dcfffe6}.sidebar-toggle img{width:16px;height:16px;filter:brightness(0) invert(1)}.main-content{margin-left:250px;padding:2rem;transition:margin-left .3s ease}.main-content.sidebar-collapsed{margin-left:50px}.mobile-header{display:none;background-color:#24283be6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:1rem;position:fixed;top:0;left:0;right:0;z-index:1000;border-bottom:1px solid rgba(65,72,104,.5)}@media (max-width: 768px){.sidebar{transform:translate(-100%);width:100%}.sidebar.mobile-open{transform:translate(0)}.main-content{margin-left:0;margin-top:60px}.main-content.sidebar-collapsed{margin-left:0}.mobile-header{display:flex;justify-content:space-between;align-items:center}.mobile-menu-button{background:none;border:none;color:#7aa2f7;font-size:1.5rem;cursor:pointer}}.sidebar-footer{position:absolute;bottom:0;left:0;right:0;padding:1.5rem;border-top:1px solid #414868}.sidebar-footer .logout-button{width:100%;padding:.75rem;background-color:#1a1b26;border:1px solid #414868;border-radius:6px;color:#f7768e;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .2s ease}.sidebar-footer .logout-button:hover{background-color:#f7768e;color:#1a1b26;border-color:#f7768e}.sidebar.collapsed .sidebar-footer{padding:1rem .5rem}.sidebar.collapsed .sidebar-footer .logout-button span:last-child{display:none}@media (max-width: 768px){.sidebar-footer{position:relative;margin-top:auto}}.loading-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1b26,#24283b);color:#7aa2f7;gap:1rem}.loading-spinner{font-size:2rem;margin-bottom:1rem}.loading-container p{color:#9aa5ce;font-size:1.1rem}.page-title{color:#7aa2f7;font-size:2rem;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.2)}@media (max-width: 768px){.page-title{font-size:1.5rem}.dashboard-header{flex-direction:column;gap:1rem;align-items:center;padding:.5rem 0}}