:root{--color-bg:#f8f9fa;--color-header-bg:#37b267;--color-text-main:#111827;--color-text-muted:#6b7280;--color-card-bg:#fff;--color-success:#28a745;--color-success-bg:#e6f6eb;--color-success-text:#1b6a2e;--color-success-bar:#33b161;--color-warning-icon-outer:#ef444466;--color-warning-icon-inner:#ef4444;--shadow-card:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-card-hover:0 10px 15px -3px #00000014, 0 4px 6px -2px #0000000a;--shadow-banner:0 10px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--radius-sm:6px;--radius-md:10px;--radius-lg:16px}.dark body:has(.admin-layout){--color-bg:#0f172a;--color-header-bg:#1e293b;--color-text-main:#f8fafc;--color-text-muted:#94a3b8;--color-card-bg:#1e293b;--color-success:#10b981;--color-success-bg:#10b9811a;--color-success-text:#34d399;--color-success-bar:#10b981;--color-warning-icon-outer:#f59e0b33;--color-warning-icon-inner:#f59e0b;--shadow-card:0 4px 6px -1px #0000004d, 0 2px 4px -1px #0003;--shadow-card-hover:0 10px 15px -3px #0006, 0 4px 6px -2px #0000004d;--shadow-banner:0 10px 25px -5px #0006, 0 8px 10px -6px #0000004d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text-main);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}.container{max-width:1024px;margin:0 auto;padding:0 24px}.main-header{background-color:var(--color-header-bg);color:#fff;padding-top:24px;padding-bottom:80px}.header-top{justify-content:space-between;align-items:center;margin-bottom:64px;display:flex}.logo{letter-spacing:-.02em;align-items:center;gap:12px;font-size:1.5rem;font-weight:700;display:flex}.logo .tld{opacity:.8;font-size:1rem;font-weight:500}.btn-return{color:#fff;background-color:#ffffff26;border-radius:9999px;align-items:center;gap:8px;padding:8px 16px;font-size:.875rem;font-weight:500;text-decoration:none;transition:background-color .2s,transform .2s;display:inline-flex}.btn-return:hover{background-color:#ffffff40;transform:translate(-2px)}.header-content{text-align:center}.header-content h1{letter-spacing:-.02em;margin:0;font-size:2.25rem;font-weight:600}.page-content{z-index:10;margin-top:-40px;padding-bottom:80px;position:relative}.alert-banner{background-color:var(--color-card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-banner);align-items:center;gap:20px;margin-bottom:12px;padding:24px 32px;display:flex}.status-indicator{justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative}.pulse-ring{background-color:var(--color-warning-icon-outer);border-radius:50%;width:100%;height:100%;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse;position:absolute}.pulse-dot{background-color:var(--color-warning-icon-inner);z-index:2;border-radius:50%;width:16px;height:16px;position:relative}@keyframes pulse{0%{opacity:.8;transform:scale(.8)}50%{opacity:0;transform:scale(1.5)}to{opacity:0;transform:scale(.8)}}.alert-banner h2{color:var(--color-text-main);margin:0;font-size:1.25rem;font-weight:500}.last-checked{text-align:right;color:var(--color-text-main);margin-bottom:48px;font-size:.875rem;font-weight:500}.service-section{margin-bottom:48px}.section-title{color:var(--color-text-main);margin-bottom:20px;font-size:1.125rem;font-weight:600}.services-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (min-width:768px){.services-grid{grid-template-columns:1fr 1fr}}.service-card{background-color:var(--color-card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-card);border:1px solid #00000008;padding:28px 32px;transition:transform .3s,box-shadow .3s}.service-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-header h4{margin:0;font-size:1.125rem;font-weight:500}.status-pill{border-radius:9999px;align-items:center;gap:8px;padding:6px 14px;font-size:.8125rem;font-weight:600;display:inline-flex}.status-pill.operational{background-color:var(--color-success-bg);color:var(--color-success-text)}.status-pill.warning{color:#991b1b;background-color:#fee2e2}.status-pill .dot{border-radius:50%;width:8px;height:8px}.status-pill.operational .dot{background-color:var(--color-success)}.uptime-text{color:var(--color-text-main);margin-bottom:12px;font-size:.75rem;font-weight:500}.uptime-bars{align-items:flex-end;gap:4px;height:42px;display:flex}.bar{border-radius:2px;flex:1;height:100%;transition:opacity .2s,transform .2s}.bar.operational{background-color:var(--color-success-bar)}.bar:hover{opacity:.8;transform-origin:bottom;transform:scaleY(1.05)}.alert-banner.success{background-color:var(--color-success-bg)}.alert-banner.success h2{color:var(--color-success-text)}.alert-banner.success .pulse-ring{background-color:#28a74566}.alert-banner.success .pulse-dot{background-color:var(--color-success)}.uptime-bars{position:relative}.bar{cursor:pointer;position:relative}.bar .tooltip{visibility:hidden;opacity:0;color:#fff;text-align:left;z-index:50;pointer-events:none;background-color:#111827;border-radius:6px;width:max-content;max-width:250px;padding:12px;font-size:.75rem;transition:all .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(10px);box-shadow:0 10px 15px -3px #0000001a}.bar:hover .tooltip{visibility:visible;opacity:1;transform:translate(-50%)translateY(-8px)}.tooltip:after{content:"";border:5px solid #0000;border-top-color:#111827;margin-left:-5px;position:absolute;top:100%;left:50%}.tooltip-header{color:#e5e7eb;margin-bottom:6px;font-weight:600;display:block}.tooltip-outage{color:#fca5a5;margin-top:4px}.status-pill.maintenance{color:#3b82f6;background-color:#3b82f61a}.status-pill.maintenance .dot{background-color:#3b82f6}.maintenance-card{background-color:var(--color-card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-card);border:1px solid #00000008;margin-bottom:20px;padding:24px}.maintenance-card.active{border-left:4px solid #3b82f6}.maintenance-card.upcoming{border-left:4px solid #6b7280}.maintenance-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.maintenance-badge-title{align-items:center;gap:10px;display:flex}.maintenance-title{color:var(--color-text-main);font-size:1.125rem;font-weight:600}.maintenance-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.maintenance-badge.active{color:#3b82f6;background-color:#3b82f61a}.maintenance-badge.upcoming{color:#6b7280;background-color:#6b72801a}.maintenance-desc{color:var(--color-text-muted);white-space:pre-wrap;margin-bottom:16px;font-size:.925rem;line-height:1.6}.maintenance-footer{border-top:1px solid var(--border-color,#e5e7eb);color:var(--color-text-muted);flex-wrap:wrap;gap:24px;padding-top:14px;font-size:.8125rem;display:flex}.maintenance-meta-item{align-items:center;gap:6px;display:flex}.maintenance-meta-item svg{color:var(--color-text-muted);opacity:.8}.maintenance-affected-tag{background-color:#6b728014;border-radius:4px;padding:2px 6px;font-weight:500}.dark .maintenance-affected-tag{background-color:#ffffff14}.status-icon-container{cursor:help;align-items:center;display:inline-flex;position:relative}.status-icon-container .tooltip{visibility:hidden;opacity:0;color:#fff;text-align:center;z-index:50;pointer-events:none;background-color:#111827;border-radius:4px;width:max-content;max-width:200px;padding:6px 10px;font-size:.725rem;font-weight:500;transition:all .15s;position:absolute;bottom:125%;left:50%;transform:translate(-50%)translateY(10px);box-shadow:0 4px 6px -1px #0000001a}.status-icon-container:hover .tooltip{visibility:visible;opacity:1;transform:translate(-50%)translateY(-2px)}.status-icon-container .tooltip:after{content:"";border:4px solid #0000;border-top-color:#111827;margin-left:-4px;position:absolute;top:100%;left:50%}