.status-page{padding:calc(var(--header-height) + var(--space-8))0 var(--space-8)!important;max-width:900px!important;min-height:100vh!important;margin:0 auto!important}.status-overview-wrapper{margin-top:calc(var(--header-height))}.status-header{text-align:center;margin-bottom:var(--space-10)}.status-header h1{font-size:var(--text-3xl);margin-bottom:var(--space-3)}.status-header p{font-size:var(--text-lg);color:var(--text-muted)}.status-overview{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;margin-bottom:var(--space-8)}.status-indicator{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-6);border-radius:var(--radius-full);font-size:var(--text-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-8);display:inline-flex}.status-indicator.online{background:var(--success-bg);color:var(--success)}.status-indicator.online .status-dot{background:var(--success);box-shadow:0 0 12px var(--success)}.status-indicator.offline{background:var(--error-bg);color:var(--error)}.status-indicator.offline .status-dot{background:var(--error);box-shadow:0 0 12px var(--error)}.status-dot{border-radius:50%;width:12px;height:12px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-stats{gap:var(--space-6);margin-bottom:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.stat-item .stat-value{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-2);line-height:1;display:block}.stat-item .stat-label,.last-updated{font-size:var(--text-sm);color:var(--text-muted)}.status-section{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6)}.status-section h2{font-size:var(--text-lg);margin-bottom:var(--space-5)}.chart-container{overflow-x:auto}.chart-bars{align-items:flex-end;gap:var(--space-1);min-width:500px;height:120px;display:flex}.chart-bar-wrapper{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.chart-bar{background:linear-gradient(to top,var(--brand-primary),var(--brand-secondary));border-radius:var(--radius-sm)var(--radius-sm)0 0;width:100%;max-width:20px;transition:height var(--transition-base)}.chart-bar.offline{background:var(--text-muted);opacity:.3}.chart-label{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-2);white-space:nowrap}.incidents-list,.maintenance-list{gap:var(--space-4);flex-direction:column;display:flex}.incident-card,.maintenance-card{padding:var(--space-5);background:var(--bg-tertiary);border-radius:var(--radius-lg);border-left:3px solid var(--text-muted)}.incident-card.severity-warning,.maintenance-card.severity-warning{border-left-color:var(--warning)}.incident-card.severity-critical,.maintenance-card.severity-critical{border-left-color:var(--error)}.incident-card.severity-info,.maintenance-card.severity-info{border-left-color:var(--info)}.incident-card.status-in-progress,.maintenance-card.status-in-progress{border-left-color:var(--warning)}.incident-header,.maintenance-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.incident-header h3,.maintenance-header h3{font-size:var(--text-base);font-weight:var(--font-weight-semibold);flex:1}.incident-header time,.maintenance-header time{font-size:var(--text-xs);color:var(--text-muted)}.severity-badge,.status-badge{padding:var(--space-1)var(--space-2);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm);text-transform:uppercase}.severity-badge.warning,.status-badge.warning{background:var(--warning-bg);color:var(--warning)}.severity-badge.critical,.status-badge.critical{background:var(--error-bg);color:var(--error)}.severity-badge.info,.status-badge.info{background:var(--info-bg);color:var(--info)}.severity-badge.scheduled,.status-badge.scheduled{background:var(--bg-elevated);color:var(--text-secondary)}.severity-badge.in-progress,.status-badge.in-progress{background:var(--warning-bg);color:var(--warning)}.incident-updates{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.incident-updates h4{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3)}.update-item{gap:var(--space-3);font-size:var(--text-sm);margin-bottom:var(--space-2);display:flex}.update-item time{color:var(--text-muted);flex-shrink:0}.update-item p{color:var(--text-secondary)}.maintenance-times{gap:var(--space-6);margin-top:var(--space-4);display:flex}.maintenance-times .time-label{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-1);display:block}.maintenance-times .time-value{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.all-clear{text-align:center;padding:var(--space-12);background:var(--success-bg);border-radius:var(--radius-xl)}.all-clear svg{margin:0 auto var(--space-4);color:var(--success)}.all-clear h3{font-size:var(--text-lg);color:var(--success);margin-bottom:var(--space-2)}.all-clear p{font-size:var(--text-sm);color:var(--text-secondary)}@media (max-width:600px){.status-stats{grid-template-columns:repeat(2,1fr)}}
:root{--primary-50:#fffbeb;--primary-100:#fef3c7;--primary-200:#fde68a;--primary-300:#fcd34d;--primary-400:#fbbf24;--primary-500:#f59e0b;--primary-600:#d97706;--primary-700:#b45309;--primary-800:#92400e;--primary-900:#78350f;--secondary-50:#ecfeff;--secondary-100:#cffafe;--secondary-200:#a5f3fc;--secondary-300:#67e8f9;--secondary-400:#22d3ee;--secondary-500:#06b6d4;--secondary-600:#0891b2;--secondary-700:#0e7490;--secondary-800:#155e75;--secondary-900:#164e63;--neutral-900:#12100e;--neutral-800:#1c1917;--neutral-700:#292524;--neutral-600:#44403c;--neutral-500:#57534e;--neutral-400:#78716c;--neutral-300:#a8a29e;--neutral-200:#d6d3d1;--danger-500:#ef4444;--success-500:#22c55e;--success-700:#15803d;--bg-base:#0c0a09;--bg-secondary:#151312;--bg-elevated:#1c1917;--bg-surface:#292524;--bg-surface-hover:#44403c;--bg-tertiary:#1c1917;--bg-card:#1c1917;--bg-card-hover:#292524;--bg-hover:#ffffff0d;--sidebar-width:240px;--z-sticky:100;--z-negative:-1;--z-base:0;--z-dropdown:200;--z-sidebar:300;--z-overlay:400;--z-modal:500;--z-toast:600;--z-tooltip:700;--text-primary:#f5f5f4;--text-secondary:#d6d3d1;--text-muted:#a8a29e;--text-accent:var(--primary-400);--border-subtle:#ffffff14;--border-default:#44403c;--border-strong:#57534e;--border-accent:var(--primary-600);--brand-primary:var(--primary-500);--brand-primary-hover:var(--primary-400);--brand-primary-glow:#f59e0b33;--discord:#5865f2;--discord-hover:#4752c4;--success:#22c55e;--success-rgb:34,197,94;--success-bg:#22c55e26;--warning:#f59e0b;--warning-rgb:245,158,11;--warning-bg:#f59e0b26;--error:#ef4444;--error-rgb:239,68,68;--error-bg:#ef444426;--online:#22c55e;--online-glow:#22c55e66;--offline:#ef4444;--offline-glow:#ef444466;--font-display:"Outfit",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif;--font-mono:"JetBrains Mono",monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-weight-medium:500;--font-weight-bold:700;--font-weight-extrabold:800;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:2px;--radius-md:4px;--radius-lg:6px;--radius-xl:8px;--radius-2xl:12px;--radius-full:9999px;--shadow-sm:0 1px 2px #00000080;--shadow-lg:0 10px 15px -3px #00000080;--shadow-xl:0 20px 25px -5px #00000080;--shadow-glow:0 0 30px #f59e0b33;--shadow-glow-primary:var(--shadow-glow);--transition-fast:.1s ease;--transition-base:.2s cubic-bezier(.4,0,.2,1);--transition-slow:.4s ease;--header-height:72px;--container-max:1200px;--container-wide:1400px;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--font-weight-normal:400;--font-weight-semibold:600;--accent-300:#c4b5fd;--accent-400:#a78bfa;--accent-500:#8b5cf6;--success-400:#4ade80;--success-600:#16a34a;--rank-assistant:#60a5fa;--rank-admin:#a78bfa;--rank-head-admin:#f472b6;--role-friend:#34d399;--role-hero:#fbbf24;--role-master:#f87171;--rarity-common:#9ca3af;--rarity-uncommon:#10b981;--rarity-rare:#3b82f6;--rarity-epic:#8b5cf6;--rarity-legendary:#f59e0b;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px #0000004d}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-5);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;border-radius:12px;line-height:1;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{flex-shrink:0;width:18px;min-width:18px;height:18px;min-height:18px}.btn-sm{padding:var(--space-2)var(--space-3);font-size:var(--text-xs)}.btn-sm svg{width:14px;min-width:14px;height:14px;min-height:14px}.btn-lg{padding:var(--space-4)var(--space-6);font-size:var(--text-base)}.btn-lg svg{width:20px;height:20px}.btn-xl{padding:var(--space-5)var(--space-8);font-size:var(--text-lg);border-radius:var(--radius-lg)}.btn-primary{background:var(--brand-primary);color:#000;border:none;font-weight:700;box-shadow:0 4px 15px #f59e0b4d}.btn-primary:hover:not(:disabled){background:var(--brand-primary-hover);filter:brightness(1.1);color:#000;transform:translateY(-2px);box-shadow:0 8px 25px #f59e0b66}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 10px #f59e0b33}.btn-secondary{background:var(--bg-surface);border-color:var(--border-default);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--bg-elevated);border-color:var(--brand-primary);color:var(--brand-primary)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-surface);color:var(--text-primary)}.btn-success{background:var(--brand-secondary);color:#fff}.btn-success:hover:not(:disabled){background:var(--brand-secondary-hover);box-shadow:var(--shadow-glow-secondary);transform:translateY(-1px)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.btn-discord{color:#fff;background:#5865f2}.btn-discord:hover:not(:disabled){background:#4752c4;transform:translateY(-1px);box-shadow:0 0 30px #5865f266}.btn-icon{padding:var(--space-2)}.btn-icon.btn-sm{padding:var(--space-1)}.btn-icon.btn-lg{padding:var(--space-3)}.btn-full{width:100%}.btn-loading{position:relative;color:#0000!important}.btn-loading:after{content:"";border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;position:absolute}@keyframes spin{to{transform:rotate(360deg)}}.btn-group{display:inline-flex}.btn-group .btn{border-radius:0}.btn-group .btn:first-child{border-radius:var(--radius-md)0 0 var(--radius-md)}.btn-group .btn:last-child{border-radius:0 var(--radius-md)var(--radius-md)0}.btn-group .btn:not(:last-child){border-right:none}.server-detailed-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);margin-bottom:var(--space-8);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.server-detailed-card.offline{border-color:var(--error);opacity:.8}.server-detailed-card:not(.offline){box-shadow:0 0 20px rgba(var(--brand-primary-rgb),.15),var(--shadow-lg)}.server-identity-row{padding:var(--space-8);margin-bottom:var(--space-6);z-index:10;align-items:center;gap:var(--space-6);display:flex;position:relative}@media (max-width:768px){.server-identity-row{text-align:center;flex-direction:column;align-items:center}}.server-icon-large{background:var(--bg-body);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);width:64px;height:64px;box-shadow:var(--shadow-md);color:var(--brand-primary);justify-content:center;align-items:center;display:flex}.server-icon-large.offline{background:var(--bg-elevated);color:var(--text-muted);filter:grayscale()}.server-title-block{padding-bottom:var(--space-2);flex:1}.server-title-block h2{font-size:var(--text-2xl);margin-bottom:var(--space-1);color:var(--text-primary);font-weight:800}.server-address-badge{align-items:center;gap:var(--space-2);padding:var(--space-1)var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s;display:inline-flex}.server-address-badge:hover{background:var(--bg-elevated);border-color:var(--brand-primary);color:var(--brand-primary)}.server-address-badge svg{opacity:.7}.server-latency{align-items:center;gap:var(--space-2);font-size:var(--text-sm);padding-bottom:var(--space-3);font-weight:600;display:flex}.server-latency.good{color:var(--success)}.server-latency.fair{color:var(--warning)}.server-latency.poor{color:var(--error)}.server-details-grid{gap:var(--space-4);padding:0 var(--space-8)var(--space-8);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.detail-box{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4)}.detail-box .label{font-size:var(--text-xs);text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-2);align-items:center;gap:var(--space-2);display:flex}.detail-box .value{font-size:var(--text-lg);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.detail-box .subtitle{font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--space-1)}.server-motd-box{font-family:var(--font-mono);color:#ddd;background:#111;border:1px solid #ffffff1a;grid-column:1/-1}.server-motd-box .motd-content{white-space:pre-wrap;line-height:1.5}.server-tabs-nav{gap:var(--space-4);padding:0 var(--space-8);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-6);display:flex}.server-tabs-nav button{padding:var(--space-3)0;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;font-weight:600;transition:all .2s}.server-tabs-nav button:hover{color:var(--text-primary)}.server-tabs-nav button.active{color:var(--brand-primary);border-bottom-color:var(--brand-primary)}.server-tab-content{padding:0 var(--space-8)var(--space-8)}.players-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.player-card-mini{align-items:center;gap:var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-2);text-decoration:none;transition:all .2s;display:flex}.player-card-mini:hover{background:var(--bg-elevated);border-color:var(--brand-primary);transform:translateY(-2px)}.player-card-mini .player-head{border-radius:var(--radius-sm);background:#000;width:32px;height:32px}.player-card-mini .player-info{overflow:hidden}.player-card-mini .player-info .player-name{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;display:block;overflow:hidden}.player-card-mini .player-info .player-handle{color:var(--brand-primary);font-size:10px;display:block}.empty-state{text-align:center;padding:var(--space-8);color:var(--text-muted);font-style:italic}.plugins-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.plugin-chip{background:rgba(var(--brand-primary-rgb),.1);color:var(--brand-primary);border:1px solid rgba(var(--brand-primary-rgb),.2);padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500}.plugin-chip:hover{background:rgba(var(--brand-primary-rgb),.2)}