html{height:100%;overflow:hidden;position:relative}body{font-family:Arial,sans-serif;background-color:#141922;height:100%;overflow:auto;position:relative;margin:0;padding:0}.container{max-width:1200px;margin:0 auto;padding:20px;padding-bottom:calc(40px + env(safe-area-inset-bottom))}h1,h2{text-align:center;color:#f3f4f6}h2{text-align:left}.system-status{border-radius:4px;padding:20px;text-align:center;margin-bottom:20px;display:flex;justify-content:center;align-items:center}.system-status.operational{background-color:#172a22;border:1px solid #00b400}.system-status.partial-outage{background:#ffa3001a;border:1px solid #FFA300}.system-status.major-outage{background:#e11b111a;border:1px solid #DC3545}.system-status.maintenance{background-color:#007bff1a;border:1px solid #007BFF}.system-status img{margin-right:10px;width:32px;height:32px}.system-status span{color:#b3b3b3}.status-indicator{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:8px}.status-segment.major-outage{background-color:#dc3545}.status-segment.partial-outage{background-color:#ffa300}.status-segment.operational{background-color:#28a745}.status-segment.maintenance{background-color:#1a9bf7}.legend{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;color:#fff}.legend-item{display:flex;align-items:center;color:#b3b3b3}.legend-item .legend-icon{margin-right:5px;width:16px;height:16px;display:inline-block}.service-list{background-color:#1f2635;border-radius:8px;padding:20px;margin-bottom:20px;min-height:200px}.service-item{margin-bottom:15px;padding:10px 0;width:100%}.service-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.service-name{margin-bottom:5px;color:#fff;font-size:20px}.service-current-status{font-size:16px;display:flex;align-items:center}.service-current-status.operational{color:#28a745}.service-current-status.major-outage{color:#ff4757}.service-current-status.partial-outage{color:#ffa300}.service-current-status.maintenance{color:#1a9bf7}.status-bar{height:12px;border-radius:6px;display:flex;padding:1px 0;position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.status-segment{width:8px;height:24px;margin-right:3px;border-radius:3px;flex-shrink:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.status-segment:last-child{margin-right:0}.status-segment:hover{opacity:.8}.status-tooltip{position:absolute;background-color:#263044;color:#fff;padding:10px 17px;border-radius:9px;font-size:16px;width:auto;min-width:200px;max-width:300px;z-index:100;box-shadow:0 4px 12px #0006;display:none;text-align:left;border:none;z-index:9999;pointer-events:none}.status-tooltip .date{color:#fff;margin-bottom:8px;display:block}.status-tooltip .message{font-size:14px;color:#b3b3b3}.status-tooltip:after{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);border-width:0 6px 6px 6px;border-style:solid;border-color:transparent transparent #263044 transparent}.service-meta{display:flex;justify-content:space-between;font-size:14px;color:#b3b3b3;margin-top:20px}.uptime-info{margin-top:0;color:#fff}.past-incidents{border-radius:8px}.incident-date{font-size:20px;color:#fff;margin:24px 0}.incident-service{color:#b3b3b3;margin:16px 0}.incident-status{color:#141922;border-radius:3px;padding:5px;display:flex;align-items:center;justify-content:center;height:15px;min-width:92px;font-size:14px}.incident-message{color:#fff;margin-left:20px;line-height:22px;word-break:break-word}.incident-message.no-margin{margin-left:0}.header__title{display:flex;justify-content:center;padding-top:20px}.header__title strong{color:#fff;cursor:pointer}a{text-decoration:none}@media(max-width:768px){.service-item{padding:8px 0;margin-bottom:10px}.service-name{font-size:16px;margin-bottom:4px}.status-bar{height:10px}.status-segment{width:6px;margin-right:2px;height:20px;display:inline-block}.service-meta{font-size:12px;justify-content:space-between}.uptime-info{font-size:12px}}.incident-content{display:flex;border-bottom:2px solid #343A40;padding-bottom:24px}.incident-time{color:#b3b3b3}.pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding-bottom:calc(110px + env(safe-area-inset-bottom))}.page-btn{background:#263044;color:#fff;border:1px solid #475569;padding:4px 8px;border-radius:4px;cursor:pointer}.page-btn:hover{background:#475569}.page-numbers button{background:#263044;color:#fff;border:1px solid #475569;padding:4px 8px;border-radius:4px;cursor:pointer;margin:0 2px}.page-numbers button.active{font-weight:500;background:transparent;border-color:#ffa300;color:#ffa300}.page-size{background:#263044;color:#fff;border:1px solid #475569;padding:4px;border-radius:4px;cursor:pointer}.uptime-pc{display:inline}.uptime-mobile{display:none}@media(max-width:767px){.uptime-pc{display:none}.uptime-mobile{display:inline}}.loading-container{display:none;position:fixed;inset:0;background:#141922;z-index:9999}.loading{border:16px solid #f3f3f3;border-top:16px solid #ffa300;border-radius:50%;width:120px;height:120px;animation:spin 2s linear infinite;position:absolute;inset:0;margin:20% auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.incident-content .major-outage{background-color:#e14c5e;border:1px solid #FF0000;border-radius:3px}.incident-content .partial-outage{background-color:#ffa300;border:1px solid #FFE014;border-radius:3px}.incident-content .operational{background-color:#28a745;border:1px solid #74DC00;border-radius:3px}.incident-content .maintenance{background-color:#1a9bf7;border:1px solid #36C2FF;border-radius:3px}