html.dashboard-maintenance body {
    visibility: visible !important;
    margin: 0;
    background: #262626;
    color: #ececec;
}
html.dashboard-maintenance body > :not(#dashboard-maintenance) { display: none !important; }
html.dashboard-maintenance #dashboard-maintenance {
    position: fixed;
    inset: 0;
    z-index: 2147483647;
    display: grid;
    place-items: center;
    padding: 24px;
    overflow: auto;
    background: #262626;
    box-sizing: border-box;
    font-family: Kanit, Arial, sans-serif;
}
html.dashboard-maintenance .dashboard-maintenance-card {
    box-sizing: border-box;
    width: 100%;
    max-width: 620px;
    padding: clamp(24px, 5vw, 44px);
    border: 1px solid #454545;
    border-radius: 18px;
    background: #303030;
    text-align: center;
}
html.dashboard-maintenance .dashboard-maintenance-card img { object-fit: contain; border-radius: 50%; }
html.dashboard-maintenance .dashboard-maintenance-card h1 { font-size: clamp(25px, 4vw, 34px); line-height: 1.2; margin: 24px 0; }
html.dashboard-maintenance .dashboard-maintenance-card h1:focus { outline: none; }
html.dashboard-maintenance .dashboard-maintenance-card p { color: #bdbdbd; font-size: 18px; line-height: 1.6; margin: 16px 0; }
html.dashboard-maintenance .dashboard-maintenance-card .maintenance-retry { color: #9e9e9e; font-size: 15px; margin-top: 24px; }
html.dashboard-maintenance .dashboard-maintenance-card a,
html.dashboard-maintenance .dashboard-maintenance-card button {
    display: inline-block;
    border: 0;
    border-radius: 8px;
    padding: 12px 20px;
    margin-top: 16px;
    background: #e76969;
    color: #fff;
    font: inherit;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
}
html.dashboard-maintenance .dashboard-maintenance-card button { background: #454545; }
html.dashboard-maintenance .dashboard-maintenance-card [hidden] { display: none; }