:root {
  --background: #080808;
  --sidebar: #090909;
  --surface: #111112;
  --surface-active: #171718;
  --divider: #202022;
  --text: #eeeeef;
  --muted: #77777c;
  --sidebar-width: 252px;
  --control-height: 44px;
  --control-radius: 8px;
  --control-background: #171718;
  --control-background-hover: #1b1b1d;
  --control-background-focus: #202022;
  --control-border-focus: #444449;
  color-scheme: dark;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { background: var(--background); scrollbar-width: none; -ms-overflow-style: none; }
html::-webkit-scrollbar { display: none; width: 0; height: 0; }
body { margin: 0; background: var(--background); color: var(--text); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; scrollbar-width: none; -ms-overflow-style: none; }
body::-webkit-scrollbar { display: none; width: 0; height: 0; }
button { color: inherit; font: inherit; -webkit-tap-highlight-color: transparent; }
button:focus-visible, a:focus-visible { outline: 1px solid #66666a; outline-offset: 2px; }
input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 0; box-shadow: none; }

.login-view { display: grid; min-height: 100vh; place-items: center; background: radial-gradient(circle at 50% 35%, #151517 0, #0b0b0c 34%, #080808 68%); padding: 24px; }
.login-card { width: min(400px, 100%); border: 1px solid #202022; border-radius: 12px; background: rgba(14, 14, 15, .96); padding: 30px; box-shadow: 0 28px 80px rgba(0, 0, 0, .42); }
.login-heading { text-align: center; }
.login-heading h1 { margin: 0; color: #eeeeef; font-size: 28px; font-weight: 610; letter-spacing: -.035em; }
.login-form { display: grid; gap: 16px; margin-top: 24px; }
.login-field { display: grid; gap: 8px; }
.login-field > span { color: #9a9a9f; font-size: 12px; font-weight: 600; }
.login-field input { width: 100%; height: 46px; border: 0; border-radius: 8px; outline: 0; background: #171718; padding: 0 13px; color: #e5e5e7; font: inherit; font-size: 13px; transition: background 150ms ease; }
.login-field input::placeholder { color: #4f4f54; }
.login-field input:focus { background: #202022; }
.login-error { margin: -2px 0 0; border-radius: 7px; background: #24191b; padding: 10px 11px; color: #d59da6; font-size: 12px; line-height: 1.4; }
.login-submit { min-height: 46px; border: 0; border-radius: 8px; background: #eeeeef; color: #111112; cursor: pointer; font-size: 13px; font-weight: 680; transition: background 150ms ease, opacity 150ms ease; }
.login-submit:hover:not(:disabled) { background: #d8d8db; }
.login-submit:disabled { cursor: wait; opacity: .65; }

.dashboard-shell { min-height: 100vh; }
.sidebar { position: fixed; inset: 0 auto 0 0; z-index: 30; display: flex; width: var(--sidebar-width); flex-direction: column; border-right: 1px solid var(--divider); background: rgba(9, 9, 9, .98); }
.sidebar__top { display: flex; height: 76px; flex: 0 0 auto; align-items: center; justify-content: space-between; padding: 0 22px; }
.brand { display: flex; align-items: center; }
.brand img { display: block; width: 148px; height: auto; }
.sidebar__close { display: none; }

.nav-list { display: flex; flex: 1; flex-direction: column; gap: 5px; padding: 12px 14px 22px; }
.nav-item { display: flex; width: 100%; min-height: 42px; align-items: center; gap: 12px; border: 0; border-radius: 7px; background: transparent; padding: 0 11px; color: #858589; cursor: pointer; font-size: 14px; line-height: 1; text-align: left; transition: 150ms ease; }
.nav-item:hover { background: var(--surface); color: #d3d3d5; }
.nav-item--active { background: var(--surface-active); color: #f1f1f1; }
.nav-item > span:last-child { display: flex; height: 18px; align-items: center; line-height: 18px; }
.nav-icon { display: flex; width: 18px; height: 18px; flex: 0 0 18px; align-items: center; justify-content: center; color: #626267; }
.nav-icon svg { display: block; width: 17px; height: 17px; }
.nav-item--active .nav-icon { color: #dddddf; }

.sidebar__footer { display: flex; flex-direction: column; gap: 8px; padding: 13px 14px 16px; }
.profile { display: flex; align-items: center; gap: 10px; margin-top: 5px; border-top: 1px solid var(--divider); padding: 15px 10px 2px; text-align: left; }
.profile__avatar { display: grid; width: 34px; height: 34px; flex: 0 0 auto; place-items: center; border-radius: 8px; background: #1b1b1d; color: #d6d6d6; font-size: 13px; font-weight: 700; }
.profile__copy { display: flex; min-width: 0; flex: 1; flex-direction: column; gap: 2px; }
.profile__copy strong { overflow: hidden; font-size: 12px; font-weight: 600; line-height: 15px; text-overflow: ellipsis; }
.profile__copy small { color: var(--muted); font-size: 12px; line-height: 13px; }
.profile__logout { min-height: 30px; flex: 0 0 auto; border: 0; border-radius: 6px; background: transparent; padding: 0 7px; color: #66666b; cursor: pointer; font-size: 12px; }
.profile__logout:hover { background: #181819; color: #c9c9cc; }

.workspace { min-height: 100vh; margin-left: var(--sidebar-width); }
.content { min-height: 100vh; padding: 42px 36px 64px; }
.mobile-header, .sidebar-backdrop { display: none; }

.dashboard-view { width: min(1240px, 100%); margin: 0 auto; }
.page-header { margin-bottom: 25px; padding-top: 22px; }
.page-header h1 { margin: 0; font-size: clamp(26px, 2.5vw, 34px); font-weight: 600; letter-spacing: -.04em; }

.metrics-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-bottom: 10px; }
.metric-widget { position: relative; display: flex; min-height: 148px; flex-direction: column; overflow: hidden; border-radius: 9px; background: #0e0e0f; padding: 16px; isolation: isolate; transition: background 180ms ease, box-shadow 180ms ease; }
.metric-widget:hover { background: #101011; box-shadow: 0 14px 34px rgba(0, 0, 0, .16); }
.metric-widget__top { position: relative; z-index: 2; display: flex; min-height: 27px; align-items: flex-start; justify-content: space-between; gap: 10px; }
.metric-label { color: #88888d; font-size: 12px; font-weight: 520; }
.metric-dot { width: 5px; height: 5px; margin-top: 4px; border-radius: 50%; background: #505055; }
.metric-value { position: relative; z-index: 2; display: block; margin-top: 12px; font-size: 27px; font-weight: 520; letter-spacing: -.045em; transition: opacity 130ms ease, transform 130ms ease; }
.metric-value--changing { opacity: 0; transform: translateY(5px); }
.metric-note { position: relative; z-index: 2; margin-top: 3px; color: #55555a; font-size: 12px; }
.metric-switch { display: flex; border-radius: 7px; background: #171718; padding: 3px; }
.metric-switch__button { height: 29px; border: 0; border-radius: 5px; background: transparent; padding: 0 11px; color: #77777c; cursor: pointer; font-size: 12px; font-weight: 600; transition: background 180ms ease, color 180ms ease; }
.metric-switch__button:hover { color: #b8b8bc; }
.metric-switch__button--active { background: #29292c; color: #ededee; box-shadow: 0 3px 10px rgba(0, 0, 0, .2); }

.mini-bars { position: absolute; right: 16px; bottom: 11px; z-index: 0; display: flex; width: 132px; height: 38px; align-items: flex-end; justify-content: flex-end; gap: 5px; opacity: .5; transition: opacity 180ms ease; }
.metric-widget:hover .mini-bars { opacity: .68; }
.mini-bars i { width: 7px; border-radius: 3px 3px 1px 1px; background: linear-gradient(180deg, #55555a 0%, #29292c 100%); box-shadow: inset 0 1px rgba(255, 255, 255, .035); transition: height 220ms ease; }
.mini-bars i:nth-child(1) { height: 18%; } .mini-bars i:nth-child(2) { height: 36%; } .mini-bars i:nth-child(3) { height: 27%; } .mini-bars i:nth-child(4) { height: 53%; }
.mini-bars i:nth-child(5) { height: 45%; } .mini-bars i:nth-child(6) { height: 70%; } .mini-bars i:nth-child(7) { height: 58%; } .mini-bars i:nth-child(8) { height: 88%; }
.mini-bars--new i:nth-child(1) { height: 48%; } .mini-bars--new i:nth-child(2) { height: 26%; } .mini-bars--new i:nth-child(3) { height: 64%; } .mini-bars--new i:nth-child(4) { height: 39%; }
.mini-bars--new i:nth-child(5) { height: 76%; } .mini-bars--new i:nth-child(6) { height: 51%; } .mini-bars--new i:nth-child(7) { height: 92%; } .mini-bars--new i:nth-child(8) { height: 68%; }
.mini-bars--compact i:nth-child(1) { height: 40%; } .mini-bars--compact i:nth-child(2) { height: 22%; } .mini-bars--compact i:nth-child(3) { height: 55%; } .mini-bars--compact i:nth-child(4) { height: 31%; }
.mini-bars--compact i:nth-child(5) { height: 65%; } .mini-bars--compact i:nth-child(6) { height: 43%; } .mini-bars--compact i:nth-child(7) { height: 78%; } .mini-bars--compact i:nth-child(8) { height: 62%; }
.mini-line { position: absolute; right: 16px; bottom: 9px; z-index: 0; width: 146px; height: 40px; overflow: visible; color: #55555b; opacity: .58; pointer-events: none; transition: opacity 180ms ease; }
.metric-widget:hover .mini-line { opacity: .72; }
.mini-line polyline { fill: none; stroke: currentColor; stroke-width: 1.25; vector-effect: non-scaling-stroke; stroke-linecap: round; stroke-linejoin: round; }
.mini-line circle { fill: #77777d; vector-effect: non-scaling-stroke; }
.mini-line--soft { color: #49494f; opacity: .5; }

.charts-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.chart-widget { min-width: 0; border-radius: 9px; background: #0e0e0f; padding: 18px; transition: background 180ms ease, box-shadow 180ms ease; }
.chart-widget:hover { background: #101011; box-shadow: 0 18px 42px rgba(0, 0, 0, .14); }
.chart-widget__header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.chart-widget__header span { color: #55555a; font-size: 12px; font-weight: 650; letter-spacing: .08em; text-transform: uppercase; }
.chart-widget__header h2 { margin: 4px 0 0; font-size: 15px; font-weight: 580; letter-spacing: -.02em; }
.range-switch { display: flex; gap: 2px; border-radius: 7px; background: #151516; padding: 3px; }
.range-switch button { width: 39px; height: 29px; border: 0; border-radius: 5px; background: transparent; color: #707075; cursor: pointer; font-size: 12px; font-weight: 600; transition: background 180ms ease, color 180ms ease; }
.range-switch button:hover { color: #aaa; }
.range-switch .range-switch__active { background: #29292c; color: #ededee; box-shadow: 0 3px 10px rgba(0, 0, 0, .2); }
.chart-stage { position: relative; height: 232px; margin-top: 16px; overflow: hidden; }
.chart-stage canvas { display: block; width: 100%; height: 100%; cursor: crosshair; touch-action: pan-y; }
.chart-canvas--refresh { animation: chart-refresh 240ms ease; }
.chart-tooltip { position: absolute; z-index: 4; display: flex; min-width: 82px; flex-direction: column; gap: 3px; border-radius: 7px; background: rgba(35, 35, 38, .96); padding: 7px 9px; box-shadow: 0 10px 28px rgba(0, 0, 0, .28); opacity: 0; pointer-events: none; transform: translate(-50%, calc(-100% - 11px)) scale(.96); transition: opacity 120ms ease, transform 120ms ease; }
.chart-tooltip--visible { opacity: 1; transform: translate(-50%, calc(-100% - 11px)) scale(1); }
.chart-tooltip span { color: #77777c; font-size: 12px; white-space: nowrap; }
.chart-tooltip strong { color: #eeeeef; font-size: 12px; font-weight: 620; }
@keyframes chart-refresh {
  from { opacity: .45; transform: translateY(3px); }
  to { opacity: 1; transform: translateY(0); }
}

.users-view { width: min(1240px, 100%); margin: 0 auto; }
.users-page-header { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.users-count { flex: 0 0 auto; color: #646469; font-size: 12px; font-weight: 600; letter-spacing: .02em; }
.users-panel { background: transparent; }
.users-toolbar { display: flex; min-height: 50px; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 8px; border-bottom: 1px solid #202022; }
.table-filter-controls { display: flex; min-width: 0; flex: 1; align-items: center; gap: 12px; }
.date-filter { position: relative; display: flex; width: 110px; height: 38px; flex: 0 0 110px; align-items: center; gap: 8px; border-radius: 7px; padding: 0 6px 0 10px; color: #66666b; cursor: pointer; }
.date-filter:hover { background: #161617; color: #b6b6ba; }
.date-filter:focus-within { background: #1a1a1c; color: #dedee0; }
.date-filter svg { width: 16px; height: 16px; flex: 0 0 16px; }
.date-filter > span { overflow: hidden; font-size: 12px; font-weight: 570; text-overflow: ellipsis; white-space: nowrap; }
.date-filter input { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; outline: 0; opacity: 0; pointer-events: none; color-scheme: dark; }
.online-filter { display: inline-flex; height: 38px; flex: 0 0 auto; align-items: center; gap: 8px; border-radius: 7px; padding: 0 10px; color: #66666b; cursor: pointer; font-size: 12px; font-weight: 570; white-space: nowrap; }
.online-filter:hover { background: #161617; color: #b6b6ba; }
.online-filter input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.online-filter > span { display: grid; width: 15px; height: 15px; place-items: center; border: 1px solid #39393d; border-radius: 4px; background: #131314; }
.online-filter > span::after { width: 7px; height: 4px; border-bottom: 1.5px solid #111112; border-left: 1.5px solid #111112; content: ""; opacity: 0; transform: translateY(-1px) rotate(-45deg); }
.online-filter input:checked + span { border-color: #b9b9bd; background: #d7d7da; }
.online-filter input:checked + span::after { opacity: 1; }
.online-filter input:focus-visible + span { outline: 2px solid #77777d; outline-offset: 2px; }
.users-search { position: relative; display: block; width: min(520px, calc(100% - 72px)); }
.users-search svg { position: absolute; top: 50%; left: 0; width: 17px; height: 17px; fill: none; stroke: #626267; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; transform: translateY(-50%); pointer-events: none; transition: stroke 160ms ease; }
.users-search:focus-within svg { stroke: #b8b8bc; }
.users-search input { width: 100%; height: 49px; border: 0; outline: 0; background: transparent; padding: 0 14px 0 30px; color: var(--text); font: inherit; font-size: 12px; caret-color: #bdbdc1; }
.users-search input::placeholder { color: #59595e; }
.users-search input::-webkit-search-cancel-button { opacity: .55; filter: invert(1); cursor: pointer; }
.users-table-wrap { overflow-x: auto; scrollbar-width: thin; scrollbar-color: #242427 transparent; }
.users-table { width: 100%; min-width: 760px; border-collapse: collapse; table-layout: fixed; }
.users-table th, .users-table td { padding: 14px 10px; border-bottom: 1px solid #19191b; text-align: left; vertical-align: middle; }
.users-table th { color: #5e5e63; font-size: 12px; font-weight: 650; letter-spacing: .07em; text-transform: uppercase; }
.users-table td { color: #7c7c81; font-size: 12px; }
.users-table th:nth-child(1) { width: 24%; } .users-table th:nth-child(2) { width: 28%; } .users-table th:nth-child(3) { width: 14%; } .users-table th:nth-child(4) { width: 19%; } .users-table th:nth-child(5) { width: 15%; }
.users-table tbody tr:last-child td { border-bottom: 0; }
.users-table tbody tr:not(.users-empty-row) { transition: background 150ms ease; }
.users-table tbody tr:not(.users-empty-row):hover { background: rgba(255, 255, 255, .018); }
.users-table tbody tr[data-user-row] { cursor: pointer; }
.users-table tbody tr[data-user-row]:focus-visible { outline: 0; background: rgba(255, 255, 255, .035); }
.table-user { display: flex; align-items: center; gap: 10px; }
.table-user strong { overflow: hidden; color: #d4d4d7; font-size: 12px; font-weight: 580; text-overflow: ellipsis; white-space: nowrap; }
.table-avatar { display: grid; width: 30px; height: 30px; flex: 0 0 30px; overflow: hidden; place-items: center; border-radius: 7px; background: #1c1c1e; color: #929297; font-size: 12px; font-weight: 700; }
.table-avatar img, .profile-identity__avatar img { width: 100%; height: 100%; object-fit: cover; }
.user-status { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.user-status::before { width: 5px; height: 5px; border-radius: 50%; background: #49494e; content: ""; }
.user-status--online { color: #aaaab0; }
.user-status--online::before { background: #898990; box-shadow: 0 0 0 3px rgba(137, 137, 144, .1); }
.user-status--banned { color: #b77a83; }
.user-status--banned::before { background: #985b64; box-shadow: 0 0 0 3px rgba(152, 91, 100, .1); }
.subscription-state { display: inline-flex; align-items: center; gap: 6px; color: #a5a5aa; white-space: nowrap; }
.subscription-state::before { width: 5px; height: 5px; border-radius: 50%; background: #828289; box-shadow: 0 0 0 3px rgba(130, 130, 137, .09); content: ""; }
.subscription-state--none { color: #5d5d62; }
.subscription-state--none::before { background: #3e3e43; box-shadow: none; }
.users-empty-row td { height: 160px; color: #626267; text-align: center; }
.table-pagination { display: flex; min-height: 54px; align-items: center; justify-content: space-between; gap: 16px; border-top: 1px solid #202022; color: #66666b; font-size: 12px; }
.table-pagination > div { display: flex; align-items: center; gap: 8px; }
.table-pagination strong { min-width: 82px; color: #85858a; font-size: 12px; font-weight: 580; text-align: center; }
.table-pagination button { min-width: 76px; min-height: 32px; border: 0; border-radius: 6px; background: #19191b; color: #929297; cursor: pointer; font: inherit; font-size: 12px; font-weight: 600; }
.table-pagination button:hover:not(:disabled) { background: #eeeeef; color: #111112; }
.table-pagination button:disabled { cursor: default; opacity: .38; }
.payments-view, .promo-codes-view, .files-view, .user-detail-view { width: min(1240px, 100%); margin: 0 auto; }
.payment-metrics-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-bottom: 24px; }
.payment-metric-card { position: relative; min-height: 142px; overflow: hidden; border-radius: 9px; background: #0e0e0f; padding: 16px; }
.payment-metric-card__top { position: relative; z-index: 2; display: flex; min-height: 32px; align-items: flex-start; justify-content: space-between; gap: 12px; }
.payment-metric-card__top > span { color: #88888d; font-size: 12px; font-weight: 520; }
.payment-metric-card__top > small { margin-top: 3px; color: #505055; font-size: 12px; }
.payment-metric-card > strong { position: relative; z-index: 2; display: block; margin-top: 10px; color: #e3e3e5; font-size: 26px; font-weight: 530; letter-spacing: -.045em; transition: opacity 130ms ease, transform 130ms ease; }
.payment-metric-card > p { position: relative; z-index: 2; margin: 5px 0 0; color: #55555a; font-size: 12px; }
.payment-metric-card--changing > strong { opacity: 0; transform: translateY(5px); }
.payment-trend { position: absolute; right: 16px; bottom: 12px; display: flex; width: 128px; height: 38px; align-items: flex-end; justify-content: flex-end; gap: 5px; opacity: .48; }
.payment-trend i { width: 7px; border-radius: 3px 3px 1px 1px; background: linear-gradient(180deg, #56565b 0%, #29292c 100%); transition: height 220ms ease; }
.payment-trend i:nth-child(1) { height: 23%; } .payment-trend i:nth-child(2) { height: 34%; } .payment-trend i:nth-child(3) { height: 28%; } .payment-trend i:nth-child(4) { height: 49%; }
.payment-trend i:nth-child(5) { height: 42%; } .payment-trend i:nth-child(6) { height: 64%; } .payment-trend i:nth-child(7) { height: 56%; } .payment-trend i:nth-child(8) { height: 86%; }
.payment-trend--month i:nth-child(1) { height: 54%; } .payment-trend--month i:nth-child(2) { height: 37%; } .payment-trend--month i:nth-child(3) { height: 69%; } .payment-trend--month i:nth-child(4) { height: 48%; }
.payment-trend--month i:nth-child(5) { height: 82%; } .payment-trend--month i:nth-child(6) { height: 60%; } .payment-trend--month i:nth-child(7) { height: 91%; } .payment-trend--month i:nth-child(8) { height: 73%; }
.payment-trend--orders { opacity: .4; }
.payment-total-line { position: absolute; right: 17px; bottom: 27px; width: 138px; height: 28px; overflow: hidden; opacity: .52; }
.payment-total-line::before, .payment-total-line::after, .payment-total-line i { position: absolute; height: 1px; background: #55555b; content: ""; transform-origin: left center; }
.payment-total-line::before { bottom: 7px; left: 0; width: 52px; transform: rotate(-12deg); }
.payment-total-line i { bottom: 18px; left: 50px; width: 46px; transform: rotate(8deg); }
.payment-total-line::after { right: 0; bottom: 14px; width: 45px; transform: rotate(-16deg); }
.promo-codes-page-header { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; }
.promo-header-actions { display: flex; align-items: center; gap: 8px; }
.create-promo-button { display: inline-flex; min-height: 38px; align-items: center; gap: 8px; border: 0; border-radius: 7px; background: #eeeeef; padding: 0 14px; color: #111112; cursor: pointer; font-size: 12px; font-weight: 650; }
.create-promo-button:hover { background: #d8d8db; }
.create-promo-button svg { width: 17px; height: 17px; flex: 0 0 17px; }
.create-coupon-button { background: #fff; color: #111112; }
.create-coupon-button:hover { background: #e4e4e6; }
.create-promo-button--secondary { background: #19191b; color: #b8b8bd; }
.create-promo-button--secondary:hover { background: #232326; color: #eeeeef; }
.payments-panel, .promo-codes-panel { background: transparent; }
.payments-toolbar, .promo-codes-toolbar { display: flex; min-height: 50px; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 8px; border-bottom: 1px solid #202022; }
.payments-table-wrap, .promo-codes-table-wrap, .record-table-wrap { overflow-x: auto; scrollbar-width: thin; scrollbar-color: #242427 transparent; }
.payments-table, .promo-codes-table, .record-table { width: 100%; border-collapse: collapse; }
.payments-table { min-width: 1040px; table-layout: fixed; }
.promo-codes-table { min-width: 700px; table-layout: fixed; }
.record-table { min-width: 1080px; }
.payments-table th, .payments-table td, .promo-codes-table th, .promo-codes-table td, .record-table th, .record-table td { padding: 14px 10px; border-bottom: 1px solid #19191b; text-align: left; vertical-align: middle; }
.payments-table th, .promo-codes-table th, .record-table th { color: #5e5e63; font-size: 12px; font-weight: 650; letter-spacing: .07em; text-transform: uppercase; }
.payments-table td, .promo-codes-table td, .record-table td { color: #7c7c81; font-size: 12px; }
.payments-table th:nth-child(1) { width: 6%; }
.payments-table th:nth-child(2) { width: 12%; }
.payments-table th:nth-child(3) { width: 7%; }
.payments-table th:nth-child(4) { width: 12%; }
.payments-table th:nth-child(5) { width: 12%; }
.payments-table th:nth-child(6) { width: 6%; }
.payments-table th:nth-child(7) { width: 10%; }
.payments-table th:nth-child(8) { width: 13%; }
.payments-table th:nth-child(9) { width: 22%; }
.promo-codes-table th, .promo-codes-table td { padding-right: 8px; padding-left: 8px; }
.promo-codes-table th:nth-child(1) { width: 22%; }
.promo-codes-table th:nth-child(2) { width: 12%; }
.promo-codes-table th:nth-child(3) { width: 13%; }
.promo-codes-table th:nth-child(4) { width: 21%; }
.promo-codes-table th:nth-child(5) { width: 12%; }
.promo-codes-table th:nth-child(6) { width: 14%; }
.promo-codes-table th:nth-child(7) { width: 6%; }
.payments-table tbody tr:not(.payments-empty-row), .promo-codes-table tbody tr:not(.promo-codes-empty-row), .record-table tbody tr:not(.record-empty-row) { transition: background 150ms ease; }
.payments-table tbody tr:not(.payments-empty-row):hover, .promo-codes-table tbody tr:not(.promo-codes-empty-row):hover, .record-table tbody tr:not(.record-empty-row):hover { background: rgba(255, 255, 255, .018); }
.payment-amount { display: block; color: #c8c8cc; font-size: 12px; font-weight: 600; }
.payment-status { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.payment-status::before { width: 5px; height: 5px; border-radius: 50%; content: ""; }
.payment-status--paid { color: #a9b8ab; }
.payment-status--paid::before { background: #6e9275; box-shadow: 0 0 0 3px rgba(110, 146, 117, .1); }
.payment-status--created, .payment-status--pending { color: #b4a98f; }
.payment-status--created::before, .payment-status--pending::before { background: #9b875d; }
.payment-status--cancelled { color: #d27b85; }
.payment-status--cancelled::before { background: #c34f5d; box-shadow: 0 0 0 3px rgba(195, 79, 93, .1); }
.mono-value { color: #99999e; font-family: inherit; font-size: .95em; }
.empty-value { color: #414146; }
.modification-type { display: inline-flex; min-width: 34px; justify-content: center; border-radius: 5px; background: #1a1a1c; padding: 4px 7px; color: #aaaab0; font-size: 11px; font-weight: 700; letter-spacing: .06em; }
.promo-code-value { color: #bcbcc0; font-family: inherit; font-size: 12px; font-weight: 600; letter-spacing: .025em; }
.promo-code-value--depleted { color: #5d5d62; text-decoration: line-through; }
.promo-reward-type { display: inline-flex; align-items: center; gap: 6px; color: #98989d; white-space: nowrap; }
.promo-reward-type::before { width: 5px; height: 5px; border-radius: 50%; background: #707077; content: ""; }
.promo-action-cell { padding-top: 0 !important; padding-bottom: 0 !important; text-align: right !important; vertical-align: middle !important; }
.promo-menu-button { display: inline-grid; width: 32px; height: 32px; place-items: center; border: 0; border-radius: 7px; background: transparent; padding: 0; color: #67676c; cursor: pointer; line-height: 1; vertical-align: middle; }
.promo-menu-button svg { display: block; width: 18px; height: 18px; }
.promo-menu-button:hover, .promo-menu-button[aria-expanded="true"] { background: #181819; color: #c4c4c8; }
.promo-row-menu { position: fixed; z-index: 70; width: 120px; border-radius: 8px; background: #1a1a1c; padding: 4px; box-shadow: 0 14px 40px rgba(0, 0, 0, .42); }
.promo-row-menu button { width: 100%; min-height: 36px; border: 0; border-radius: 6px; background: transparent; padding: 0 10px; color: #a8767e; cursor: pointer; font-size: 12px; font-weight: 600; text-align: left; }
.promo-row-menu button:hover { background: #242022; color: #d49aa4; }
.online-platforms { display: flex; flex-wrap: wrap; gap: 5px; }
.online-platform { display: inline-flex; min-height: 24px; align-items: center; border-radius: 7px; padding: 0 8px; font-size: 10px; font-weight: 700; letter-spacing: .03em; }
.online-platform--pc { background: rgba(92,139,255,.12); color: #8babff; }
.online-platform--apk { background: rgba(73,201,130,.12); color: #77d9a3; }
.online-platform--site { background: rgba(185,139,255,.12); color: #c3a2f5; }
.registration-source { display: inline-flex; min-height: 24px; align-items: center; border-radius: 7px; background: #181b20; padding: 0 8px; color: #9da4ae; font-size: 10px; font-weight: 650; }
.registration-source--bot { background: rgba(80,165,235,.1); color: #86bde9; }
.users-table th, .users-table td { white-space: nowrap; }
.payments-empty-row td, .promo-codes-empty-row td, .record-empty-row td { height: 170px; color: #626267; text-align: center; }
.promo-dialog { width: min(420px, calc(100vw - 28px)); border: 0; border-radius: 11px; outline: 0; background: #101011; padding: 0; color: var(--text); box-shadow: 0 28px 90px rgba(0, 0, 0, .62); }
.promo-dialog::backdrop { background: rgba(0, 0, 0, .7); backdrop-filter: blur(4px); }
.promo-dialog__form { padding: 22px; }
.promo-dialog__header { display: flex; min-height: 34px; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 18px; }
.promo-dialog__header h2 { margin: 0; font-size: 17px; font-weight: 610; letter-spacing: -.025em; }
.promo-dialog__close { display: grid; width: 34px; height: 34px; flex: 0 0 34px; place-items: center; border: 0; border-radius: 7px; background: transparent; padding: 0; color: #77777c; cursor: pointer; line-height: 0; }
.promo-dialog__close svg { display: block; width: 18px; height: 18px; }
.promo-dialog__close:hover { background: #19191b; color: #cfcfd2; }
.promo-reward-switch { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3px; margin-bottom: 20px; border-radius: 8px; background: #171718; padding: 3px; }
.promo-reward-switch__button { height: 40px; border: 0; border-radius: 6px; background: transparent; color: #6d6d72; cursor: pointer; font-size: 12px; font-weight: 620; }
.promo-reward-switch__button:hover { background: #1d1d1f; color: #c2c2c6; }
.promo-reward-switch__button--active { background: #eeeeef; color: #111112; }
.promo-reward-switch__button--active:hover { background: #eeeeef; color: #111112; }
.promo-form-grid { display: grid; grid-template-columns: 1fr; gap: 16px; }
.promo-form-field { display: grid; gap: 7px; }
.promo-form-field > span { color: #69696e; font-size: 12px; font-weight: 600; }
.promo-form-field input, .promo-form-field select { width: 100%; height: 46px; border: 1px solid transparent; border-radius: 8px; outline: 0; background: #181819; padding: 0 13px; color: #d8d8db; font: inherit; font-size: 12px; transition: border-color 150ms ease, background 150ms ease; }
.promo-form-field input:hover, .promo-form-field select:hover { background: #1b1b1d; }
.promo-form-field input:focus, .promo-form-field select:focus { border-color: transparent; background: #1d1d1f; }
.promo-form-field input:invalid:not(:placeholder-shown) { border-color: #6b3d44; }
.promo-form-field input::placeholder { color: #505055; }
.promo-form-field input[type="number"] { appearance: textfield; -moz-appearance: textfield; }
.promo-form-field input[type="number"]::-webkit-inner-spin-button, .promo-form-field input[type="number"]::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; }
.promo-dialog__actions { margin-top: 20px; }
.promo-dialog__actions .promo-dialog__submit { display: inline-flex; width: 100%; min-height: 46px; align-items: center; justify-content: center; gap: 8px; border: 0; border-radius: 8px; background: #eeeeef; color: #111112; cursor: pointer; font-size: 12px; font-weight: 680; }
.promo-dialog__submit svg { width: 17px; height: 17px; flex: 0 0 17px; }
.promo-dialog__actions .promo-dialog__submit:hover { background: #d8d8db; color: #111112; }
.promo-dialog__actions .promo-dialog__submit:disabled { cursor: wait; opacity: .6; }
.delete-promo-dialog { width: min(360px, calc(100vw - 28px)); border: 0; border-radius: 11px; outline: 0; background: #101011; padding: 0; color: var(--text); box-shadow: 0 28px 90px rgba(0, 0, 0, .62); }
.delete-promo-dialog::backdrop { background: rgba(0, 0, 0, .7); backdrop-filter: blur(4px); }
.delete-promo-dialog__content { padding: 22px; }
.delete-promo-dialog__header { display: flex; min-height: 34px; align-items: center; justify-content: space-between; gap: 18px; }
.delete-promo-dialog h2 { margin: 0; font-size: 17px; font-weight: 610; letter-spacing: -.025em; }
.delete-promo-dialog p { margin: 10px 0 0; color: #65656a; font-size: 12px; line-height: 1.55; }
.delete-promo-dialog p strong { color: #99999e; font-family: inherit; font-weight: 560; }
.delete-promo-dialog__actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 20px; }
.delete-promo-dialog__actions button { min-height: 42px; border: 0; border-radius: 8px; background: #19191b; color: #818186; cursor: pointer; font-size: 12px; font-weight: 650; }
.delete-promo-dialog__actions button:hover { background: #202022; color: #c5c5c8; }
.delete-promo-dialog__actions .delete-promo-confirm { background: #5b343a; color: #e1b9bf; }
.delete-promo-dialog__actions .delete-promo-confirm:hover { background: #6a3d44; color: #f0cbd0; }

.files-page-header { margin-bottom: 18px; }
.game-tabs { display: flex; gap: 8px; border-bottom: 1px solid #202022; overflow-x: auto; scrollbar-width: none; }
.game-tabs::-webkit-scrollbar { display: none; }
.game-tab { position: relative; display: inline-flex; min-height: 48px; flex: 0 0 auto; align-items: center; border: 0; background: transparent; padding: 0 12px; color: #6d6d72; cursor: pointer; font-size: 12px; font-weight: 580; }
.game-tab:hover { color: #c7c7ca; }
.game-tab--active { color: #eeeeef; box-shadow: inset 0 -1px 0 #eeeeef; }
.game-file-panels { padding-top: 22px; }
.game-file-panel { background: transparent; }
.file-list-header { display: flex; min-height: 74px; align-items: center; justify-content: space-between; gap: 20px; padding: 0 18px; border-bottom: 1px solid #1a1a1c; }
.file-list-header h2, .file-activity h2 { margin: 0; color: #d9d9dc; font-size: 13px; font-weight: 610; letter-spacing: -.015em; }
.file-list-header p, .file-activity header p { margin: 5px 0 0; color: #55555a; font-size: 12px; }
.file-list-header__actions { display: flex; align-items: center; gap: 14px; }
.file-list-header__actions > span, .file-activity header > span { color: #5e5e63; font-size: 12px; font-weight: 600; }
.add-file-button { display: inline-flex; width: 104px; min-height: 36px; align-items: center; justify-content: center; gap: 7px; border: 0; border-radius: 7px; background: #eeeeef; padding: 0 12px; color: #111112; cursor: pointer; font-size: 12px; font-weight: 650; }
.add-file-button:hover { background: #d8d8db; }
.add-file-button svg, .backup-file-button svg { width: 16px; height: 16px; flex: 0 0 16px; }
.backup-file-button { display: inline-flex; width: 104px; min-height: 36px; align-items: center; justify-content: center; gap: 7px; border: 0; border-radius: 7px; background: #151516; padding: 0 12px; color: #aaaab0; cursor: pointer; font-size: 12px; font-weight: 650; }
.backup-file-button:hover { background: #1a1a1c; color: #eeeeef; }
.file-table-wrap { overflow-x: auto; scrollbar-width: thin; scrollbar-color: #242427 transparent; }
.file-table { display: block; width: 100%; min-width: 0; border-collapse: collapse; }
.file-table thead { display: none; }
.file-table tbody { display: block; width: 100%; }
.file-table tbody tr { display: grid; grid-template-columns: minmax(160px, 1.45fr) minmax(80px, .55fr) minmax(170px, 1fr) minmax(90px, .55fr) 42px; align-items: center; min-height: 62px; border-bottom: 1px solid #18181a; }
.file-table tbody tr:last-child { border-bottom: 0; }
.file-table td { display: block; min-width: 0; border: 0; padding: 12px 18px; color: #77777c; font-size: 12px; text-align: left; vertical-align: middle; }
.file-table tbody tr { transition: background 150ms ease; }
.file-table tbody tr:hover { background: rgba(255, 255, 255, .018); }
.file-table tbody tr.file-row--missing { background: transparent; }
.file-row--missing .file-name { color: #626267; text-decoration: line-through; }
.file-name { color: #c1c1c5; font-family: inherit; font-size: 12px; font-weight: 600; }
.file-version-badge { display: inline-flex; min-height: 17px; align-items: center; margin-left: 8px; border-radius: 5px; background: #eeeeef; padding: 0 6px; color: #111112; font-family: inherit; font-size: 12px; font-weight: 750; letter-spacing: .05em; text-transform: uppercase; vertical-align: middle; }
.file-status { display: inline-flex; align-items: center; gap: 6px; color: #9ca69e; white-space: nowrap; }
.file-status::before { width: 5px; height: 5px; border-radius: 50%; background: #748778; box-shadow: 0 0 0 3px rgba(116, 135, 120, .1); content: ""; }
.file-status--missing { color: #765f63; }
.file-status--missing::before { background: #704d53; box-shadow: none; }
.file-action-cell { padding: 0 8px 0 0 !important; text-align: right !important; }
.file-menu-button { display: inline-grid; width: 32px; height: 32px; place-items: center; border: 0; border-radius: 7px; background: transparent; padding: 0; color: #67676c; cursor: pointer; }
.file-menu-button svg { display: block; width: 18px; height: 18px; }
.file-menu-button:hover, .file-menu-button[aria-expanded="true"] { background: #181819; color: #c4c4c8; }
.file-row-menu { position: fixed; z-index: 70; width: 128px; border-radius: 8px; background: #1a1a1c; padding: 4px; box-shadow: 0 14px 40px rgba(0, 0, 0, .42); }
.file-row-menu button { width: 100%; min-height: 36px; border: 0; border-radius: 6px; background: transparent; padding: 0 10px; color: #b0b0b4; cursor: pointer; font-size: 12px; font-weight: 600; text-align: left; }
.file-row-menu button:hover { background: #222224; color: #eeeeef; }
.file-row-menu .file-row-menu__delete { color: #a8767e; }
.file-row-menu .file-row-menu__delete:hover { background: #242022; color: #d49aa4; }
.file-backup-dialog { width: min(760px, calc(100vw - 28px)); max-height: calc(100vh - 28px); max-height: calc(100dvh - 28px); overflow-y: auto; border: 0; border-radius: 11px; outline: 0; background: #101011; padding: 0; color: var(--text); font-family: inherit; box-shadow: 0 28px 90px rgba(0, 0, 0, .62); }
.file-backup-dialog::backdrop { background: rgba(0, 0, 0, .7); backdrop-filter: blur(4px); }
.file-backup-dialog__content { padding: 20px; }
.file-backup-dialog__content > header { display: flex; min-height: 38px; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 14px; }
.file-backup-dialog h2 { margin: 0; color: #e1e1e3; font-size: 13px; font-weight: 610; letter-spacing: -.025em; }
.file-backup-dialog header p { margin: 5px 0 0; color: #5f5f64; font-size: 12px; }
.file-backup-table-wrap { overflow-x: auto; border-top: 1px solid #1d1d1f; }
.file-backup-table { width: 100%; border-collapse: collapse; }
.file-backup-table th { height: 38px; padding: 0 12px; color: #56565b; font-size: 12px; font-weight: 650; letter-spacing: .07em; text-align: left; text-transform: uppercase; }
.file-backup-table td { height: 54px; border-top: 1px solid #1b1b1d; padding: 7px 12px; color: #77777c; font-size: 12px; white-space: nowrap; }
.file-backup-table td:first-child { width: 40%; }
.file-backup-table .file-name { font-size: 12px; }
.file-backup-table td small { display: block; margin-top: 4px; color: #505055; font-size: 12px; }
.file-backup-table__action { text-align: right; }
.file-backup-table button { min-height: 30px; border: 0; border-radius: 6px; background: #1a1a1c; padding: 0 10px; color: #919196; cursor: pointer; font-family: inherit; font-size: 12px; font-weight: 620; }
.file-backup-table button:hover { background: #eeeeef; color: #111112; }
.file-activity { margin-top: 24px; border-top: 1px solid #202022; background: transparent; }
.file-activity > header { display: flex; min-height: 66px; align-items: center; justify-content: space-between; gap: 18px; padding: 0 18px; border-bottom: 1px solid #1a1a1c; }
.file-log { display: grid; margin: 0; padding: 0 18px; list-style: none; }
.file-log li { display: grid; grid-template-columns: 7px minmax(0, 1fr); align-items: start; gap: 12px; padding: 13px 0; border-bottom: 1px solid #171719; }
.file-log li:last-child { border-bottom: 0; }
.file-log__dot { width: 6px; height: 6px; margin-top: 4px; border-radius: 50%; background: #6f7c72; }
.file-log__dot--delete { background: #704d53; }
.file-log strong { display: block; color: #9b9ba0; font-size: 12px; font-weight: 580; }
.file-log p { margin: 4px 0 0; color: #4f4f54; font-size: 12px; }

.management-view { width: min(1240px, 100%); margin: 0 auto; font-family: inherit; font-size: 12px; }
.management-view button { font-family: inherit; }
.management-page-header { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.server-state { display: inline-flex; min-height: 36px; align-items: center; gap: 8px; border-radius: 7px; background: #121614; padding: 0 12px; color: #9fb0a2; }
.server-state span { width: 6px; height: 6px; border-radius: 50%; background: #748f79; box-shadow: 0 0 0 4px rgba(116, 143, 121, .1); }
.server-state strong { font-size: 12px; font-weight: 620; }
.server-state--restarting { background: #181612; color: #b7a681; }
.server-state--restarting span { background: #9b875d; box-shadow: 0 0 0 4px rgba(155, 135, 93, .1); animation: server-pulse 900ms ease infinite alternate; }
.server-state--offline { background: #1a1214; color: #bd858d; }
.server-state--offline span { background: #985b64; box-shadow: 0 0 0 4px rgba(152, 91, 100, .1); }
@keyframes server-pulse { to { opacity: .35; } }

.server-overview { overflow: hidden; background: transparent; }
.server-overview__header { display: flex; min-height: 58px; align-items: center; justify-content: flex-end; padding: 10px 18px; border-bottom: 1px solid #1a1a1c; }
.server-actions { display: flex; flex: 0 0 auto; gap: 8px; }
.server-actions button { min-width: 126px; min-height: 34px; border: 0; border-radius: 6px; padding: 0 12px; cursor: pointer; font-family: inherit; font-size: 12px; font-weight: 650; }
.server-actions button:disabled, .service-list button:disabled { cursor: default; opacity: .55; }
.server-restart-button { background: #56363b; color: #deb5bb; }
.server-restart-button:hover:not(:disabled) { background: #684047; color: #f0cbd0; }

.server-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.server-metric { min-width: 0; padding: 18px; border-right: 1px solid #19191b; }
.server-metric:last-child { border-right: 0; }
.server-metric__label { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.server-metric__label span { color: #77777c; font-size: 12px; font-weight: 580; }
.server-metric__label small { overflow: hidden; color: #4f4f54; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.server-metric > strong { display: block; margin-top: 12px; color: #dedee1; font-size: 20px; font-weight: 540; letter-spacing: -.04em; }
.server-metric > p { margin: 8px 0 0; overflow-wrap: anywhere; color: #505055; font-size: 12px; }
.server-meter { height: 3px; overflow: hidden; margin-top: 14px; border-radius: 999px; background: #202022; }
.server-meter i { display: block; height: 100%; border-radius: inherit; background: #74747a; transition: width 300ms ease; }
.server-meter--temperature i { background: #817866; }
.server-quick-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid #1a1a1c; }
.server-quick-stats div { padding: 13px 18px; border-right: 1px solid #19191b; }
.server-quick-stats div:last-child { border-right: 0; }
.server-quick-stats span { display: block; color: #505055; font-size: 12px; font-weight: 620; letter-spacing: .06em; text-transform: uppercase; }
.server-quick-stats strong { display: block; margin-top: 6px; color: #a7a7ac; font-family: inherit; font-size: 12px; font-weight: 570; }

.management-grid { display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: 10px; }
.management-panel { overflow: hidden; background: transparent; }
.management-panel > header { display: flex; min-height: 66px; align-items: center; justify-content: space-between; gap: 18px; padding: 0 18px; border-bottom: 1px solid #1a1a1c; }
.management-panel h2 { margin: 0; color: #d5d5d8; font-size: 12px; font-weight: 610; letter-spacing: -.015em; }
.management-panel header p { margin: 5px 0 0; color: #505055; font-size: 12px; }
.management-panel header > span { color: #5f6f62; font-size: 12px; font-weight: 620; }
.service-list article { display: grid; min-height: 64px; grid-template-columns: minmax(0, 1fr) 78px 78px; align-items: center; gap: 12px; padding: 10px 14px 10px 18px; border-bottom: 1px solid #18181a; }
.loader-version-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 14px; padding: 18px; }
.loader-version-form label { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 4px 12px; color: #b1b1b5; font-size: 12px; }
.loader-version-form label small { color: #505055; font-size: 11px; }
.loader-version-form input { grid-column: 1 / -1; width: 100%; height: 38px; border: 1px solid #262629; border-radius: 7px; outline: 0; background: #121213; padding: 0 11px; color: #d5d5d8; font: inherit; font-size: 12px; }
.loader-version-form input:focus { border-color: #4a4a4f; }
.loader-version-form__action { display: flex; min-width: 138px; align-items: center; justify-content: flex-end; gap: 10px; }
.loader-version-form__action p { max-width: 150px; margin: 0; color: #737378; font-size: 11px; text-align: right; }
.loader-version-form__action p.loader-version-status--error { color: #a86f77; }
.loader-version-form__action button { height: 38px; border: 0; border-radius: 7px; background: #ededee; padding: 0 14px; color: #151516; cursor: pointer; font: inherit; font-size: 12px; font-weight: 650; white-space: nowrap; }
.loader-version-form__action button:disabled { cursor: default; opacity: .55; }
.test-email-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 10px; padding: 18px; border-bottom: 1px solid #18181a; }
.test-email-form label { display: grid; gap: 7px; color: #b1b1b5; font-size: 12px; }
.test-email-form input { width: 100%; height: 38px; border: 1px solid #262629; border-radius: 7px; outline: 0; background: #121213; padding: 0 11px; color: #d5d5d8; font: inherit; font-size: 12px; }
.test-email-form input:focus { border-color: #4a4a4f; }
.test-email-form button { height: 38px; border: 0; border-radius: 7px; background: #ededee; padding: 0 16px; color: #151516; cursor: pointer; font: inherit; font-size: 12px; font-weight: 650; }
.test-email-form button:disabled { cursor: default; opacity: .55; }
.test-email-form > p { grid-column: 1 / -1; min-height: 16px; margin: 0; color: #8c7478; font-size: 11px; }
.test-email-list { display: grid; }
.test-email-row { display: flex; min-height: 60px; align-items: center; justify-content: space-between; gap: 16px; padding: 10px 18px; border-bottom: 1px solid #18181a; }
.test-email-row:last-child { border-bottom: 0; }
.test-email-row strong { display: block; color: #c9c9cd; font-size: 12px; font-weight: 580; overflow-wrap: anywhere; }
.test-email-row small { display: block; margin-top: 5px; color: #55555a; font-size: 11px; }
.test-email-row__controls { display: flex; align-items: center; gap: 12px; }
.test-email-row__controls > button { min-height: 30px; border: 0; border-radius: 6px; background: #241719; padding: 0 10px; color: #b67b84; cursor: pointer; font: inherit; font-size: 11px; }
.test-email-row__controls > button:hover { background: #332024; color: #dca2aa; }
.test-email-row__controls > button:disabled { cursor: default; opacity: .5; }
.test-email-switch { position: relative; display: inline-flex; width: 36px; height: 20px; cursor: pointer; }
.test-email-switch input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.test-email-switch span { width: 100%; border-radius: 999px; background: #28282b; transition: background 160ms ease; }
.test-email-switch span::after { display: block; width: 14px; height: 14px; margin: 3px; border-radius: 50%; background: #77777d; content: ""; transition: transform 160ms ease, background 160ms ease; }
.test-email-switch input:checked + span { background: #33473a; }
.test-email-switch input:checked + span::after { transform: translateX(16px); background: #b8cabe; }
.test-email-switch input:focus-visible + span { outline: 2px solid #68686e; outline-offset: 2px; }
.test-email-empty { margin: 0; padding: 18px; color: #55555a; font-size: 12px; }
.service-list article:last-child { border-bottom: 0; }
.service-list strong { display: block; color: #b8b8bc; font-size: 12px; font-weight: 580; }
.service-list p { margin: 5px 0 0; color: #505055; font-size: 12px; }
.service-status { display: inline-flex; align-items: center; gap: 6px; color: #8da091; font-size: 12px; }
.service-status::before { width: 5px; height: 5px; border-radius: 50%; background: #6f8874; content: ""; }
.service-status--restarting { color: #a08f69; }
.service-status--restarting::before { background: #947d50; animation: server-pulse 700ms ease infinite alternate; }
.service-status--offline { color: #a5777e; }
.service-status--offline::before { background: #8a5059; }
.service-list button { min-height: 30px; border: 0; border-radius: 6px; background: #19191b; color: #85858a; cursor: pointer; font-family: inherit; font-size: 12px; font-weight: 620; }
.service-list button:hover:not(:disabled) { background: #eeeeef; color: #111112; }

.user-detail-view { min-height: calc(100vh - 84px); }
.user-detail-topbar { display: flex; min-height: 62px; align-items: center; }
.user-detail-back { display: inline-flex; min-height: 38px; align-items: center; gap: 7px; border-radius: 7px; padding: 0 10px 0 6px; color: #808085; font-size: 12px; font-weight: 560; text-decoration: none; touch-action: manipulation; }
.user-detail-back:hover { background: #131314; color: #dedee0; }
.user-detail-back__arrow { display: block; width: 21px; height: 21px; flex: 0 0 21px; }
.profile-hero { display: flex; align-items: center; justify-content: space-between; gap: 28px; border-radius: 10px; background: #0e0e0f; padding: 20px; }
.profile-identity { display: flex; min-width: 0; align-items: center; gap: 14px; }
.profile-identity__avatar { display: grid; width: 48px; height: 48px; flex: 0 0 48px; overflow: hidden; place-items: center; border-radius: 10px; background: #1b1b1d; color: #aaaab0; font-size: 12px; font-weight: 700; }
.profile-identity__title { display: flex; min-width: 0; align-items: center; gap: 10px; }
.profile-identity h1 { overflow: hidden; margin: 0; color: #e5e5e7; font-size: 18px; font-weight: 610; letter-spacing: -.025em; text-overflow: ellipsis; white-space: nowrap; }
.profile-identity p { margin: 6px 0 0; color: #5f5f64; font-size: 12px; }
.profile-identity p span { color: #818186; font-family: inherit; }
.profile-online-state { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 6px; color: #9c9ca2; font-size: 12px; }
.profile-online-state::before { width: 5px; height: 5px; border-radius: 50%; background: #85858c; box-shadow: 0 0 0 3px rgba(133, 133, 140, .1); content: ""; }
.profile-online-state--offline { color: #616166; }
.profile-online-state--offline::before { background: #45454a; box-shadow: none; }
.profile-online-state--banned { color: #b77a83; }
.profile-online-state--banned::before { background: #985b64; box-shadow: 0 0 0 3px rgba(152, 91, 100, .1); }
.profile-hero__controls { display: flex; align-items: center; gap: 18px; }
.profile-summary { display: grid; min-width: 360px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.profile-summary div { padding: 2px 18px; border-left: 1px solid #202022; }
.profile-summary span, .profile-info-grid article > span { display: block; margin-bottom: 6px; color: #55555a; font-size: 12px; font-weight: 650; letter-spacing: .07em; text-transform: uppercase; }
.profile-summary strong { color: #cfcfd2; font-size: 13px; font-weight: 600; }
.profile-ban-button { min-width: 88px; min-height: 38px; border: 0; border-radius: 7px; background: #56363b; padding: 0 14px; color: #deb5bb; cursor: pointer; font-size: 12px; font-weight: 650; }
.profile-ban-button:hover { background: #684047; color: #f0cbd0; }
.profile-ban-button--active { background: #1c2820; color: #9eb9a3; }
.profile-ban-button--active:hover { background: #26352a; color: #b8d0bc; }
.profile-tabs { display: flex; gap: 10px; margin-top: 22px; border-bottom: 1px solid #202022; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; }
.profile-tabs::-webkit-scrollbar { display: none; }
.profile-tab { position: relative; display: inline-flex; min-height: 44px; flex: 0 0 auto; align-items: center; gap: 8px; border: 0; background: transparent; padding: 0 10px; color: #77777c; cursor: pointer; font-size: 12px; font-weight: 570; }
.profile-tab > span, .profile-tab > svg { color: #555e70; }
.profile-tab > span { font-size: 14px; }
.profile-tab > svg { display: block; width: 16px; height: 16px; flex: 0 0 16px; }
.profile-tab::after { position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; height: 1px; background: transparent; content: ""; }
.profile-tab:hover { color: #c2c2c6; }
.profile-tab--active { color: #eeeeef; }
.profile-tab--active > span, .profile-tab--active > svg { color: #eeeeef; }
.profile-tab--active::after { background: #eeeeef; }
.profile-panels { padding-top: 18px; }
.profile-panel { min-height: 260px; }
.profile-info-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; overflow: hidden; border: 1px solid #1b1b1d; border-radius: 9px; background: #1b1b1d; }
.profile-info-grid article { min-width: 0; background: #0e0e0f; padding: 17px 18px; }
.profile-info-grid article strong { display: block; overflow: hidden; color: #c2c2c6; font-size: 12px; font-weight: 570; text-overflow: ellipsis; white-space: nowrap; }
.profile-url { color: #74747a !important; }
.profile-ban-dialog p strong { color: #c5c5c8; }
.user-detail-view .record-table th { font-family: inherit; font-size: 12px; }
.user-detail-view .record-table td { font-family: inherit; font-size: 13px; }

@media (max-width: 1150px) {
  .metrics-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .charts-grid { grid-template-columns: 1fr; }
  .server-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .server-metric:nth-child(2) { border-right: 0; }
  .server-metric:nth-child(n + 3) { border-top: 1px solid #19191b; }
}

@media (max-width: 900px) {
  body.menu-open { overflow: hidden; }
  .sidebar { width: min(82vw, 280px); border-right-color: #262628; box-shadow: 28px 0 70px rgba(0, 0, 0, .5); transform: translateX(-105%); transition: transform 190ms ease; }
  .sidebar--open { transform: translateX(0); }
  .sidebar__close { position: relative; display: block; width: 36px; height: 36px; border: 0; border-radius: 7px; background: #131314; cursor: pointer; }
  .sidebar__close::before, .sidebar__close::after { position: absolute; top: 17px; left: 10px; width: 16px; height: 1px; background: #9a9a9e; content: ""; }
  .sidebar__close::before { transform: rotate(45deg); }
  .sidebar__close::after { transform: rotate(-45deg); }
  .mobile-header { position: fixed; top: 0; right: 0; left: 0; z-index: 20; display: flex; height: 64px; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--divider); background: rgba(8, 8, 8, .94); padding: 0 16px 0 18px; backdrop-filter: blur(18px); }
  .mobile-brand { display: flex; align-items: center; }
  .mobile-brand img { display: block; width: 126px; height: auto; }
  .mobile-menu-button { display: flex; width: 38px; height: 38px; align-items: center; justify-content: center; flex-direction: column; gap: 4px; border: 0; border-radius: 7px; background: #131314; cursor: pointer; }
  .mobile-menu-button span { display: block; width: 16px; height: 1px; background: #9a9a9e; }
  .sidebar-backdrop { position: fixed; inset: 0; z-index: 25; border: 0; background: rgba(0, 0, 0, .62); backdrop-filter: blur(3px); }
  .menu-open .sidebar-backdrop { display: block; }
  .workspace { margin-left: 0; padding-top: 64px; }
  .content { min-height: calc(100vh - 64px); padding: 30px 16px 42px; }
}

@media (max-width: 720px) {
  .login-view { padding: 16px; }
  .login-card { padding: 24px 20px; }
  .page-header { margin-bottom: 22px; padding-top: 19px; }
  .metrics-grid { grid-template-columns: 1fr; }
  .payment-metrics-grid { grid-template-columns: 1fr; margin-bottom: 20px; }
  .metric-widget { min-height: 142px; }
  .chart-widget { padding: 15px; }
  .chart-stage { height: 205px; }
  .users-page-header { align-items: flex-start; flex-direction: column; gap: 13px; }
  .users-toolbar, .payments-toolbar, .promo-codes-toolbar { min-height: 48px; flex-wrap: wrap; gap: 0; margin-bottom: 4px; }
  .table-filter-controls { width: 100%; flex: 0 0 100%; gap: 8px; }
  .users-search, .payments-search, .promo-codes-search { width: auto; min-width: 0; flex: 1; }
  .users-search input { height: 47px; padding-left: 29px; font-size: 12px; }
  .date-filter { width: 106px; height: 40px; flex-basis: 106px; }
  .online-filter { height: 40px; padding: 0 8px; }
  .users-count { margin: -4px 0 9px auto; }
  .table-pagination { align-items: flex-start; flex-direction: column; padding: 14px 0; }
  .table-pagination > div { width: 100%; justify-content: space-between; }
  .users-table-wrap { overflow: visible; }
  .users-table { min-width: 0; table-layout: auto; }
  .users-table, .users-table tbody { display: block; width: 100%; }
  .users-table thead { display: none; }
  .users-table tbody { display: grid; gap: 0; }
  .users-table tbody tr { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 12px; padding: 18px 0; border-bottom: 1px solid #1d1d1f; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
  .users-table tbody tr:last-child { border-bottom: 0; }
  .users-table th, .users-table td { display: block; min-width: 0; padding: 0 8px; border: 0; }
  .users-table td:first-child { grid-column: 1 / -1; padding-bottom: 2px; }
  .users-table td:nth-child(2) { color: #77777c; overflow-wrap: anywhere; }
  .users-table td:nth-child(n + 2)::before { display: block; margin-bottom: 5px; color: #505055; font-size: 12px; font-weight: 650; letter-spacing: .07em; text-transform: uppercase; }
  .users-table td:nth-child(2)::before { content: "Email / Telegram"; }
  .users-table td:nth-child(3)::before { content: "Signed in with"; }
  .users-table td:nth-child(4)::before { content: "Status"; }
  .users-table td:nth-child(5)::before { content: "Created"; }
  .users-table tbody tr:not(.users-empty-row):hover { background: transparent; }
  .table-avatar { width: 34px; height: 34px; flex-basis: 34px; }
  .table-user strong { font-size: 12px; }
  .users-table tbody tr.users-empty-row { display: block; padding: 0; border: 0; }
  .users-empty-row td { display: grid; width: 100%; height: 150px; place-items: center; }
  .payments-table-wrap, .promo-codes-table-wrap, .record-table-wrap, .file-table-wrap { overflow: visible; }
  .responsive-table { display: block; width: 100%; min-width: 0; table-layout: auto; }
  .responsive-table thead { display: none; }
  .responsive-table tbody { display: grid; width: 100%; gap: 0; }
  .responsive-table tbody tr { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 12px; padding: 18px 0; border-bottom: 1px solid #1d1d1f; }
  .responsive-table tbody tr:last-child { border-bottom: 0; }
  .responsive-table th, .responsive-table td { display: block; min-width: 0; padding: 0 8px; border: 0; overflow-wrap: anywhere; }
  .responsive-table td::before { display: block; margin-bottom: 5px; color: #505055; font-size: 12px; font-weight: 650; letter-spacing: .07em; text-transform: uppercase; content: attr(data-label); }
  .responsive-table .payments-empty-row, .responsive-table .promo-codes-empty-row, .responsive-table .record-empty-row { display: block; padding: 0; border: 0; }
  .responsive-table .payments-empty-row td, .responsive-table .promo-codes-empty-row td, .responsive-table .record-empty-row td { display: grid; width: 100%; height: 150px; place-items: center; }
  .responsive-table .payments-empty-row td::before, .responsive-table .promo-codes-empty-row td::before, .responsive-table .record-empty-row td::before { display: none; }
  .payments-table tbody tr:not(.payments-empty-row):hover, .promo-codes-table tbody tr:not(.promo-codes-empty-row):hover, .record-table tbody tr:not(.record-empty-row):hover { background: transparent; }
  .promo-codes-table tbody tr:not(.promo-codes-empty-row) { position: relative; padding-right: 42px; }
  .responsive-table .promo-action-cell { position: absolute; top: 10px; right: 0; padding: 0; }
  .responsive-table .promo-action-cell::before { display: none; }
  .file-table { min-width: 0; }
  .file-table tbody tr { position: relative; grid-template-columns: repeat(2, minmax(0, 1fr)); min-height: 0; padding-right: 42px; }
  .file-table .file-action-cell { position: absolute; top: 10px; right: 0; padding: 0; }
  .file-table .file-action-cell::before { display: none; }
  .file-list-header { min-height: 68px; align-items: flex-start; flex-direction: column; gap: 10px; padding: 14px; }
  .file-list-header__actions { width: 100%; gap: 8px; }
  .file-list-header__actions > span { margin-right: auto; }
  .add-file-button, .backup-file-button { min-height: 38px; }
  .file-activity > header { min-height: 64px; padding-inline: 14px; }
  .file-log { padding-inline: 14px; }
  .file-backup-dialog__content { padding: 16px; }
  .file-backup-table th { display: none; }
  .file-backup-table, .file-backup-table tbody { display: block; }
  .file-backup-table tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; padding: 10px 0; border-top: 1px solid #1b1b1d; }
  .file-backup-table td { display: block; width: auto !important; height: auto; border: 0; padding: 4px 8px; }
  .file-backup-table td:nth-child(2), .file-backup-table td:nth-child(3) { grid-column: 1; }
  .file-backup-table__action { grid-column: 2; grid-row: 1 / span 3; align-self: center; }
  .management-page-header { align-items: flex-start; flex-direction: column; gap: 14px; }
  .server-overview__header { align-items: flex-start; flex-direction: column; }
  .server-actions { width: 100%; }
  .server-actions button { flex: 1; }
  .server-quick-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .server-quick-stats div:nth-child(2) { border-right: 0; }
  .server-quick-stats div:nth-child(n + 3) { border-top: 1px solid #19191b; }
  .management-grid { grid-template-columns: 1fr; }
  .user-detail-view { min-height: calc(100vh - 64px); }
  .user-detail-topbar { min-height: 58px; }
  .user-detail-back { min-height: 44px; font-size: 13px; }
  .user-detail-back:active { background: #131314; color: #dedee0; }
  .profile-hero { align-items: stretch; flex-direction: column; gap: 18px; padding: 16px; }
  .profile-hero__controls { align-items: stretch; flex-direction: column; gap: 14px; }
  .profile-summary { width: 100%; min-width: 0; }
  .profile-summary div { padding: 2px 12px; }
  .profile-summary div:first-child { border-left: 0; padding-left: 0; }
  .profile-ban-button { width: 100%; min-height: 42px; }
  .profile-tabs { margin-top: 16px; }
  .profile-tab { min-height: 46px; padding-inline: 12px; }
  .profile-panels { padding-top: 14px; }
  .profile-info-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 420px) {
  .content { padding: 22px 12px 34px; }
  .page-header { padding-top: 16px; }
  .promo-codes-page-header { align-items: center; flex-wrap: wrap; gap: 12px; }
  .promo-header-actions { width: 100%; gap: 6px; }
  .promo-header-actions .create-promo-button { flex: 1; justify-content: center; }
  .create-promo-button { min-height: 40px; padding-inline: 11px; font-size: 12px; }
  .chart-widget__header { align-items: flex-start; flex-direction: column; }
  .range-switch { width: 100%; }
  .range-switch button { flex: 1; width: auto; }
  .chart-stage { height: 190px; margin-top: 13px; }
  .metric-switch__button { padding-inline: 10px; }
  .profile-identity__avatar { width: 44px; height: 44px; flex-basis: 44px; }
  .profile-identity h1 { font-size: 16px; }
  .profile-identity__title { align-items: flex-start; flex-direction: column; gap: 5px; }
  .profile-summary div { padding-inline: 8px; }
  .profile-summary strong { font-size: 12px; }
  .profile-info-grid { grid-template-columns: 1fr; }
  .promo-dialog__form { padding: 16px; }
  .server-metrics { grid-template-columns: 1fr; }
  .server-metric { border-right: 0; }
  .server-metric:nth-child(n + 2) { border-top: 1px solid #19191b; }
  .service-list article { grid-template-columns: minmax(0, 1fr) 72px; }
  .loader-version-form { grid-template-columns: 1fr; }
  .loader-version-form__action { justify-content: space-between; }
  .test-email-form { grid-template-columns: 1fr; }
  .test-email-form button { width: 100%; }
  .service-list button { grid-column: 1 / -1; min-height: 36px; }
}

.profile__copy small,
.metric-note,
.metric-switch__button,
.range-switch button,
.users-count,
.date-filter > span,
.promo-code-value,
.promo-row-menu button,
.delete-promo-dialog p,
.delete-promo-dialog__actions button,
.file-list-header p,
.file-activity header p,
.file-list-header__actions > span,
.file-activity header > span,
.add-file-button,
.backup-file-button,
.file-name,
.file-row-menu button,
.file-backup-dialog header p,
.file-backup-list strong,
.file-log strong,
.profile-identity p { font-size: 12px; }

.chart-widget__header span,
.chart-tooltip span,
.promo-form-field > span,
.file-backup-list p,
.file-backup-list button,
.file-log p,
.profile-online-state,
.profile-summary span,
.profile-info-grid article > span { font-size: 12px; }

.users-table th,
.payments-table th,
.promo-codes-table th,
.record-table th { font-size: 12px; }

.users-table td,
.payments-table td,
.promo-codes-table td,
.record-table td,
.file-table td,
.payment-amount,
.table-user strong,
.create-promo-button,
.promo-dialog__actions .promo-dialog__submit,
.game-tab,
.profile-tab,
.profile-info-grid article strong { font-size: 12px; }

.users-search input,
.promo-form-field input { font-size: 13px; }

@media (max-width: 720px) {
  .users-table td:nth-child(n + 2)::before,
  .responsive-table td::before { font-size: 12px; }

  .create-promo-button { font-size: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition-duration: .01ms !important; }
}

.notifications-view { width: min(1240px, 100%); margin: 0 auto; }
.notifications-page-header p { margin: 7px 0 0; color: #5f5f64; font-size: 12px; }
.notifications-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr); gap: 10px; }
.notification-composer, .notification-history { overflow: hidden; border-radius: 9px; background: #0e0e0f; }
.notification-composer > header, .notification-history > header { display: flex; min-height: 66px; align-items: center; justify-content: space-between; gap: 18px; border-bottom: 1px solid #1a1a1c; padding: 0 18px; }
.notification-composer h2, .notification-history h2 { margin: 0; color: #d5d5d8; font-size: 13px; font-weight: 610; }
.notification-composer header > span, .notification-history header > span { color: #74747a; font-size: 12px; font-weight: 600; }
.notification-history__actions { display: flex; flex: 0 0 auto; align-items: center; gap: 10px; }
.notification-history__actions > span { color: #74747a; font-size: 12px; font-weight: 600; }
.notification-history__actions button { min-height: 32px; border: 0; border-radius: 6px; background: #19191b; padding: 0 10px; color: #8d8d92; cursor: pointer; font: inherit; font-size: 12px; font-weight: 620; }
.notification-history__actions button:hover:not(:disabled) { background: #eeeeef; color: #111112; }
.notification-history__actions button:disabled { cursor: default; opacity: .45; }
.notification-history header p { margin: 5px 0 0; color: #505055; font-size: 12px; }
.notification-composer form { display: grid; gap: 17px; padding: 18px; }
.notification-target-switch { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; border-radius: 8px; background: #171718; padding: 4px; }
.notification-target-switch button { min-height: 36px; border: 0; border-radius: 6px; background: transparent; color: #727277; cursor: pointer; font: inherit; font-size: 12px; font-weight: 620; }
.notification-target-switch button:hover { color: #b9b9bd; }
.notification-target-switch .notification-target-switch__active { background: #29292c; color: #eeeeef; box-shadow: 0 3px 10px rgba(0, 0, 0, .2); }
.notification-target-field, .notification-message-field { display: grid; gap: 8px; }
.notification-target-field > span, .notification-message-field > span { color: #77777c; font-size: 12px; font-weight: 600; }
.notification-target-field input, .notification-message-field textarea { width: 100%; border: 0; border-radius: 8px; outline: 0; background: #171718; padding: 12px 13px; color: #e2e2e4; font: inherit; font-size: 13px; }
.notification-target-field input { height: 44px; }
.notification-message-field textarea { min-height: 190px; resize: vertical; line-height: 1.55; }
.notification-target-field input:focus, .notification-message-field textarea:focus { background: #202022; }
.notification-compose-footer { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.notification-compose-footer > span { color: #55555a; font-size: 12px; }
.notification-compose-footer > span b { color: #8c8c91; font-weight: 600; }
.notification-compose-footer button { min-height: 40px; border: 0; border-radius: 7px; background: #eeeeef; padding: 0 15px; color: #111112; cursor: pointer; font: inherit; font-size: 12px; font-weight: 680; }
.notification-compose-footer button:disabled { cursor: wait; opacity: .55; }
.notification-form-status { margin: -4px 0 0; border-radius: 7px; background: #171718; padding: 10px 11px; color: #9a9aa0; font-size: 12px; }
.notification-form-status--error { background: #24191b; color: #d59da6; }
.notification-history-list { max-height: 530px; overflow-y: auto; }
.notification-history-item { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 14px; border-bottom: 1px solid #18181a; padding: 15px 18px; }
.notification-history-item:last-child { border-bottom: 0; }
.notification-history-item__message { overflow: hidden; margin: 0; color: #b9b9bd; font-size: 12px; line-height: 1.5; text-overflow: ellipsis; white-space: nowrap; }
.notification-history-item__meta { margin: 6px 0 0; color: #56565b; font-size: 12px; }
.notification-history-item__progress { min-width: 110px; text-align: right; }
.notification-history-item__progress strong { display: block; color: #9b9ba0; font-size: 12px; font-weight: 620; }
.notification-history-item__progress span { display: block; margin-top: 6px; color: #5d5d62; font-size: 12px; text-transform: capitalize; }
.notification-history-item__progress span[data-status="running"], .notification-history-item__progress span[data-status="queued"] { color: #b7a681; }
.notification-history-item__progress span[data-status="completed"] { color: #8da091; }
.notification-history-empty { margin: 0; padding: 70px 18px; color: #5d5d62; font-size: 12px; text-align: center; }

@media (max-width: 980px) {
  .notifications-grid { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
  .notification-target-switch { grid-template-columns: 1fr; }
  .notification-compose-footer { align-items: stretch; flex-direction: column; }
  .notification-compose-footer button { width: 100%; }
  .notification-history > header { min-height: 0; align-items: flex-start; flex-direction: column; padding-block: 15px; }
  .notification-history__actions { width: 100%; justify-content: space-between; }
  .notification-history__actions button { min-height: 38px; }
  .notification-history-list { display: grid; gap: 9px; padding: 10px; background: #09090a; }
  .notification-history-item { grid-template-columns: 1fr; border: 1px solid #202022; border-radius: 8px; background: #111112; padding: 14px; }
  .notification-history-item__message { overflow: visible; white-space: normal; overflow-wrap: anywhere; }
  .notification-history-item__progress { text-align: left; }
}
 .content-page-header p { margin: .45rem 0 0; color: var(--muted, #8e96a3); }
.content-tabs { display: flex; gap: .35rem; margin-bottom: 1.25rem; overflow-x: auto; border-radius: 12px; background: #101114; padding: 5px; }
.content-tab { border: 0; border-radius: 8px; background: transparent; color: #777b83; padding: .72rem 1rem; white-space: nowrap; cursor: pointer; }
.content-tab.is-active { background: #eeeeef; color: #111216; }
.content-panel { display: grid; gap: 1rem; align-items: start; }
.content-panel-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 72px; border-bottom: 1px solid #202226; padding: .25rem 0 1rem; }
.content-panel-toolbar h2 { margin: 0; color: #ededf0; font-size: 17px; }
.content-panel-toolbar p { margin: .35rem 0 0; color: #686d76; font-size: 12px; }
.content-panel-toolbar button { min-height: 39px; border: 0; border-radius: 9px; background: #3974ff; padding: 0 1rem; color: #fff; font: inherit; font-size: 12px; font-weight: 650; cursor: pointer; }
.content-editor-dialog { width: min(720px, calc(100vw - 28px)); max-height: calc(100vh - 28px); overflow: auto; border: 1px solid #292d34; border-radius: 18px; background: #0e0f12; padding: 0; color: #fff; box-shadow: 0 30px 90px rgba(0,0,0,.65); }
.content-editor-dialog::backdrop { background: rgba(2,3,5,.72); backdrop-filter: blur(10px); }
.content-editor { border: 0; border-radius: 18px; background: #0e0f12; padding: 1.4rem; }
.content-records { display: grid; gap: .65rem; min-height: 220px; border: 0; border-radius: 16px; background: #0e0f12; padding: 1.15rem; }
.content-editor-heading { margin-bottom: 1rem; }
.content-editor-heading h2 { margin: 0; color: #ededf0; font-size: 16px; }
.content-editor-heading p { margin: .4rem 0 0; color: #666a72; font-size: 12px; line-height: 1.5; }
.content-editor-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; }
.content-editor label { display: grid; gap: .38rem; color: #aeb6c2; font-size: .82rem; }
.content-editor input, .content-editor textarea, .content-editor select { width: 100%; border: 1px solid transparent; border-radius: 9px; outline: 0; background: #17191e; color: #f5f7fa; padding: .72rem .78rem; font: inherit; transition: border-color 150ms ease, background 150ms ease; }
.content-editor input:focus, .content-editor textarea:focus, .content-editor select:focus { border-color: #4d73b8; background: #1a1d23; }
.content-editor input[type="file"] { padding: .5rem; }
.content-editor-wide { grid-column: 1 / -1; }
.content-check { display: flex !important; align-items: center; grid-template-columns: auto 1fr; }
.content-check input { width: auto; }
.content-editor-actions { display: flex; justify-content: flex-end; gap: .6rem; margin-top: 1rem; }
.content-editor-actions button, .content-record button { border: 1px solid #303845; border-radius: 9px; background: #171d26; color: #eef2f7; padding: .6rem .85rem; cursor: pointer; }
.content-editor-actions button:last-child { background: #3974ff; border-color: #3974ff; }
.content-editor-status { min-height: 1.2rem; margin: .75rem 0 0; color: #6ce6a0; }
.content-editor-status.is-error { color: #ff7272; }
.content-editor-dialog[data-content-dialog="product"] { width: min(980px, calc(100vw - 28px)); }
.content-price-editor { display: grid; gap: .85rem; padding: .9rem; border-radius: 12px; background: #13151a; }
.content-price-editor__heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.content-price-editor__heading h3 { margin: 0; color: #f2f4f7; font-size: .9rem; font-weight: 650; }
.content-price-editor__heading p { margin: .25rem 0 0; color: #696e78; font-size: .72rem; }
.content-price-editor__heading button { flex: none; border: 0; border-radius: 9px; background: #222732; color: #e9edf5; padding: .6rem .8rem; font: inherit; font-size: .76rem; cursor: pointer; transition: background 150ms ease, transform 150ms ease; }
.content-price-editor__heading button:hover { background: #2b3240; }
.content-price-editor__heading button:active { transform: translateY(1px); }
.content-price-rows { display: grid; gap: .65rem; }
.content-price-row { display: grid; grid-template-columns: 82px minmax(145px, 1.35fr) repeat(3, minmax(112px, 1fr)) auto; align-items: end; gap: .55rem; padding: .75rem; border-radius: 10px; background: #191c22; }
.content-price-row label { min-width: 0; gap: .32rem; color: #838a96; font-size: .68rem; }
.content-price-row input { min-width: 0; height: 40px; background: #101216; padding: .65rem .7rem; }
.content-price-row input:focus { background: #0e1014; }
.content-price-input { position: relative; display: block; }
.content-price-input input { padding-right: 2rem; }
.content-price-input b { position: absolute; top: 50%; right: .72rem; transform: translateY(-50%); color: #6f7784; font-size: .72rem; pointer-events: none; }
.content-price-remove { height: 40px; border: 0; border-radius: 9px; background: rgba(255,89,89,.08); color: #ef8282; padding: 0 .7rem; font: inherit; font-size: .7rem; cursor: pointer; transition: background 150ms ease, color 150ms ease; }
.content-price-remove:hover { background: rgba(255,89,89,.15); color: #ffaaaa; }
.content-record { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; gap: .75rem; align-items: center; border: 0; border-radius: 11px; background: #15171b; padding: .7rem; }
.content-records-empty { display: grid; min-height: 190px; margin: 0; place-items: center; color: #62666e; font-size: 13px; text-align: center; }
.content-global-status { color: #ff858f !important; }
.content-record > img { width: 52px; height: 52px; border-radius: 10px; object-fit: cover; background: #fff; }
.content-record > div:first-of-type { display: grid; gap: .25rem; min-width: 0; }
.content-record strong, .content-record span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.content-record span { color: #8e96a3; font-size: .8rem; }
.content-record > div:last-child { display: flex; gap: .4rem; }
.content-record button.is-danger { color: #ff7272; }
.content-record button.is-availability { color: #f2c078; }
.content-record button.is-availability.is-disabled { color: #79d99f; }
.profile-balance-icon { width: 17px; height: 17px; margin-right: 6px; vertical-align: -3px; }
.site-settings-form { width: min(760px, 100%); }
.settings-view { width: min(1240px, 100%); margin: 0 auto; }
.site-settings-card { border-radius: 14px; background: #0e0f12; padding: 22px; }
.site-settings-card__heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 28px; }
.site-settings-card h2 { margin: 0; color: #eeeef0; font-size: 17px; }
.site-settings-card p { margin: 7px 0 0; color: #747982; font-size: 12px; line-height: 1.55; }
.site-settings-switch { display: grid; grid-template-columns: auto auto; align-items: center; gap: 9px; color: #afb4bc; cursor: pointer; font-size: 12px; }
.site-settings-switch input { position: absolute; opacity: 0; pointer-events: none; }
.site-settings-switch span { position: relative; width: 42px; height: 23px; border-radius: 999px; background: #24262b; transition: background 150ms ease; }
.site-settings-switch span::after { position: absolute; top: 3px; left: 3px; width: 17px; height: 17px; border-radius: 50%; background: #777b83; content: ""; transition: transform 150ms ease, background 150ms ease; }
.site-settings-switch input:checked + span { background: #376ee8; }
.site-settings-switch input:checked + span::after { background: #fff; transform: translateX(19px); }
.site-settings-ips { display: grid; gap: 8px; margin-top: 22px; color: #969ca6; font-size: 12px; }
.site-settings-ips textarea { width: 100%; border: 0; border-radius: 9px; outline: 0; background: #17191e; padding: 12px 13px; color: #f0f2f5; font: inherit; line-height: 1.6; resize: vertical; }
.site-settings-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 14px; }
.site-settings-actions button { min-height: 40px; border: 0; border-radius: 8px; background: #1c2028; padding: 0 14px; color: #c8cdd5; cursor: pointer; font: inherit; font-size: 12px; font-weight: 650; }
.site-settings-actions button[type="submit"] { background: #eeeeef; color: #111216; }
.site-settings-actions button:disabled { cursor: wait; opacity: .6; }
.site-settings-status { min-height: 18px; color: #70d49a !important; }
.site-settings-status.is-error { color: #ef8992 !important; }
@media (max-width: 820px) { .content-price-row { grid-template-columns: repeat(2, minmax(0, 1fr)); } .content-price-row label:nth-child(2) { grid-column: 1 / -1; grid-row: 1; } .content-price-remove { align-self: end; } }
@media (max-width: 560px) { .content-panel-toolbar { align-items: flex-start; flex-direction: column; } .content-panel-toolbar button { width: 100%; } .content-editor-grid { grid-template-columns: 1fr; } .content-editor-wide { grid-column: auto; } .content-editor { padding: 1rem; } .content-price-editor { padding: .75rem; } .content-price-editor__heading { align-items: flex-start; flex-direction: column; } .content-price-editor__heading button { width: 100%; } .content-price-row { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: .65rem; } .content-price-row label:nth-child(2), .content-price-remove { grid-column: 1 / -1; } .content-record { grid-template-columns: 44px 1fr; } .content-record > img { width: 44px; height: 44px; } .content-record > div:last-child { grid-column: 1 / -1; justify-content: flex-end; flex-wrap: wrap; } .site-settings-card__heading { flex-direction: column; } .site-settings-actions { display: grid; } }

/* Shared form language keeps every editor predictable and accessible. */
.login-field input,
.promo-form-field input,
.promo-form-field select,
.loader-version-form input,
.test-email-form input,
.notification-target-field input,
.notification-message-field textarea,
.content-editor input:not([type="checkbox"]):not([type="file"]),
.content-editor textarea,
.content-editor select {
  border: 1px solid transparent;
  border-radius: var(--control-radius);
  outline: 0;
  background: var(--control-background);
  color: #e2e2e4;
  font: inherit;
  font-size: 13px;
  transition: border-color 150ms ease, background 150ms ease;
}
.login-field input,
.promo-form-field input,
.promo-form-field select,
.loader-version-form input,
.test-email-form input,
.notification-target-field input,
.content-editor input:not([type="checkbox"]):not([type="file"]),
.content-editor select { height: var(--control-height); padding: 0 13px; }
.login-field input:hover,
.promo-form-field input:hover,
.promo-form-field select:hover,
.loader-version-form input:hover,
.test-email-form input:hover,
.notification-target-field input:hover,
.notification-message-field textarea:hover,
.content-editor input:not([type="checkbox"]):not([type="file"]):hover,
.content-editor textarea:hover,
.content-editor select:hover { background: var(--control-background-hover); }
.login-field input:focus,
.promo-form-field input:focus,
.promo-form-field select:focus,
.loader-version-form input:focus,
.test-email-form input:focus,
.notification-target-field input:focus,
.notification-message-field textarea:focus,
.content-editor input:not([type="checkbox"]):not([type="file"]):focus,
.content-editor textarea:focus,
.content-editor select:focus { border-color: transparent; background: var(--control-background-focus); }
[data-code-input] { text-transform: none; letter-spacing: normal; }

.promo-scope-fields { display: grid; gap: .8rem; margin-top: 1rem; border-top: 1px solid #24272d; padding-top: 1rem; }
.promo-scope-fields[hidden] { display: none; }
.promo-scope-fields__title { color: #818894; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }

/* Content follows the same quiet, borderless layout as the rest of the admin. */
.content-view { width: min(1240px, 100%); margin: 0 auto; }
.content-page-header { margin-bottom: 18px; }
.content-global-status { margin: 10px 0 0; color: #d38b93; font-size: 12px; }
.content-tabs { display: flex; gap: 8px; margin: 0; overflow-x: auto; border-radius: 0; border-bottom: 1px solid #202022; background: transparent; padding: 0; scrollbar-width: none; }
.content-tabs::-webkit-scrollbar { display: none; }
.content-tab { position: relative; display: inline-flex; min-height: 48px; flex: 0 0 auto; align-items: center; border: 0; border-radius: 0; background: transparent; padding: 0 12px; color: #6d6d72; cursor: pointer; font-size: 12px; font-weight: 580; }
.content-tab:hover { color: #c7c7ca; }
.content-tab.is-active { background: transparent; color: #eeeeef; box-shadow: inset 0 -1px 0 #eeeeef; }
.content-panel { display: block; padding-top: 22px; }
.content-panel-toolbar { display: flex; min-height: 68px; align-items: center; justify-content: space-between; gap: 20px; border-bottom: 1px solid #1a1a1c; padding: 0 14px 14px; }
.content-panel-toolbar h2 { margin: 0; color: #d9d9dc; font-size: 13px; font-weight: 610; letter-spacing: -.015em; }
.content-panel-toolbar p { margin: 5px 0 0; color: #55555a; font-size: 12px; }
.content-panel-toolbar button { display: inline-flex; min-height: 36px; align-items: center; justify-content: center; border: 0; border-radius: 7px; background: #eeeeef; padding: 0 14px; color: #111112; cursor: pointer; font-size: 12px; font-weight: 650; }
.content-panel-toolbar button:hover { background: #d8d8db; }
.content-records { display: block; min-height: 220px; border: 0; border-radius: 0; background: transparent; padding: 0; }
.content-record { display: grid; min-height: 72px; grid-template-columns: 48px minmax(0, 1fr) auto; align-items: center; gap: 13px; border: 0; border-bottom: 1px solid #18181a; border-radius: 0; background: transparent; padding: 10px 10px 10px 14px; transition: background 150ms ease; }
.content-record:last-child { border-bottom: 0; }
.content-record:hover { background: rgba(255, 255, 255, .018); }
.content-record__media { display: grid; width: 48px; height: 48px; overflow: hidden; place-items: center; border-radius: 9px; background: #171719; color: #66666b; font-size: 13px; font-weight: 700; }
.content-record__media img { display: block; width: 100%; height: 100%; background: transparent; object-fit: cover; }
.content-record--payment .content-record__media { background: #171719; }
.content-record--payment .content-record__media img { width: 112%; height: 112%; max-width: none; object-fit: cover; }
.content-record > div:first-of-type { display: grid; min-width: 0; gap: 4px; }
.content-record strong { overflow: hidden; color: #c8c8cc; font-size: 12px; font-weight: 610; text-overflow: ellipsis; white-space: nowrap; }
.content-record span:not(.content-record__media) { overflow: hidden; color: #626267; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.content-record > div:last-child { display: flex; align-items: center; justify-content: flex-end; gap: 4px; }
.content-record button { border: 0; outline: 0; box-shadow: none; }
.content-record button.content-record-action { display: inline-flex; width: 34px; min-width: 34px; height: 34px; min-height: 34px; flex: 0 0 34px; align-items: center; justify-content: center; border-radius: 7px; background: transparent; padding: 0; color: #646469; line-height: 0; cursor: pointer; }
.content-record button.content-record-action svg { display: block; width: 18px; height: 18px; flex: 0 0 18px; }
.content-record-action:hover { background: #181819; color: #c4c4c8; }
.content-record-action--delete:hover { background: #211719; color: #c98790; }
.content-record button.is-availability { min-height: 32px; border-radius: 7px; background: #181819; padding: 0 10px; color: #9d8d69; cursor: pointer; font-size: 11px; font-weight: 620; }
.content-record button.is-availability:hover { background: #201e19; color: #c8b17c; }
.content-record button.is-availability.is-disabled { background: #151b17; color: #789c80; }
.content-record button.is-availability.is-disabled:hover { background: #19221c; color: #9dc1a5; }
.content-records-empty { min-height: 190px; color: #55555a; }

.content-editor-dialog { width: min(680px, calc(100vw - 28px)); max-height: calc(100dvh - 28px); overflow-y: auto; border: 0; border-radius: 11px; outline: 0; background: #101011; padding: 0; color: var(--text); box-shadow: 0 28px 90px rgba(0, 0, 0, .62); }
.content-editor-dialog[data-content-dialog="product"] { width: min(920px, calc(100vw - 28px)); }
.content-editor-dialog::backdrop { background: rgba(0, 0, 0, .7); backdrop-filter: blur(4px); }
.content-editor { border: 0; border-radius: 0; background: transparent; padding: 22px; }
.content-editor-heading { display: flex; min-height: 36px; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 20px; }
.content-editor-heading h2 { margin: 0; color: #e1e1e3; font-size: 17px; font-weight: 610; letter-spacing: -.025em; }
.content-editor-heading p { margin: 5px 0 0; color: #5f5f64; font-size: 12px; line-height: 1.45; }
.content-editor-close { display: grid; width: 34px; height: 34px; flex: 0 0 34px; place-items: center; border: 0; border-radius: 7px; background: transparent; padding: 0; color: #77777c; cursor: pointer; font-size: 21px; font-weight: 400; line-height: 1; }
.content-editor-close:hover { background: transparent; color: #77777c; }
.content-editor-grid { gap: 16px 12px; }
.content-editor label { gap: 7px; color: #69696e; font-size: 12px; font-weight: 600; }
.content-editor textarea { min-height: 92px; padding: 12px 13px; line-height: 1.55; resize: vertical; }
.content-editor input[type="file"] { min-height: 44px; border: 0; border-radius: 8px; background: #171718; padding: 8px; color: #77777c; }
.content-check { min-height: 42px; gap: 9px !important; border-radius: 8px; background: #151516; padding: 0 12px; color: #99999e !important; }
.content-check input { accent-color: #eeeeef; }
.content-price-editor { gap: 12px; border-radius: 9px; background: #141415; padding: 14px; }
.content-price-editor__heading h3 { color: #d2d2d5; font-size: 12px; }
.content-price-editor__heading p { color: #55555a; font-size: 12px; }
.content-price-editor__heading button { min-height: 34px; border: 0; border-radius: 7px; background: #1d1d1f; padding: 0 11px; color: #a7a7ac; font-size: 12px; }
.content-price-editor__heading button:hover { background: #232325; }
.content-price-row { grid-template-columns: 76px minmax(140px, 1.3fr) repeat(3, minmax(96px, 1fr)) 40px; gap: 8px; border-radius: 8px; background: #19191b; padding: 10px; }
.content-price-row label { color: #66666b; font-size: 11px; }
.content-price-row input { background: #111112; }
.content-price-remove { display: grid; width: 40px; height: 44px; place-items: center; border: 0; border-radius: 7px; background: transparent; padding: 0; color: #8d5f66; }
.content-price-remove svg { width: 18px; height: 18px; }
.content-price-remove:hover { background: #211719; color: #c98790; }
.content-editor-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 20px; }
.content-editor-actions button { min-height: 44px; border: 0; border-radius: 8px; background: #19191b; padding: 0 14px; color: #818186; cursor: pointer; font-size: 12px; font-weight: 650; }
.content-editor-actions button:hover { background: #202022; color: #c5c5c8; }
.content-editor-actions button:last-child { border: 0; background: #eeeeef; color: #111112; }
.content-editor-actions button:last-child:hover { background: #d8d8db; color: #111112; }
.content-editor-status { min-height: 0; margin: 10px 0 0; color: #83b78d; font-size: 12px; }
.content-editor-status:empty { display: none; }
.content-editor-status.is-error { color: #c98089; }

.promo-dialog__close, .promo-dialog__close svg { transition: none; }
.promo-dialog__close:hover { background: transparent; color: #77777c; }

@media (max-width: 820px) {
  .content-price-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .content-price-row label:nth-child(2) { grid-column: 1 / -1; grid-row: 1; }
  .content-price-remove { width: 100%; grid-column: 2; }
}

@media (max-width: 560px) {
  .content-page-header { margin-bottom: 14px; }
  .content-tabs { margin-inline: -4px; }
  .content-tab { min-height: 44px; padding-inline: 10px; }
  .content-panel { padding-top: 16px; }
  .content-panel-toolbar { min-height: 0; align-items: stretch; flex-direction: column; gap: 14px; padding: 4px 4px 16px; }
  .content-panel-toolbar button { width: 100%; min-height: 42px; }
  .content-record { grid-template-columns: 44px minmax(0, 1fr); gap: 11px; padding: 12px 4px; }
  .content-record__media { width: 44px; height: 44px; }
  .content-record > div:last-child { grid-column: 1 / -1; justify-content: flex-start; flex-wrap: wrap; padding-left: 55px; }
  .content-record button.is-availability { margin-right: auto; }
  .content-editor { padding: 16px; }
  .content-editor-grid { grid-template-columns: 1fr; }
  .content-editor-wide { grid-column: auto; }
  .content-price-editor { padding: 10px; }
  .content-price-editor__heading { align-items: stretch; flex-direction: column; }
  .content-price-editor__heading button { width: 100%; min-height: 40px; }
  .content-price-row { grid-template-columns: 1fr; }
  .content-price-row label:nth-child(2), .content-price-remove { grid-column: auto; grid-row: auto; }
  .content-price-remove { width: 100%; }
  .content-editor-actions { grid-template-columns: 1fr; }
}

/* Buttons stay readable without the heavy bold treatment used previously. */
button { font-weight: 500 !important; }
.server-actions button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; }
.server-actions button svg { display: block; width: 16px; height: 16px; flex: 0 0 16px; }
.server-maintenance-button { background: #4c401e; color: #e7cd78; }
.server-maintenance-button:hover:not(:disabled) { background: #5b4c22; color: #f4dc8d; }
.server-maintenance-button.is-active { background: #6a5420; color: #ffe092; box-shadow: inset 0 0 0 1px rgba(255, 220, 120, .12); }
.server-meter.is-unavailable { background: #19191b; }
.server-meter.is-unavailable i { width: 0 !important; }

@media (max-width: 560px) {
  .server-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .server-actions button { min-width: 0; }
}

.maintenance-dialog { width: min(440px, calc(100vw - 28px)); border: 0; border-radius: 11px; outline: 0; background: #101011; padding: 0; color: var(--text); box-shadow: 0 28px 90px rgba(0, 0, 0, .62); }
.maintenance-dialog::backdrop { background: rgba(0, 0, 0, .72); backdrop-filter: blur(4px); }
.maintenance-dialog__form { padding: 20px; }
.maintenance-dialog__header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.maintenance-dialog__header h2 { margin: 0; color: #e2e2e4; font-size: 17px; font-weight: 560; letter-spacing: -.025em; }
.maintenance-dialog__header p { margin: 6px 0 0; color: #626267; font-size: 12px; line-height: 1.5; }
.maintenance-dialog__header > button { display: grid; width: 32px; height: 32px; flex: 0 0 32px; place-items: center; border: 0; border-radius: 7px; background: transparent; padding: 0; color: #77777c; cursor: pointer; font-size: 20px; line-height: 1; }
.maintenance-access-options { display: grid; gap: 5px; margin-top: 18px; }
.maintenance-access-options label { display: grid; min-height: 58px; grid-template-columns: 18px minmax(0, 1fr); align-items: center; gap: 10px; border-radius: 8px; background: #171718; padding: 9px 11px; cursor: pointer; }
.maintenance-access-options label:has(input:checked) { background: #211e16; }
.maintenance-access-options input { width: 15px; height: 15px; margin: 0; accent-color: #d2ac4e; }
.maintenance-access-options span { display: grid; gap: 3px; }
.maintenance-access-options strong { color: #c9c9cc; font-size: 12px; font-weight: 520; }
.maintenance-access-options small { color: #5d5d62; font-size: 11px; }
.maintenance-dialog__ips { display: grid; gap: 7px; margin-top: 14px; color: #6c6c71; font-size: 12px; }
.maintenance-dialog__ips textarea { width: 100%; border: 0; border-radius: 8px; outline: 0; background: #171718; padding: 11px 12px; color: #d8d8db; font: inherit; font-size: 12px; line-height: 1.55; resize: vertical; }
.maintenance-dialog__ips textarea:disabled { opacity: .42; resize: none; }
.maintenance-dialog__status { min-height: 17px; margin: 10px 0 0; color: #a9986d; font-size: 12px; }
.maintenance-dialog__status.is-error { color: #c98089; }
.maintenance-dialog__actions { display: flex; justify-content: flex-end; gap: 7px; margin-top: 4px; }
.maintenance-dialog__actions button { min-height: 40px; border: 0; border-radius: 8px; background: #19191b; padding: 0 12px; color: #85858a; cursor: pointer; }
.maintenance-dialog__actions button[type="submit"] { background: #d6b354; color: #17140d; }
.maintenance-dialog__actions [data-disable-maintenance] { margin-right: auto; background: #3d292c; color: #ca9098; }
.maintenance-dialog__actions button:disabled { cursor: wait; opacity: .55; }

@media (max-width: 420px) {
  .maintenance-dialog__form { padding: 16px; }
  .maintenance-dialog__actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .maintenance-dialog__actions [data-disable-maintenance] { grid-column: 1 / -1; margin: 0; }
}

.payment-status--expired { color: #f5a144; }
.payment-status--expired::before { background: #f59e0b; box-shadow: 0 0 0 3px rgba(245, 158, 11, .14); }