.status-page{background:var(--color-gray-50);min-height:100vh;overflow-x:hidden}.status-page-header{background:linear-gradient(135deg,var(--color-primary-dark) 0,var(--color-primary) 100%);padding:var(--space-16) 0 var(--space-20);color:var(--color-white);text-align:center}.status-page-header h1{font-size:var(--text-4xl);color:var(--color-white);margin-bottom:var(--space-4)}.status-page-header p{color:rgba(255,255,255,.7);max-width:600px;margin:0 auto}.overall-status{max-width:800px;margin:calc(-1 * var(--space-12)) auto var(--space-12);padding:var(--space-8);background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);gap:var(--space-6)}.overall-status,.overall-status-indicator{display:flex;align-items:center;justify-content:center}.overall-status-indicator{width:48px;height:48px;border-radius:50%;font-size:24px;flex-shrink:0}.overall-status-indicator.operational{background:rgba(34,197,94,.15);color:var(--color-success);animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 rgba(34,197,94,.4)}50%{box-shadow:0 0 0 12px rgba(34,197,94,0)}}.overall-status-indicator.degraded{background:rgba(251,191,36,.15);color:#f59e0b}.overall-status-text h2{font-size:var(--text-2xl);margin-bottom:var(--space-1)}.overall-status-text p{color:var(--color-gray-500);font-size:var(--text-sm)}.status-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--space-6);margin-bottom:var(--space-16)}@media (min-width:768px){.status-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.status-grid{grid-template-columns:repeat(4,1fr)}}.status-card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-100);transition:all var(--transition-base)}.status-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.status-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.status-card-title{font-size:var(--text-sm);font-weight:600;color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.5px}.status-dot{width:10px;height:10px;border-radius:50%}.status-dot.success{background:var(--color-success)}.status-dot.warning{background:#f59e0b}.status-dot.error{background:#ef4444}.status-card-value{font-size:var(--text-3xl);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-2)}.status-card-meta{font-size:var(--text-xs);color:var(--color-gray-500)}.status-trend{display:inline-flex;align-items:center;gap:var(--space-1);font-weight:600;margin-left:var(--space-2)}.status-trend.up{color:var(--color-success)}.status-trend.down{color:#ef4444}.status-trend.neutral{color:var(--color-gray-400)}.systems-section{margin-bottom:var(--space-12)}.systems-section h3{font-size:var(--text-xl);margin-bottom:var(--space-6);color:var(--color-gray-900)}.systems-list{display:flex;flex-direction:column;gap:var(--space-3)}.system-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--space-6);background:var(--color-white);border-radius:var(--radius-xl);border:1px solid var(--color-gray-100);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.system-item:hover{border-color:var(--color-success);box-shadow:var(--shadow-md)}.system-info{display:flex;flex-direction:column;gap:var(--space-1)}.system-name{font-weight:600;font-size:var(--text-base);color:var(--color-gray-900)}.system-description{font-size:var(--text-sm);color:var(--color-gray-500)}.system-status{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600}.system-status.operational{background:rgba(34,197,94,.1);color:var(--color-success)}.system-status.degraded{background:rgba(251,191,36,.1);color:#f59e0b}.system-status.outage{background:rgba(239,68,68,.1);color:#ef4444}.system-status .status-dot{width:8px;height:8px;border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}.system-status.operational .status-dot{background:var(--color-success)}.system-status.degraded .status-dot{background:#f59e0b}.system-status.outage .status-dot{background:#ef4444}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.kpi-section{margin-bottom:var(--space-16)}.kpi-section-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-8)}.kpi-section-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:24px}.kpi-section-icon.baumarkt{background:rgba(99,102,241,.1);color:#6366f1}.kpi-section-icon.grosshandel{background:rgba(16,185,129,.1);color:var(--color-success)}.kpi-section-icon.industrie{background:rgba(245,158,11,.1);color:#f59e0b}.kpi-section-title h3{font-size:var(--text-xl);margin-bottom:var(--space-1)}.kpi-section-title p{font-size:var(--text-sm);color:var(--color-gray-500)}.kpi-cards{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--space-4)}@media (min-width:640px){.kpi-cards{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.kpi-cards{grid-template-columns:repeat(4,1fr)}}.kpi-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-5);border:1px solid var(--color-gray-100);box-shadow:var(--shadow-sm)}.kpi-card-label{font-size:var(--text-xs);color:var(--color-gray-500);margin-bottom:var(--space-2)}.kpi-card-value{font-size:var(--text-2xl);font-weight:700;color:var(--color-gray-900)}.kpi-card-value.success{color:var(--color-success)}.kpi-card-value.accent{color:var(--color-accent)}.uptime-section{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-md);margin-bottom:var(--space-16)}.uptime-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.uptime-header h3{font-size:var(--text-lg)}.uptime-legend{display:flex;gap:var(--space-4);font-size:var(--text-xs);color:var(--color-gray-500)}.uptime-legend-item{display:flex;align-items:center;gap:var(--space-2)}.uptime-chart{display:flex;gap:3px;margin-bottom:var(--space-4)}.uptime-bar{flex:1;height:32px;border-radius:var(--radius-sm);transition:transform var(--transition-fast);cursor:pointer}.uptime-bar:hover{transform:scaleY(1.2)}.uptime-bar.success{background:var(--color-success)}.uptime-bar.warning{background:#f59e0b}.uptime-bar.error{background:#ef4444}.uptime-dates{display:flex;justify-content:space-between;font-size:10px;color:var(--color-gray-400);font-family:JetBrains Mono,monospace}.incident-section{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-md)}.incident-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.incident-header h3{font-size:var(--text-lg)}.incident-empty{text-align:center;padding:var(--space-12);color:var(--color-gray-400)}.incident-empty-icon{font-size:48px;margin-bottom:var(--space-4)}.incident-list{flex-direction:column}.incident-item,.incident-list{display:flex;gap:var(--space-4)}.incident-item{padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-gray-50)}.incident-status{width:8px;border-radius:var(--radius-full);flex-shrink:0}.incident-status.resolved{background:var(--color-success)}.incident-status.investigating{background:#f59e0b}.incident-content{flex:1}.incident-title{font-weight:600;color:var(--color-gray-900);margin-bottom:var(--space-1)}.incident-time{font-size:var(--text-xs);color:var(--color-gray-500);font-family:JetBrains Mono,monospace}.incident-description{font-size:var(--text-sm);color:var(--color-gray-600);margin-top:var(--space-2)}.last-updated{text-align:center;padding:var(--space-8) 0;font-size:var(--text-sm);color:var(--color-gray-400)}.last-updated strong{color:var(--color-gray-600)}