:root{--color-bg:#f6f7f9;--color-surface:#fff;--color-border:#e2e5ea;--color-text:#1a1d23;--color-text-muted:#62697a;--color-accent:#2f5fd8;--color-error:#c92a2a;--color-error-bg:#fdecec;--color-warning:#b8860b;--color-warning-bg:#fff8e6;--radius:8px;--spacing-1:4px;--spacing-2:8px;--spacing-3:16px;--spacing-4:24px;--spacing-5:32px}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.45}h1,h2{margin:0;font-weight:600}.auth-page{max-width:480px;padding:0 var(--spacing-4);text-align:center;margin:15vh auto 0}.auth-page h1{font-size:1.4rem}.auth-page p{color:var(--color-text-muted)}.auth-error{margin-top:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);background:var(--color-error-bg);color:var(--color-error);border-radius:var(--radius)}.dashboard{max-width:1200px;padding:var(--spacing-4);margin:0 auto}.dashboard-header{justify-content:space-between;align-items:center;gap:var(--spacing-3);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-4);flex-wrap:wrap;display:flex}.dashboard-subtitle{margin:var(--spacing-1) 0 0;color:var(--color-text-muted);font-size:.9rem}.dashboard-user{align-items:center;gap:var(--spacing-2);font-size:.9rem;display:flex}.dashboard-user-email{color:var(--color-text-muted)}.dashboard-role-badge{padding:2px var(--spacing-2);background:var(--color-surface);border:1px solid var(--color-border);text-transform:uppercase;letter-spacing:.03em;border-radius:999px;font-size:.75rem;font-weight:600}.logout-button{padding:6px var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);cursor:pointer;font:inherit}.logout-button:hover{border-color:var(--color-accent);color:var(--color-accent)}.logout-button:disabled{opacity:.6;cursor:default}.dashboard-main{gap:var(--spacing-4);flex-direction:column;display:flex}.metric-cards{gap:var(--spacing-3);margin-bottom:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.metric-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-3);gap:var(--spacing-2);flex-direction:column;display:flex}.metric-card-label{color:var(--color-text-muted);font-size:.8rem}.metric-card-value{font-size:1.75rem;font-weight:600}.metric-card-error{color:var(--color-error);font-size:.85rem}.metric-card-skeleton{background:var(--color-border);border-radius:4px;width:60%;height:1.75rem;animation:1.4s ease-in-out infinite pulse;display:block}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-4)}.panel h2{margin-bottom:var(--spacing-3);font-size:1rem}.panel-header{justify-content:space-between;align-items:baseline;gap:var(--spacing-2);margin-bottom:var(--spacing-3);flex-wrap:wrap;display:flex}.panel-header h2{margin-bottom:0}.panel .error-trend-chart{margin-bottom:var(--spacing-3)}.error-trend-panel h2{margin-bottom:var(--spacing-3);font-size:1rem}.error-trend-header{justify-content:space-between;align-items:center;gap:var(--spacing-2);flex-wrap:wrap;display:flex}.error-trend-header h2{margin-bottom:0}.trend-window-picker{gap:var(--spacing-1);margin-bottom:var(--spacing-3);display:flex}.trend-window-button{padding:4px var(--spacing-2);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text-muted);font:inherit;cursor:pointer;font-size:.8rem}.trend-window-button:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.trend-window-button[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:#fff;cursor:default}.dashboard-columns{gap:var(--spacing-4);grid-template-columns:1fr 1fr;display:grid}.section-error{color:var(--color-error);font-size:.9rem}.empty-state{color:var(--color-text-muted);font-size:.9rem}.stat-list{gap:var(--spacing-2);flex-direction:column;margin:0;display:flex}.stat-row{padding:var(--spacing-2) 0;border-bottom:1px solid var(--color-border);justify-content:space-between;display:flex}.stat-row:last-child{border-bottom:none}.stat-row dt{color:var(--color-text-muted);font-size:.9rem}.stat-row dd{margin:0;font-weight:600}.error-trend-chart{gap:var(--spacing-2);flex-direction:column;display:flex}.error-trend-svg{width:100%;height:140px}.error-trend-bar{fill:var(--color-accent)}.error-trend-labels{color:var(--color-text-muted);justify-content:space-between;font-size:.75rem;display:flex}.issue-list{gap:var(--spacing-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.issue-row{border-left:3px solid var(--color-border);background:var(--color-bg);padding:var(--spacing-2) var(--spacing-3);border-radius:4px}.issue-row.issue-level-error{border-left-color:var(--color-error)}.issue-row.issue-level-warning{border-left-color:var(--color-warning)}.issue-row-main{align-items:center;gap:var(--spacing-2);display:flex}.issue-level-badge{text-transform:uppercase;background:var(--color-border);color:var(--color-text-muted);border-radius:4px;padding:1px 6px;font-size:.7rem;font-weight:700}.issue-row.issue-level-error .issue-level-badge{background:var(--color-error-bg);color:var(--color-error)}.issue-row.issue-level-warning .issue-level-badge{background:var(--color-warning-bg);color:var(--color-warning)}.issue-title{color:var(--color-text);font-weight:600;text-decoration:none}.issue-title:hover{text-decoration:underline}.issue-row-meta{gap:var(--spacing-3);margin-top:var(--spacing-1);color:var(--color-text-muted);flex-wrap:wrap;font-size:.8rem;display:flex}.issue-unhandled-badge{text-transform:uppercase;background:var(--color-error-bg);color:var(--color-error);border-radius:4px;padding:1px 6px;font-size:.7rem;font-weight:700}.issue-environment-tag{background:var(--color-border);border-radius:3px;padding:0 4px}.environment-filter{align-items:center;gap:var(--spacing-2);color:var(--color-text-muted);margin-bottom:var(--spacing-2);font-size:.8rem;display:flex}.environment-filter select{padding:2px 4px;font-size:.8rem}.skeleton-list{gap:var(--spacing-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.skeleton-row{background:var(--color-border);border-radius:4px;height:20px;animation:1.4s ease-in-out infinite pulse}.skeleton-chart{border-radius:var(--radius);background:var(--color-border);height:140px;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:900px){.dashboard-columns{grid-template-columns:1fr}}@media (max-width:520px){.dashboard-header{flex-direction:column;align-items:flex-start}}