.uptime-bar{margin-bottom:4px}.uptime-days{display:flex;gap:2px;height:32px;align-items:center}.uptime-day{flex:1;height:100%;border-radius:3px;transition:transform .2s;min-width:3px;position:relative;background-color:#ffffff1f}.uptime-day:hover{transform:scaleY(1.2);z-index:10}.uptime-day[data-tooltip]:hover:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);background-color:#000000eb;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;white-space:nowrap;z-index:1000;pointer-events:none;box-shadow:0 4px 12px #0000004d}.uptime-day[data-tooltip]:hover:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-2px);border:5px solid transparent;border-top-color:#000000eb;z-index:1000;pointer-events:none}.uptime-day.up-100{background-color:#10b981}.uptime-day.up-95{background-color:#059669}.uptime-day.up-80{background-color:#f59e0b}.uptime-day.down{background-color:#ef4444}.uptime-bar-scale{display:flex;justify-content:space-between;margin:8px 0 0;font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px}.uptime-bar-scale-middle{color:#ffffff59}@media (max-width: 768px){.uptime-days{gap:1px}.uptime-day[data-tooltip]:hover:before{white-space:normal;width:180px;text-align:center}}.server-status-card{transition:transform .2s,box-shadow .2s}.server-status-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0006}.server-status-card[data-status=major_outage]{border-left:3px solid var(--danger)}.server-header-compact{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:20px;flex-wrap:wrap}.server-info-compact{flex:1;min-width:220px}.server-title-row{display:flex;align-items:center;gap:12px;margin-bottom:6px;flex-wrap:wrap}.server-name{font-size:18px;font-weight:700;margin:0;color:var(--text)}.server-name-link{color:inherit;text-decoration:none}.server-name-link:hover{color:var(--accent)}.server-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0}.server-host{font-size:13px;color:var(--text-secondary);font-family:Courier New,monospace;margin:0;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-active-incident{margin:8px 0 0;font-size:13px;color:var(--danger);font-weight:600}.server-stats-compact{display:flex;gap:24px;align-items:center;margin:0}.stat-compact{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-compact .stat-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.stat-compact .stat-value{margin:0;font-size:16px;font-weight:700;color:var(--text);white-space:nowrap}.stat-compact .stat-value.error-count{color:var(--danger)}.btn-compact{padding:10px 20px;font-size:13px;white-space:nowrap;text-decoration:none}.status-badge .status-dot{width:8px;height:8px;border-radius:50%;background-color:currentColor;display:inline-block}.status-badge.status-operational{background-color:#10b98133;color:var(--success)}.status-badge.status-major_outage{background-color:#ef444433;color:var(--danger)}.status-badge.status-degraded_performance{background-color:#f59e0b33;color:var(--warning)}.status-badge.status-unknown{background-color:#ffffff1a;color:var(--text-secondary)}@media (max-width: 768px){.server-header-compact{flex-direction:column;align-items:stretch;gap:12px}.server-stats-compact{justify-content:space-around;gap:12px}.btn-compact{width:100%;justify-content:center}.server-host{max-width:100%}}.overall-status-card .status-message span:last-child{line-height:1.3}.overall-status-card[data-indicator=critical]{border-color:#ef444459}.overall-status-card[data-indicator=major]{border-color:#ef444440}.overall-status-card[data-indicator=minor]{border-color:#fbbf2440}.machine-access{margin-bottom:32px}.machine-access-intro{font-size:14px;margin:0 0 20px;max-width:70ch}.machine-access-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;list-style:none;margin:0;padding:0}.machine-access-item{display:flex;flex-direction:column;gap:4px;padding:14px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;transition:border-color .2s}.machine-access-item:hover{border-color:#ff2b7659}.machine-access-link{color:var(--accent);font-weight:700;font-size:14px;text-decoration:none}.machine-access-link:hover{text-decoration:underline}.machine-access-description{font-size:13px;color:var(--text-secondary)}.machine-access-path{font-size:11px;color:#ffffff59;font-family:Courier New,monospace;word-break:break-all}.public-status{min-height:100vh;background:var(--bg-dark)}.active-incidents{border-left:3px solid var(--danger)}.active-incidents-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.active-incident{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px;padding:12px 16px;background:#ef444414;border-radius:8px}.active-incident-name{font-weight:700;color:var(--text)}.active-incident-detail{font-size:13px;color:var(--text-secondary)}.servers-section{margin-bottom:40px}.servers-list{display:flex;flex-direction:column;gap:0}.uptime-legend{margin-bottom:32px}.legend-title{font-size:18px;font-weight:700;margin:0 0 16px;color:var(--text)}.legend-items{display:flex;gap:24px;flex-wrap:wrap;justify-content:center;list-style:none;margin:0;padding:0}.legend-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text)}.legend-color{width:24px;height:24px;border-radius:4px;flex-shrink:0}.legend-color.up-100{background-color:#10b981}.legend-color.up-95{background-color:#059669}.legend-color.up-80{background-color:#f59e0b}.legend-color.down{background-color:#ef4444}.legend-color.no-data{background-color:#ffffff1f}.recent-incidents{margin-bottom:32px}.incident-summary-list{list-style:none;margin:0;padding:0;counter-reset:incident}.incident-summary{margin-bottom:12px;padding:16px 20px}.incident-summary-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:6px}.incident-summary-name{font-weight:700;color:var(--text);text-decoration:none}.incident-summary-name:hover{color:var(--accent)}.incident-summary-meta{margin:0;font-size:13px;color:var(--text-secondary)}.footer-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:16px}.footer-top .text-secondary{font-size:13px;margin:0}.footer-bottom{padding-top:16px;border-top:1px solid rgba(255,255,255,.05);text-align:center}.footer-credits{color:var(--text-secondary);font-size:13px;margin:0}.footer-credits strong{color:var(--accent);font-weight:700}.admin-link{color:var(--accent);font-size:14px;text-decoration:underline;transition:opacity .2s}.admin-link:hover{opacity:.8}@media (max-width: 768px){.footer-top{flex-direction:column;text-align:center}.legend-items{gap:16px}.legend-item{font-size:13px}}.admin-login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-container{width:100%;max-width:440px}.login-card{padding:48px}.login-header{text-align:center;margin-bottom:32px}.login-title{font-size:28px;font-weight:700;margin-bottom:8px;color:var(--text)}.login-subtitle{font-size:14px;color:var(--text-secondary)}.login-form{margin-bottom:24px}.login-btn{width:100%;margin-top:8px;justify-content:center}.login-footer{text-align:center}.link-btn{background:none;border:none;color:var(--accent);font-size:14px;padding:8px;cursor:pointer;transition:opacity .2s}.link-btn:hover{opacity:.8;text-decoration:underline}@media (max-width: 480px){.login-card{padding:32px 24px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background-color:var(--bg-container);border-radius:12px;max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #00000080}.modal-large{max-width:800px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{font-size:24px;font-weight:700;color:var(--text);margin:0}.modal-close{background:none;border:none;font-size:32px;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.modal-close:hover{background-color:#ffffff1a;color:var(--text)}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-footer{padding:20px 24px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:flex-end;gap:12px}.detail-section{margin-bottom:32px}.detail-section:last-child{margin-bottom:0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.detail-section h3{font-size:18px;font-weight:700;color:var(--text);margin:0 0 16px}.server-info-display{display:flex;flex-direction:column;gap:12px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:12px;background-color:#ffffff08;border-radius:6px}.info-label{font-weight:600;color:var(--text-secondary)}.info-value{color:var(--text);font-family:Courier New,monospace}.edit-form{display:flex;flex-direction:column;gap:16px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--text)}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.ping-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.ping-stat{padding:16px;background-color:#ffffff08;border-radius:8px;text-align:center}.ping-stat .stat-label{display:block;font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.ping-stat .stat-value{display:block;font-size:24px;font-weight:700;color:var(--accent)}.incidents-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.incident-item:has(.incident-status.resolved){border-left-color:var(--success)}.incident-status{font-size:14px;font-weight:600}.incident-status.ongoing{color:var(--danger)}.incident-status.resolved{color:var(--success)}.incident-actions{display:flex;align-items:center;gap:12px}.btn-icon-delete{background:none;border:none;font-size:18px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.btn-icon-delete:hover{background-color:#ef444433;transform:scale(1.1)}.incident-details{display:flex;gap:24px;flex-wrap:wrap}.incident-time strong{color:var(--text);margin-right:8px}.ssl-info-display{display:flex;flex-direction:column;gap:12px}.ssl-badge.ssl-warning{background:#ffc10726;color:#ffd43b;border:1px solid rgba(255,193,7,.3)}.ssl-badge.ssl-expired{background:#dc354526;color:#ff6b6b;border:1px solid rgba(220,53,69,.3)}@media (max-width: 768px){.modal-content{max-width:100%;max-height:100vh;border-radius:0}.ping-stats{grid-template-columns:repeat(2,1fr)}.incident-header{flex-direction:column;align-items:flex-start}}.smtp-modal{max-width:700px;max-height:90vh;overflow-y:auto}.smtp-form{display:flex;flex-direction:column;gap:25px}.form-section{background:#16181c;padding:20px;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.form-section h3{margin:0 0 20px;color:#ff2b76;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:8px;color:#fff;font-weight:500;font-size:14px}.form-group input[type=text],.form-group input[type=email],.form-group input[type=number],.form-group input[type=password]{width:100%;padding:12px;background:#21242a;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-size:14px;transition:all .3s}.form-group input:focus{outline:none;border-color:#ff2b76;box-shadow:0 0 0 3px #ff2b761a}.form-group small{display:block;margin-top:6px;color:#ffffff80;font-size:12px}.checkbox-group{margin:0}.checkbox-group label{display:flex;align-items:center;cursor:pointer;padding:12px;background:#21242a;border-radius:6px;transition:all .3s}.checkbox-group label:hover{background:#ff2b760d}.checkbox-group input[type=checkbox]{width:20px;height:20px;margin:0;cursor:pointer;accent-color:#ff2b76}.checkbox-group span{margin-left:12px;font-weight:500}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.test-btn,.save-btn{padding:12px 24px;border:none;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s}.test-btn{background:#21242a;color:#fff}.test-btn:hover:not(:disabled){background:#2a2d35;transform:translateY(-2px)}.save-btn{background:linear-gradient(135deg,#ff2b76,#ff5e94);color:#fff}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #ff2b764d}.test-btn:disabled,.save-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.error-message{padding:12px;background:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:6px;color:#ff6b6b;font-size:14px}.success-message{padding:12px;background:#28a7451a;border:1px solid rgba(40,167,69,.3);border-radius:6px;color:#51cf66;font-size:14px}@media (max-width: 768px){.smtp-modal{max-width:95%;margin:10px}.modal-actions{flex-direction:column}.test-btn,.save-btn{width:100%}}.admin-dashboard{min-height:100vh;padding-bottom:40px}.admin-header{background-color:var(--bg-container);border-bottom:1px solid rgba(255,255,255,.1);padding:24px 0;margin-bottom:32px}.header-content{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.admin-title{font-size:28px;font-weight:700;color:var(--text)}.header-actions{display:flex;gap:12px}.tabs{display:flex;gap:8px;margin-bottom:32px;border-bottom:2px solid rgba(255,255,255,.1);overflow-x:auto}.tab{padding:16px 24px;background:none;border:none;color:var(--text-secondary);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;border-bottom:3px solid transparent;margin-bottom:-2px;white-space:nowrap}.tab:hover{color:var(--text)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.section-title{font-size:20px;font-weight:700;margin-bottom:24px;color:var(--text)}.servers-table{display:flex;flex-direction:column;gap:16px}.server-row{padding:20px;background-color:#ffffff08;border-radius:8px;display:flex;gap:20px;align-items:center;flex-wrap:wrap;transition:background-color .2s}.server-row:hover{background-color:#ffffff0d}.server-row-drag-handle{display:flex;align-items:center;justify-content:center;padding:8px;color:var(--text-secondary);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.server-row-drag-handle:active{cursor:grabbing}.server-row-info{flex:1;min-width:200px}.server-row-name{font-size:18px;font-weight:700;margin-bottom:4px;color:var(--text)}.server-row-host{font-size:14px;color:var(--text-secondary);font-family:Courier New,monospace;margin-bottom:8px}.notification-badge{display:inline-block;padding:4px 12px;font-size:12px;font-weight:600;border-radius:12px;cursor:help;transition:all .2s}.notification-badge.enabled{background:#28a74526;color:#51cf66;border:1px solid rgba(40,167,69,.3)}.notification-badge.disabled{background:#6c757d26;color:#ffffff80;border:1px solid rgba(108,117,125,.2)}.notification-badge:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0003}.type-badge{display:inline-block;padding:4px 12px;font-size:12px;font-weight:600;border-radius:12px;cursor:help;transition:all .2s;white-space:nowrap}.type-badge.type-ping{background:#3498db26;color:#5dade2;border:1px solid rgba(52,152,219,.3)}.type-badge.type-hls{background:#9b59b626;color:#bb8fce;border:1px solid rgba(155,89,182,.3)}.type-badge.type-shoutcast{background:#e67e2226;color:#f5b041;border:1px solid rgba(230,126,34,.3)}.type-badge:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0003}.server-row-stats{display:flex;gap:24px;flex-wrap:wrap}.server-stat{display:flex;flex-direction:column;gap:4px}.server-row-actions{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}.btn-sm{padding:8px 16px;font-size:13px}.server-form,.settings-form{max-width:600px}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.file-input{padding:8px 12px}.input-hint{margin-top:8px;font-size:12px;color:var(--text-secondary)}.ssl-badge{display:inline-block;padding:4px 12px;font-size:12px;font-weight:600;border-radius:12px;cursor:help;transition:all .2s;white-space:nowrap}.ssl-badge.ssl-valid{background:#28a74526;color:#51cf66;border:1px solid rgba(40,167,69,.3)}.ssl-badge.ssl-warning{background:#ffc10726;color:#ffd43b;border:1px solid rgba(255,193,7,.3);animation:pulse-warning 2s ease-in-out infinite}.ssl-badge.ssl-expired{background:#dc354526;color:#ff6b6b;border:1px solid rgba(220,53,69,.3);animation:pulse-error 1.5s ease-in-out infinite}.ssl-badge.ssl-none{background:#6c757d26;color:#ffffff80;border:1px solid rgba(108,117,125,.2)}.ssl-badge:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0003}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.7}}@keyframes pulse-error{0%,to{opacity:1;box-shadow:0 0 #dc354566}50%{opacity:.9;box-shadow:0 0 0 8px #dc354500}}@media (max-width: 768px){.header-content{flex-direction:column;align-items:stretch}.header-actions{flex-direction:column}.server-row{flex-direction:column;align-items:stretch}.server-row-actions{margin-left:0;flex-direction:column}.settings-grid{grid-template-columns:1fr}.tabs{gap:0}.tab{flex:1;padding:12px 16px;font-size:14px}}.server-detail{min-height:100vh;background:var(--bg-dark)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:40px 0 32px}.stat-card{text-align:center;padding:24px;margin:0}.stat-card-title{font-size:13px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-weight:600}.stat-card-value{margin:0;font-size:34px;font-weight:800;color:var(--text)}.uptime-value{color:var(--success)}.error-value{color:var(--danger)}.ping-value{color:#8b5cf6}.degraded-days{margin-top:24px}.incidents-list{display:flex;flex-direction:column;gap:16px;list-style:none;margin:0;padding:0}.incident-item{padding:16px;background-color:#ffffff08;border-radius:8px;border-left:3px solid var(--danger)}.incident-item:has(.incident-resolved){border-left-color:var(--success)}.incident-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:12px}.incident-duration{font-size:14px;color:var(--text-secondary);font-weight:600}.incident-details{display:flex;gap:24px;flex-wrap:wrap;margin:0 0 8px}.incident-time{font-size:14px;color:var(--text-secondary)}.incident-time strong{color:var(--text);margin-right:6px}.incident-summary-text{margin:0;font-size:13px;color:var(--text-secondary)}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card-value{font-size:26px}.incident-header{flex-direction:column;align-items:flex-start}}.degraded-days-more{margin-top:16px}.degraded-days-more summary{cursor:pointer;font-size:14px;font-weight:600;color:var(--accent);padding:8px 0}.degraded-days-more summary:hover{text-decoration:underline}.incident-history{min-height:100vh;background:var(--bg-dark)}.history-summary{padding-top:40px}.history-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:20px}.history-toolbar .section-title{margin:0}.history-filters{display:flex;gap:8px;flex-wrap:wrap}.history-filter{padding:8px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.12);background:transparent;color:var(--text-secondary);font-size:13px;font-weight:600;transition:all .2s}.history-filter:hover{border-color:var(--accent);color:var(--text)}.history-filter.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.history-month{margin-bottom:32px}.history-month-title{font-size:15px;font-weight:700;color:var(--text-secondary);margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}.history-list{list-style:none;margin:0;padding:0}.history-item{margin-bottom:12px;padding:16px 20px;border-left:3px solid var(--success)}.history-item:has(.incident-investigating){border-left-color:var(--danger)}.history-item-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:6px}.history-item-name{font-weight:700;color:var(--text);text-decoration:none}.history-item-name:hover{color:var(--accent)}.history-item-meta{margin:0 0 6px;font-size:13px;color:var(--text-secondary)}.history-item-summary{margin:0;font-size:13px;color:#ffffff8c}@media (max-width: 768px){.history-toolbar{flex-direction:column;align-items:flex-start}}.skip-link{position:absolute;left:-9999px;top:0;z-index:1000;padding:12px 20px;background:var(--accent);color:#fff;border-radius:0 0 8px;font-weight:600}.skip-link:focus{left:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.status-hero{position:relative;background:linear-gradient(135deg,#1a1d24,#16181c,#1e2129);padding:40px 20px 60px;overflow:hidden}.hero-background{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 50%,rgba(255,43,118,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,43,118,.05) 0%,transparent 50%);pointer-events:none}.logo-wrapper{display:flex;justify-content:center;margin-bottom:40px;animation:fadeInDown .6s ease-out}.status-logo{max-width:300px;max-height:120px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.status-header{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:40px}.header-left{flex:1;text-align:left;animation:fadeInUp .6s ease-out .1s both}.status-title{font-size:42px;font-weight:800;margin-bottom:8px;color:var(--text);letter-spacing:-.5px;line-height:1.2;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.status-subtitle{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:17px;color:var(--text-secondary);line-height:1.6;margin-bottom:8px}.status-updated{font-size:13px;color:var(--text-secondary);margin:0}.breadcrumb{position:relative;z-index:1;margin-bottom:20px}.breadcrumb-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0;font-size:13px;color:var(--text-secondary)}.breadcrumb-list li+li:before{content:"/";margin-right:8px;color:#ffffff40}.breadcrumb-list a{color:var(--accent);text-decoration:none}.breadcrumb-list a:hover{text-decoration:underline}.overall-status-card{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px 32px;min-width:340px;max-width:400px;box-shadow:0 8px 32px #0000004d;animation:fadeInUp .6s ease-out .2s both;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.overall-status-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0006;border-color:#ffffff1f}.status-card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}.status-indicator-wrapper{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff0d;flex-shrink:0}.status-indicator{width:16px;height:16px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.status-label{font-size:14px;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);font-weight:600;margin:0}.status-message{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:600;color:var(--text);margin:0}.status-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:16px;font-weight:700;flex-shrink:0}.status-count{margin:12px 0 0;font-size:13px;color:var(--text-secondary)}.overall-status-card.indicator-none .status-indicator,.overall-status-card.indicator-none .status-icon{background-color:#22c55e;color:#fff;box-shadow:0 0 20px #22c55e99}.overall-status-card.indicator-none .status-icon{background-color:#22c55e33;color:#22c55e;box-shadow:none}.overall-status-card.indicator-minor .status-indicator{background-color:#fbbf24;box-shadow:0 0 20px #fbbf2499}.overall-status-card.indicator-minor .status-icon{background-color:#fbbf2433;color:#fbbf24}.overall-status-card.indicator-major .status-indicator,.overall-status-card.indicator-critical .status-indicator{background-color:#ef4444;box-shadow:0 0 20px #ef444499}.overall-status-card.indicator-major .status-icon,.overall-status-card.indicator-critical .status-icon{background-color:#ef444433;color:#ef4444}.section-title{font-size:20px;font-weight:700;margin:0 0 20px;color:var(--text)}.subsection-title{font-size:16px;font-weight:700;margin:24px 0 12px;color:var(--text)}.section-link{margin:8px 0 32px;font-size:14px}.section-link a{color:var(--accent);text-decoration:none;font-weight:600}.section-link a:hover{text-decoration:underline}.metrics-section{padding-top:40px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin:0 0 32px}.metric-card{margin:0;padding:20px;text-align:center}.metric-label{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-secondary);font-weight:600;margin-bottom:10px}.metric-value{margin:0;font-size:30px;font-weight:800;color:var(--text);line-height:1.1}.metric-value-small{font-size:20px}.metric-value-alert{color:var(--danger)}.metric-total{font-size:18px;color:var(--text-secondary);font-weight:600}.server-type{display:inline-flex;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;border-radius:10px;background:#3498db26;color:#5dade2;border:1px solid rgba(52,152,219,.3);white-space:nowrap}.server-type-hls{background:#9b59b626;color:#bb8fce;border-color:#9b59b64d}.server-type-shoutcast{background:#10b98126;color:#34d399;border-color:#10b9814d}.incident-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.incident-resolved{background:#10b98126;color:var(--success)}.incident-investigating{background:#ef444426;color:var(--danger)}.table-wrapper{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th,.data-table td{text-align:left;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08)}.data-table thead th{color:var(--text-secondary);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.data-table tbody th{font-weight:600;color:var(--text)}.inline-definitions{display:flex;flex-wrap:wrap;gap:20px 40px;margin:0}.inline-definitions dt{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:4px}.inline-definitions dd{margin:0;font-size:17px;font-weight:700;color:var(--text)}.status-footer{padding-top:24px;padding-bottom:32px;border-top:1px solid rgba(255,255,255,.1)}.status-footer a{color:var(--accent);text-decoration:none}.status-footer a:hover{text-decoration:underline}.text-secondary{color:var(--text-secondary)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.logo-wrapper,.header-left,.overall-status-card,.status-indicator{animation:none}}@media (max-width: 1024px){.status-header{flex-direction:column;align-items:stretch;gap:32px}.header-left{text-align:center}.status-subtitle{justify-content:center}.overall-status-card{min-width:auto;max-width:100%}}@media (max-width: 768px){.status-title{font-size:32px}.status-subtitle{font-size:15px}.overall-status-card{padding:20px 24px}.status-message{font-size:16px}.metric-value{font-size:26px}}@media (max-width: 480px){.status-hero{padding:30px 16px 50px}.logo-wrapper{margin-bottom:24px}.status-title{font-size:26px}.status-logo{max-width:150px;max-height:60px}.status-indicator-wrapper{width:36px;height:36px}}.container{max-width:1200px;margin:0 auto;padding:20px}.card{background-color:var(--bg-container);border-radius:12px;padding:24px;margin-bottom:20px;box-shadow:0 2px 8px #0000004d}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.btn-primary{background-color:var(--accent);color:#fff}.btn-primary:hover{background-color:#e6266a;transform:translateY(-2px);box-shadow:0 4px 12px #ff2b764d}.btn-secondary{background-color:var(--bg-container);color:var(--text);border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover{border-color:var(--accent);transform:translateY(-2px)}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{background-color:#dc2626;transform:translateY(-2px)}.input{width:100%;padding:12px 16px;background-color:var(--bg-dark);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text);font-size:14px;transition:all .2s}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #ff2b761a}.input::placeholder{color:var(--text-secondary)}.label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:var(--text)}.form-group{margin-bottom:20px}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.status-up{background-color:#10b98133;color:var(--success)}.status-down{background-color:#ef444433;color:var(--danger)}.status-unknown{background-color:#f59e0b33;color:var(--warning)}.loading{text-align:center;padding:40px;color:var(--text-secondary)}.error{background-color:#ef44441a;border:1px solid var(--danger);color:var(--danger);padding:12px 16px;border-radius:8px;margin-bottom:20px}.success{background-color:#10b9811a;border:1px solid var(--success);color:var(--success);padding:12px 16px;border-radius:8px;margin-bottom:20px}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media (max-width: 768px){.container,.card{padding:16px}.grid-2{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-dark: #16181C;--bg-container: #21242a;--accent: #ff2b76;--text: #FFF;--text-secondary: #b0b3b8;--success: #10b981;--danger: #ef4444;--warning: #f59e0b}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-dark);color:var(--text);min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}input,textarea,select,button{font-family:inherit}button{cursor:pointer}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--bg-container);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}