.error-page-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--surface-base);color:var(--text-vivid);padding:1.5rem;font-family:inherit}.error-content{max-width:440px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-xl)}.error-icon-wrapper{display:flex;align-items:center;justify-content:center}.error-icon{width:80px;height:80px;background-color:var(--color-danger-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #ff4d4f26}.error-icon svg{width:40px;height:40px;stroke:var(--status-error);color:var(--status-error)}.error-heading{font:var(--font-heading-2);font-weight:700;margin:0 0 .75rem;color:var(--text-vivid)}.error-description{color:var(--text-secondary);font-size:1rem;line-height:1.6}.error-reference{font:var(--font-label-sm);color:var(--text-muted);margin:0;word-break:break-all}.error-reference code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85em;letter-spacing:.04em}.error-recovery{width:100%;background-color:var(--surface-elevated);border:1px solid var(--border-neutral);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:left}.error-recovery-title{font:var(--font-label-lg);font-weight:600;color:var(--text-secondary);margin:0 0 var(--space-md) 0;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.error-recovery-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-md)}.error-recovery-item{display:flex;align-items:flex-start;gap:var(--space-md);font:var(--font-body-md);color:var(--text-secondary);line-height:1.5}.error-recovery-number{flex-shrink:0;width:22px;height:22px;background-color:var(--interactive-bg-default);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font:var(--font-label-sm);font-weight:600;color:var(--text-muted);margin-top:1px}.error-actions{display:flex;gap:var(--space-md);width:100%;justify-content:center}.btn-retry,.btn-dashboard{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);min-height:44px;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font:var(--font-label-lg);font-weight:600;cursor:pointer;transition:background-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-fast);border:none}.btn-retry{background-color:var(--status-success);color:var(--text-inverse);box-shadow:0 0 15px #00d4aa4d}.btn-retry:hover{background-color:var(--color-success-hover);box-shadow:0 0 20px #00d4aa80;transform:translateY(-1px)}.btn-retry:focus-visible{outline:none;box-shadow:0 0 0 2px var(--surface-base),0 0 0 4px var(--interactive-focus-ring)}.btn-retry:active{transform:translateY(0)}.btn-dashboard{background-color:var(--surface-elevated);color:var(--text-vivid);border:1px solid var(--border-neutral)}.btn-dashboard:hover{background-color:var(--surface-highest);transform:translateY(-1px)}.btn-dashboard:focus-visible{outline:none;box-shadow:0 0 0 2px var(--surface-base),0 0 0 4px var(--interactive-focus-ring)}.btn-dashboard:active{transform:translateY(0)}@media(max-width:480px){.error-page-container{padding:var(--space-lg);align-items:flex-start;padding-top:var(--space-4xl)}.error-actions{flex-direction:column}.btn-retry,.btn-dashboard{width:100%}}@media(prefers-reduced-motion:reduce){.btn-retry,.btn-dashboard{transition:none;transform:none!important}}.metrics-grid-container{container-type:inline-size}.metrics-grid-container .grid{min-width:0}.metrics-grid-container .grid>div{min-width:0;overflow:hidden}@container (max-width: 640px){.metrics-grid-container .grid{grid-template-columns:1fr;gap:1rem}.metrics-grid-container .grid>div[col-span]{grid-column:span 1 / span 1}}.metrics-grid-container .metric-card-wrapper{min-width:0;overflow:hidden;word-break:break-word}.metrics-grid-container .metric-card-wrapper>div{min-width:0;overflow:hidden}@media(prefers-reduced-motion:reduce){.metrics-grid-container .grid>div{transition:none}}