:root{--bg-color:#0f172a;--bg-card:#1e293b;--bg-card-hover:#334155;--bg-input:#0f172a;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--border-color:#334155;--border-focus:#3b82f6;--primary:#3b82f6;--primary-hover:#2563eb;--primary-light:#3b82f626;--accent-purple:#8b5cf6;--accent-cyan:#06b6d4;--accent-emerald:#10b981;--accent-amber:#f59e0b;--accent-rose:#f43f5e;--status-2xx:#10b981;--status-4xx:#f59e0b;--status-5xx:#f43f5e;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0003;--shadow-md:0 4px 6px -1px #0000004d, 0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -2px #0003;--shadow-glow:0 0 20px #3b82f640;--font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5}a{color:var(--primary);text-decoration:none}button{cursor:pointer;border:none;font-family:inherit}input,select,button{font-size:.95rem}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{border-radius:var(--radius-sm);background:linear-gradient(90deg,#ffffff08 0%,#ffffff14 50%,#ffffff08 100%) 0 0/200% 100%;animation:1.8s linear infinite shimmer}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:1.25rem;height:1.25rem;animation:.7s linear infinite spin;display:inline-block}.spinner-lg{border-width:3px;border-top-color:var(--primary);width:2.5rem;height:2.5rem}.navbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);z-index:100;background:#0f172ae6;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 2rem;display:flex;position:sticky;top:0}.navbar-brand{cursor:pointer;align-items:center;gap:.75rem;display:flex}.navbar-logo{background:linear-gradient(135deg, var(--primary), var(--accent-purple));border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:flex;box-shadow:0 2px 8px #3b82f666}.navbar-title{color:var(--text-main);letter-spacing:-.01em;font-size:1.2rem;font-weight:700}.navbar-nav-links{align-items:center;gap:.75rem;display:flex}.nav-link-btn{border:1px solid var(--border-color);color:var(--text-muted);border-radius:var(--radius-md);background:#1e293b80;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-link-btn.nav-overview:hover{color:#60a5fa;background:#3b82f61a;border-color:#3b82f666}.nav-link-btn.nav-overview.active{border-color:var(--primary);color:#93c5fd;background:#3b82f633;font-weight:600;box-shadow:0 0 12px #3b82f640}.nav-link-btn.nav-events:hover{color:#c4b5fd;background:#8b5cf61a;border-color:#8b5cf666}.nav-link-btn.nav-events.active{border-color:var(--accent-purple);color:#ddd6fe;background:#8b5cf633;font-weight:600;box-shadow:0 0 12px #8b5cf640}.nav-link-btn.nav-crashes{color:#fca5a5;background:#f43f5e14;border-color:#f43f5e4d}.nav-link-btn.nav-crashes:hover{color:#fff;background:#f43f5e2e;border-color:#f43f5e99}.nav-link-btn.nav-crashes.active{color:#fff;background:#f43f5e40;border-color:#f43f5e;font-weight:700;box-shadow:0 0 15px #f43f5e59}.user-badge{border:1px solid var(--border-color);border-radius:var(--radius-full);background:#0f172a99;align-items:center;gap:.6rem;padding:.4rem .9rem;display:flex}.user-avatar{background:var(--primary-light);width:1.5rem;height:1.5rem;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.user-email{color:var(--text-main);font-size:.875rem;font-weight:500}.btn-logout{color:#fda4af;border-radius:var(--radius-md);background:#f43f5e1f;border:1px solid #f43f5e4d;align-items:center;gap:.5rem;padding:.45rem .95rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.btn-logout:hover{color:#fff;background:#f43f5e40;border-color:#f43f5e99}@media (width<=768px){.navbar{flex-wrap:wrap;padding:.75rem 1rem}.navbar-nav-links{order:3;justify-content:space-around;width:100%}.user-email{display:none}}.shimmer-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.shimmer-line{width:100%;height:1rem}.shimmer-line.sm{width:40%;height:.75rem}.shimmer-line.md{width:70%;height:1.25rem}.shimmer-line.lg{width:50%;height:2.25rem}.shimmer-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;display:grid}.shimmer-block{width:100%;height:200px}.dashboard-content{flex-direction:column;gap:1.5rem;max-width:1400px;margin:0 auto;padding:1.75rem 2rem;display:flex}.fixed-analytics-page{background-color:var(--bg-color);flex-direction:column;height:100vh;min-height:0;display:flex;overflow:hidden}.fixed-analytics-content{flex:1;width:100%;min-height:0;overflow:hidden}.fixed-analytics-content .dashboard-toolbar,.fixed-analytics-content .project-tabs,.fixed-analytics-content .common-error-banner{flex-shrink:0}.dashboard-toolbar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.toolbar-title-group h2{color:var(--text-main);font-size:1.25rem;font-weight:700}.toolbar-title-group p{color:var(--text-muted);font-size:.85rem}.date-preset-group{background:var(--bg-color);border-radius:var(--radius-md);border:1px solid var(--border-color);align-items:center;gap:.5rem;padding:.25rem;display:flex}.preset-btn{color:var(--text-muted);border-radius:var(--radius-sm);background:0 0;padding:.4rem .85rem;font-size:.85rem;font-weight:500;transition:all .2s}.preset-btn.active{background:var(--primary);color:#fff}.preset-btn:hover:not(.active){color:var(--text-main);background:#ffffff0d}.project-tabs{align-items:center;gap:.5rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.project-tab{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-muted);border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:.5rem;padding:.45rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.project-tab.active{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.project-tab:hover:not(.active){border-color:var(--border-focus);color:var(--text-main)}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;display:grid}.metric-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;gap:.75rem;padding:1.5rem;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.metric-card:hover{box-shadow:var(--shadow-md);border-color:#ffffff26;transform:translateY(-2px)}.metric-header{justify-content:space-between;align-items:center;display:flex}.metric-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.metric-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:flex}.metric-icon.blue{color:#60a5fa;background:#3b82f626}.metric-icon.purple{color:#a78bfa;background:#8b5cf626}.metric-icon.cyan{color:#38bdf8;background:#06b6d426}.metric-icon.amber{color:#fbbf24;background:#f59e0b26}.metric-icon.rose{color:#fb7185;background:#f43f5e26}.metric-value{color:var(--text-main);font-size:2.25rem;font-weight:800;line-height:1}.metric-subtitle{color:var(--text-dim);font-size:.8rem}.events-split-layout{flex:1;grid-template-columns:1fr 1fr;gap:1.5rem;min-height:0;display:grid;overflow:hidden}@media (width<=900px){.events-split-layout{grid-template-columns:1fr}}.events-left-col{flex-direction:column;height:100%;min-height:0;display:flex}.events-left-col .chart-card{flex-direction:column;height:100%;display:flex;overflow:hidden}.events-left-col .bar-list{flex:1;min-height:0;max-height:none;overflow-y:auto}.events-right-col{flex-direction:column;gap:1.25rem;height:100%;min-height:0;display:flex;overflow:hidden}.events-right-top{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.events-right-top .chart-card{flex-direction:column;height:100%;display:flex;overflow:hidden}.events-right-top .bar-list{flex:1;min-height:0;max-height:none;overflow-y:auto}.events-right-bottom{flex-shrink:0;min-height:0;overflow:hidden}.crashes-content>.chart-card,.crashes-loading-panel{flex:1;min-height:0;overflow:hidden}.crashes-content>.chart-card{flex-direction:column;display:flex}.crashes-loading-panel{display:flex}.chart-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;gap:1rem;padding:1.25rem 1.5rem;display:flex}.chart-card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:.85rem;display:flex}.chart-card-title{color:var(--text-main);align-items:center;gap:.6rem;font-size:1.05rem;font-weight:700;display:flex}.chart-card-badge{background:var(--primary-light);color:var(--primary);border-radius:var(--radius-full);padding:.2rem .6rem;font-size:.75rem;font-weight:600}.bar-list{box-sizing:border-box;flex-direction:column;gap:1rem;padding-bottom:.75rem;padding-right:.5rem;display:flex;overflow-y:auto}.bar-item{flex-direction:column;gap:.35rem;display:flex}.bar-item-info{justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.bar-item-label{color:var(--text-main);word-break:break-all;font-family:monospace}.bar-item-count{color:var(--text-muted);font-weight:700}.bar-track{border-radius:var(--radius-full);background:#0f172af2;border:1px solid #94a3b82e;height:8px;overflow:hidden}.bar-fill{border-radius:var(--radius-full);height:100%;transition:width .6s;box-shadow:0 0 10px #ffffff1f}.bar-fill.blue{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.bar-fill.purple{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.bar-fill.cyan{background:linear-gradient(90deg,#06b6d4,#67e8f9)}.bar-fill.emerald{background:linear-gradient(90deg,#10b981,#34d399)}.bar-fill.amber{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.bar-fill.rose{background:linear-gradient(90deg,#f43f5e,#fb7185)}.bar-fill.indigo{background:linear-gradient(90deg,#6366f1,#818cf8)}.bar-fill.pink{background:linear-gradient(90deg,#ec4899,#f472b6)}.status-pill{border-radius:var(--radius-sm);padding:.2rem .65rem;font-family:monospace;font-size:.75rem;font-weight:700}.status-pill.s2xx{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.status-pill.s4xx{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.status-pill.s5xx{color:#fb7185;background:#f43f5e26;border:1px solid #f43f5e4d}.table-container{border-radius:var(--radius-md);border:1px solid var(--border-color);box-sizing:border-box;flex:1;min-height:0;max-height:none;padding-bottom:.5rem;overflow:auto}.bar-list::-webkit-scrollbar{width:6px;height:6px}.table-container::-webkit-scrollbar{width:6px;height:6px}.bar-list::-webkit-scrollbar-track{border-radius:var(--radius-full);background:#0f172a66}.table-container::-webkit-scrollbar-track{border-radius:var(--radius-full);background:#0f172a66}.bar-list::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#94a3b84d}.table-container::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#94a3b84d}.bar-list::-webkit-scrollbar-thumb:hover{background:#94a3b899}.table-container::-webkit-scrollbar-thumb:hover{background:#94a3b899}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.data-table th{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-color);background:#0f172af2;padding:.85rem 1rem;font-size:.8rem;font-weight:600;position:sticky;top:0}.data-table td{color:var(--text-main);border-bottom:1px solid #33415580;padding:.9rem 1rem}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#ffffff05}.code-text{border-radius:var(--radius-sm);color:#e2e8f0;background:#0000004d;padding:.2rem .5rem;font-family:monospace;font-size:.82rem}.error-text{color:var(--accent-rose);font-family:monospace;font-size:.82rem}.empty-state{text-align:center;color:var(--text-muted);padding:2.5rem 1rem;font-size:.9rem}.login-container{background-color:var(--bg-color);background-image:radial-gradient(circle at 10% 20%,#3b82f626 0%,#0000 40%),radial-gradient(circle at 90% 80%,#8b5cf626 0%,#0000 40%);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.login-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-lg), var(--shadow-glow);background:#1e293bb3;flex-direction:column;gap:1.75rem;padding:2.5rem 2.25rem;display:flex}.login-header{text-align:center;flex-direction:column;align-items:center;gap:.75rem;display:flex}.login-logo{background:linear-gradient(135deg, var(--primary), var(--accent-purple));border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:3.25rem;height:3.25rem;display:flex;box-shadow:0 4px 14px #3b82f666}.login-title{color:var(--text-main);letter-spacing:-.02em;font-size:1.6rem;font-weight:700}.login-subtitle{color:var(--text-muted);font-size:.875rem}.login-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-label{color:var(--text-muted);font-size:.85rem;font-weight:600}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-dim);pointer-events:none;position:absolute;left:.85rem}.form-input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-main);outline:none;padding:.75rem .85rem .75rem 2.5rem;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f633}.form-input.has-error{border-color:var(--accent-rose)}.inline-error{color:#fb7185;align-items:center;gap:.35rem;font-size:.8rem;display:flex}.common-error-banner{color:#fda4af;border-radius:var(--radius-md);background:#f43f5e1f;border:1px solid #f43f5e4d;align-items:center;gap:.6rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.btn-submit{background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:#fff;border-radius:var(--radius-md);justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.5rem;padding:.85rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #3b82f64d}.btn-submit:hover:not(:disabled){opacity:.92;box-shadow:0 6px 16px #3b82f673}.btn-submit:disabled{opacity:.65;cursor:not-allowed}.loader-container{background-color:var(--bg-color);text-align:center;background-image:radial-gradient(circle at 50% 20%,#3b82f61f 0%,#0000 50%),radial-gradient(circle at 80% 80%,#8b5cf614 0%,#0000 40%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.loader-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg), var(--shadow-glow);background:#1e293b99;flex-direction:column;align-items:center;gap:1.25rem;padding:2.5rem 3.5rem;display:flex}.loader-brand{align-items:center;gap:.75rem;display:flex}.loader-logo{background:linear-gradient(135deg, var(--primary), var(--accent-purple));border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;display:flex;box-shadow:0 4px 12px #3b82f666}.loader-title{background:linear-gradient(135deg,#fff,#94a3b8);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;font-size:1.5rem;font-weight:700}.loader-text{color:var(--text-muted);font-size:.9rem}