* { box-sizing: border-box; margin: 0; padding: 0; }
        [hidden] { display: none !important; }
        .extensions-browser { display: grid; gap: 20px; min-width: 0; }
        .extensions-heading, .extensions-tabs, .extension-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
        .extensions-heading { justify-content: space-between; }
        .extensions-heading h2 { font-size: 22px; }
        .extensions-heading p { margin-top: 6px; }
        .extensions-search { display: flex; align-items: end; gap: 12px; flex-wrap: wrap; }
        .extensions-search .field { flex: 1 1 220px; min-width: 0; margin: 0; }
        .extensions-search input, .extensions-search select { width: 100%; min-width: 0; }
        .extension-row { display: flex; align-items: center; gap: 16px; padding: 20px 0; border-bottom: 1px solid rgba(255,255,255,.12); min-width: 0; }
        .extension-summary { flex: 1 1 220px; min-width: 0; overflow-wrap: anywhere; }
        .extension-summary h3 { font-size: 17px; margin: 0 0 6px; }
        .extension-summary p { font-size: 14px; line-height: 1.5; margin-bottom: 5px; }
        .extension-summary small { color: #aaa; }
        .extension-art { width: 48px; height: 48px; flex: 0 0 48px; display: grid; place-items: center; }
        .extension-art img { width: 48px; height: 48px; object-fit: contain; border-radius: 6px; }
        .extension-actions form { margin: 0; }
        .extensions-detail { display: grid; gap: 20px; min-width: 0; }
        .extensions-detail > p { overflow-wrap: anywhere; }
        .extensions-detail > a { color: #ff777f; }
        .extensions-plan { list-style: none; padding: 0; min-width: 0; }
        .extensions-plan li { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.12); overflow-wrap: anywhere; }
        .member-nav .nav-meta.fix-attention { background: #d62d3b; color: #fff; border-radius: 50%; width: 22px; height: 22px; flex: 0 0 22px; display: grid; place-items: center; font-weight: 700; padding: 0; }
        .diagnostics-excerpt { background: #141719; color: #e5e7eb; padding: 14px; border: 1px solid #3a3a3a; border-radius: 6px; max-height: 360px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; min-width: 0; font-size: 12px; line-height: 1.5; margin: 12px 0 24px; }
        @media (max-width: 650px) {
            .extension-row { flex-wrap: wrap; }
            .extension-summary { flex-basis: calc(100% - 70px); }
            .extension-actions { width: 100%; }
            .extensions-heading h2 { font-size: 20px; }
            .extensions-browser .btn { min-height: 42px; }
        }
        html {
            min-height: 100%;
            width: 100%;
            max-width: 100%;
            overflow-x: hidden;
            background: #121212;
        }

        .analytics-layout {
            display: grid;
            gap: 16px;
            min-width: 0;
        }
        .analytics-settings-card {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(300px, 420px);
            align-items: center;
            gap: 24px;
        }
        .analytics-settings-copy,
        .analytics-settings-copy > div,
        .analytics-toggle-form,
        .analytics-toggle-form .pro-toggle span {
            min-width: 0;
        }
        .analytics-title-row {
            display: flex;
            align-items: flex-start;
            gap: 13px;
        }
        .analytics-icon {
            width: 42px;
            height: 42px;
            display: grid;
            place-items: center;
            flex: 0 0 42px;
            color: #ff6565;
            background: rgba(255, 59, 59, 0.1);
            border: 1px solid rgba(255, 91, 91, 0.26);
            border-radius: 7px;
        }
        .analytics-icon .icon {
            width: 21px;
            height: 21px;
        }
        .analytics-settings-copy > small {
            display: block;
            margin-top: 10px;
            color: #858585;
            font-size: 12px;
        }
        .analytics-status-line {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 8px;
            margin-top: 14px;
        }
        .analytics-forced-badge {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            min-height: 28px;
            padding: 5px 9px;
            color: #ffd26a;
            background: rgba(255, 196, 69, 0.08);
            border: 1px solid rgba(255, 196, 69, 0.24);
            border-radius: 5px;
            font-size: 11px;
            font-weight: 800;
        }
        .analytics-forced-badge .icon,
        .analytics-readonly-note .icon {
            width: 15px;
            height: 15px;
        }
        .analytics-toggle-form {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            gap: 9px;
            align-items: center;
            margin: 0;
        }
        .analytics-toggle-form .pro-toggle {
            margin: 0;
        }
        .analytics-toggle-form .pro-toggle span {
            display: grid;
            gap: 3px;
        }
        .analytics-toggle-form .pro-toggle small {
            color: #929292;
            font-size: 11px;
            font-weight: 500;
            overflow-wrap: anywhere;
        }
        .analytics-readonly-note {
            display: flex;
            align-items: flex-start;
            gap: 9px;
            padding: 13px;
            color: #aaa;
            background: #141414;
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 6px;
            font-size: 13px;
        }
        .analytics-toolbar {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 14px;
        }
        .analytics-toolbar > span {
            color: #8c8c8c;
            font-size: 12px;
            font-weight: 800;
        }
        .analytics-range-tabs {
            display: inline-grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            padding: 3px;
            background: #111;
            border: 1px solid rgba(255, 255, 255, 0.09);
            border-radius: 7px;
        }
        .analytics-range-tabs a {
            min-width: 72px;
            padding: 8px 11px;
            color: #a8a8a8;
            border-radius: 5px;
            font-size: 12px;
            font-weight: 850;
            text-align: center;
            text-decoration: none;
        }
        .analytics-range-tabs a:hover,
        .analytics-range-tabs a:focus-visible {
            color: #fff;
            background: #242424;
        }
        .analytics-range-tabs a.active {
            color: #fff;
            background: #d93442;
        }
        .analytics-empty-card {
            min-height: 230px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            text-align: center;
        }
        .analytics-empty-card > .icon {
            width: 32px;
            height: 32px;
            margin-bottom: 14px;
            color: #686868;
        }
        .analytics-empty-card p {
            max-width: 560px;
        }
        .analytics-metric-grid {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 10px;
        }
        .analytics-metric {
            min-width: 0;
            padding: 15px;
            background: #151515;
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-top: 2px solid rgba(255, 70, 85, 0.66);
            border-radius: 7px;
        }
        .analytics-metric > span {
            display: block;
            color: #8f8f8f;
            font-size: 11px;
            font-weight: 900;
            text-transform: uppercase;
        }
        .analytics-metric strong {
            display: block;
            margin-top: 8px;
            color: #fff;
            font-size: 19px;
            line-height: 1.2;
            overflow-wrap: anywhere;
        }
        .analytics-metric small {
            display: block;
            margin-top: 7px;
            color: #888;
            font-size: 11px;
            line-height: 1.35;
        }
        .analytics-chart-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 14px;
        }
        .analytics-chart-card {
            min-height: 0;
            padding: 16px;
        }
        .analytics-chart-head {
            display: flex;
            align-items: baseline;
            justify-content: space-between;
            gap: 12px;
            margin-bottom: 12px;
        }
        .analytics-chart-head h3 {
            font-size: 15px;
        }
        .analytics-chart-head > span {
            color: #8c8c8c;
            font-size: 11px;
            font-weight: 800;
        }
        .analytics-chart {
            width: 100%;
            height: 220px;
            overflow: hidden;
            background: #101010;
            border: 1px solid rgba(255, 255, 255, 0.07);
            border-radius: 5px;
        }
        .analytics-chart svg {
            display: block;
            width: 100%;
            height: 100%;
        }
        .analytics-chart line {
            stroke: rgba(255, 255, 255, 0.08);
            stroke-width: 1;
            vector-effect: non-scaling-stroke;
        }
        .analytics-chart polyline {
            fill: none;
            stroke-width: 2;
            stroke-linecap: round;
            stroke-linejoin: round;
            vector-effect: non-scaling-stroke;
        }
        .analytics-chart polyline.primary { stroke: #ff4f5e; }
        .analytics-chart polyline.secondary { stroke: #62c8ff; }
        .analytics-chart polyline.warning { stroke: #f7c85c; }
        .analytics-chart-footer {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
            align-items: center;
            gap: 8px;
            margin-top: 10px;
            color: #777;
            font-size: 10px;
        }
        .analytics-chart-footer > span:last-child {
            text-align: right;
        }
        .analytics-legend {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 9px;
        }
        .analytics-legend span {
            display: inline-flex;
            align-items: center;
            gap: 5px;
            color: #aaa;
            white-space: nowrap;
        }
        .analytics-legend i {
            width: 8px;
            height: 8px;
            background: #ff4f5e;
            border-radius: 50%;
        }
        .analytics-legend .secondary i { background: #62c8ff; }
        .analytics-legend .warning i { background: #f7c85c; }
        .analytics-history-card {
            min-width: 0;
        }
        .analytics-history-table {
            min-width: 920px;
        }
        .analytics-history-table td {
            color: #d4d4d4;
            font-size: 12px;
            white-space: nowrap;
        }
        .analytics-history-table td small {
            margin-left: 4px;
            color: #777;
        }
        .admin-server-analytics-form {
            display: grid;
            gap: 12px;
            margin-top: 16px;
            padding-top: 16px;
            border-top: 1px solid #303030;
        }
        .admin-server-analytics-form fieldset {
            min-width: 0;
            margin: 0;
            padding: 16px;
            border: 1px solid #303030;
            border-radius: 6px;
            background: #171717;
        }
        .admin-server-analytics-form legend {
            padding: 0 7px;
            color: #f1f1f1;
            font-size: 13px;
            font-weight: 800;
        }
        .admin-server-analytics-state {
            display: flex;
            justify-content: space-between;
            gap: 12px;
            margin-top: 10px;
            padding: 10px;
            color: #999;
            background: #111;
            border-radius: 5px;
            font-size: 12px;
        }
        .admin-server-analytics-state strong {
            color: #fff;
        }

        @container member-content (max-width: 900px) {
            .analytics-settings-card,
            .analytics-chart-grid {
                grid-template-columns: minmax(0, 1fr);
            }
            .analytics-metric-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }
        @container member-content (max-width: 560px) {
            .analytics-settings-card,
            .analytics-toggle-form,
            .analytics-metric-grid {
                grid-template-columns: minmax(0, 1fr);
            }
            .analytics-toolbar {
                align-items: stretch;
                flex-direction: column;
            }
            .analytics-range-tabs {
                width: 100%;
            }
            .analytics-range-tabs a {
                min-width: 0;
                padding-inline: 5px;
            }
            .analytics-chart {
                height: 180px;
            }
            .analytics-chart-footer {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
            .analytics-chart-footer .analytics-legend {
                grid-column: 1 / -1;
                grid-row: 1;
            }
        }
        body {
            --background-scroll-opacity: 0;
            --background-scroll-top: 100%;
            --background-image-scale: 1.04;
            --background-stage-height: max(100dvh, 680px);
            min-height: 100vh;
            width: 100%;
            max-width: 100%;
            overflow-x: hidden;
            position: relative;
            isolation: isolate;
            font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
            background: #121212;
            color: #d3d3d3;
            line-height: 1.55;
        }
        body::before,
        body::after {
            content: "";
            position: fixed;
            inset: 0 0 auto;
            height: max(100vh, 680px);
            height: calc(var(--background-stage-height) + 2px);
            pointer-events: none;
        }
        body::before {
            z-index: 0;
            background: var(--brand-banner-image, url("/src/banner-logo.png")) center top / cover no-repeat;
            opacity: 0.72;
            transform: scale(var(--background-image-scale));
            transform-origin: center 42%;
            will-change: transform;
        }
        body::after {
            z-index: 0;
            background:
                linear-gradient(
                    180deg,
                    transparent 0,
                    transparent var(--background-scroll-top),
                    rgba(18, 18, 18, var(--background-scroll-opacity)) calc(var(--background-scroll-top) + 8svh),
                    rgba(18, 18, 18, var(--background-scroll-opacity)) 100%
                ),
                linear-gradient(180deg, rgba(18, 18, 18, 0.18) 0%, rgba(18, 18, 18, 0.42) 44%, rgba(18, 18, 18, 0.9) 78%, #121212 100%),
                linear-gradient(90deg, rgba(18, 18, 18, 0.64) 0%, rgba(18, 18, 18, 0.18) 50%, rgba(18, 18, 18, 0.72) 100%);
        }
        @supports (overflow: clip) {
            html,
            body {
                overflow-x: clip;
            }
        }
        a { color: inherit; text-decoration: none; }
        button, input, select { font: inherit; }
        .sr-only {
            position: absolute !important;
            width: 1px !important;
            height: 1px !important;
            padding: 0 !important;
            margin: -1px !important;
            overflow: hidden !important;
            clip: rect(0, 0, 0, 0) !important;
            white-space: nowrap !important;
            border: 0 !important;
        }
        img,
        svg,
        video,
        canvas {
            max-width: 100%;
        }
        .topbar {
            position: fixed;
            inset: 0 0 auto;
            z-index: 10;
            width: 100%;
            max-width: 100%;
            overflow-x: clip;
            background: rgba(20, 20, 20, 0.92);
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.45);
            backdrop-filter: blur(14px);
        }
        .shell,
        .member-shell,
        .footer {
            position: relative;
            z-index: 1;
        }
        .topbar-inner {
            width: 100%;
            max-width: 1160px;
            min-height: 70px;
            margin: 0 auto;
            padding: 0 16px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 18px;
            min-width: 0;
        }
        .topbar-inner.has-sidebar-toggle {
            justify-content: flex-start;
        }
        .brand {
            display: flex;
            align-items: center;
            gap: 12px;
            font-weight: 800;
            color: #fff;
            white-space: nowrap;
        }
        .brand img {
            width: 48px;
            height: 48px;
            display: block;
        }
        .brand span {
            color: #ff3b3b;
        }
        .nav-links {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
            flex: 1;
            min-width: 0;
        }
        .nav-links a {
            min-height: 38px;
            display: inline-flex;
            align-items: center;
            padding: 8px 12px;
            border-radius: 6px;
            color: #cfcfcf;
            font-size: 14px;
            font-weight: 700;
        }
        .nav-links a:hover,
        .nav-links a.active {
            color: #fff;
            background: rgba(255, 59, 59, 0.18);
        }
        #home-top,
        #hosting-packages,
        #panel-features {
            scroll-margin-top: 92px;
        }
        .nav-actions {
            display: flex;
            align-items: center;
            gap: 10px;
            flex: 0 0 auto;
            margin-left: auto;
        }
        .shell {
            width: 100%;
            max-width: 1160px;
            min-height: 100vh;
            min-height: 100dvh;
            margin: 0 auto;
            padding: 112px 16px 0;
            display: flex;
            flex-direction: column;
            overflow-x: clip;
        }
        .shell > * {
            flex-shrink: 0;
        }
        /* Keep the existing footer gap and use remaining height on short pages. */
        .shell::after {
            content: "";
            flex: 1 0 34px;
            order: 1;
        }
        .shell > .footer {
            margin-top: 0;
            order: 2;
        }
        .hero {
            min-height: calc(100vh - 154px);
            display: grid;
            grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.78fr);
            align-items: center;
            gap: 28px;
            min-width: 0;
        }
        .hero > *,
        .auth-view > *,
        .feature-grid > *,
        .quick-stats > *,
        .split-grid > *,
        .member-grid > *,
        .form-grid > *,
        .captcha-box > * {
            min-width: 0;
            max-width: 100%;
        }
        .hero-copy {
            animation: fadeIn 0.7s ease-out;
        }
        .eyebrow {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            margin-bottom: 16px;
            color: #ffb4b4;
            font-size: 13px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0;
        }
        .pulse {
            width: 9px;
            height: 9px;
            border-radius: 50%;
            background: #22e32c;
            box-shadow: 0 0 16px rgba(34, 227, 44, 0.7);
        }
        h1 {
            max-width: 720px;
            color: #fff;
            font-size: 64px;
            line-height: 1.02;
            letter-spacing: 0;
            overflow-wrap: break-word;
            hyphens: manual;
        }
        .accent { color: #ff3b3b; }
        .lead {
            max-width: 660px;
            margin-top: 22px;
            color: #d3d3d3;
            font-size: 19px;
            overflow-wrap: break-word;
        }
        .hero-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            margin-top: 28px;
        }
        .quick-stats {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 12px;
            max-width: 700px;
            margin-top: 34px;
        }
        .stat {
            min-width: 0;
            min-height: 92px;
            padding: 16px;
            background: rgba(34, 34, 34, 0.86);
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 8px;
        }
        .stat strong {
            display: block;
            color: #ff3b3b;
            font-size: 24px;
            line-height: 1.1;
        }
        .stat span {
            display: block;
            margin-top: 8px;
            color: #b8b8b8;
            font-size: 14px;
        }
        .promo-panel {
            width: 100%;
            min-width: 0;
            max-width: 100%;
            padding: 24px;
            background: rgba(30, 30, 30, 0.94);
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 8px;
            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.36);
            animation: fadeIn 0.8s ease-out;
        }
        .promo-panel h2,
        .section-head h2 {
            color: #fff;
            font-size: 26px;
            line-height: 1.18;
        }
        .promo-list {
            display: grid;
            gap: 14px;
            margin-top: 20px;
        }
        .promo-row {
            padding: 14px 0;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
        }
        .promo-row:first-child { border-top: 0; padding-top: 0; }
        .promo-row strong {
            display: block;
            color: #ff6b6b;
            font-size: 15px;
        }
        .promo-row span {
            display: block;
            margin-top: 5px;
            color: #cfcfcf;
            font-size: 14px;
        }
        .service-band {
            margin-top: 34px;
            padding: 34px 0 6px;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
        }
        .section-head {
            max-width: 720px;
            margin-bottom: 20px;
        }
        .section-head p {
            margin-top: 10px;
            color: #b8b8b8;
            font-size: 16px;
        }
        .feature-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 14px;
        }
        .feature-card {
            min-width: 0;
            min-height: 170px;
            padding: 20px;
            display: flex;
            flex-direction: column;
            background: rgba(30, 30, 30, 0.9);
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 8px;
        }
        .feature-card h3 {
            color: #fff;
            font-size: 19px;
            line-height: 1.2;
        }
        .feature-card p {
            margin-top: 10px;
            color: #b8b8b8;
            font-size: 14px;
        }
        .feature-card .feature-node {
            margin-bottom: 16px;
        }
        .feature-cta {
            margin-top: auto;
        }
        .feature-meta {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin-top: 14px;
        }
        .feature-pill {
            display: inline-flex;
            align-items: center;
            min-height: 28px;
            padding: 5px 9px;
            border-radius: 6px;
            color: #fff;
            background: rgba(255, 59, 59, 0.15);
            border: 1px solid rgba(255, 59, 59, 0.28);
            font-size: 12px;
            font-weight: 800;
        }
        .feature-pill.hardware {
            color: #d8ffd8;
            background: rgba(34, 227, 44, 0.1);
            border-color: rgba(34, 227, 44, 0.24);
        }
        .feature-node {
            margin-top: 12px;
            color: #aaa;
            font-size: 13px;
        }
        .feature-price {
            display: block;
            margin-top: 12px;
            color: #ff6b6b;
            font-weight: 900;
        }
        .offer-card {
            position: relative;
            overflow: hidden;
            border-top-width: 3px;
        }
        .offer-grid { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
        .offer-card.free_server { border-top-color: #8f98a3; }
        .offer-card.premium_server { border-top-color: #ff3b3b; }
        .offer-card.elite_server { border-top-color: #22e32c; }
        .offer-card.nodejs_server { border-top-color: #68a063; }
        .offer-card.python_server { border-top-color: #ffd343; }
        .offer-audience {
            display: grid;
            gap: 3px;
            margin-top: 14px;
            padding: 10px 0;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        }
        .offer-audience span {
            color: #929292;
            font-size: 11px;
            font-weight: 800;
            text-transform: uppercase;
        }
        .offer-audience strong {
            color: #ededed;
            font-size: 14px;
            line-height: 1.35;
        }
        .trust-strip {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            margin: 18px 0 0;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        }
        .trust-point {
            min-width: 0;
            padding: 14px 16px;
            display: flex;
            align-items: center;
            gap: 9px;
            color: #d7d7d7;
            font-size: 13px;
            font-weight: 750;
            border-left: 1px solid rgba(255, 255, 255, 0.08);
        }
        .trust-point:first-child { border-left: 0; }
        .trust-point .icon {
            width: 19px;
            height: 19px;
            flex: 0 0 19px;
            color: #22e32c;
        }
        .home-section {
            margin-top: 54px;
            padding-top: 42px;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
        }
        .capability-grid {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            border-top: 1px solid rgba(255, 255, 255, 0.08);
            border-left: 1px solid rgba(255, 255, 255, 0.08);
        }
        .capability-item {
            min-width: 0;
            min-height: 176px;
            padding: 22px;
            border-right: 1px solid rgba(255, 255, 255, 0.08);
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
            background: rgba(24, 24, 24, 0.68);
        }
        .capability-icon {
            width: 38px;
            height: 38px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 16px;
            color: #ff6b6b;
            background: rgba(255, 59, 59, 0.1);
            border: 1px solid rgba(255, 59, 59, 0.24);
            border-radius: 6px;
        }
        .capability-icon .icon {
            width: 20px;
            height: 20px;
        }
        .capability-item h3 {
            color: #fff;
            font-size: 17px;
            line-height: 1.25;
        }
        .capability-item p {
            margin-top: 8px;
            color: #aaa;
            font-size: 14px;
            line-height: 1.55;
        }
        .section-note {
            margin-top: 14px;
            color: #929292;
            font-size: 13px;
        }
        .home-panel-footer {
            margin-top: 22px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
        }
        .home-panel-footer .section-note {
            max-width: 680px;
            margin-top: 0;
        }
        .home-panel-cta {
            min-width: 210px;
            min-height: 50px;
            justify-content: center;
            padding-inline: 22px;
            border-color: rgba(255, 107, 107, 0.72);
            box-shadow: 0 10px 28px rgba(255, 59, 59, 0.22);
        }
        .home-panel-cta .icon {
            width: 20px;
            height: 20px;
        }
        .hardware-band {
            display: grid;
            grid-template-columns: minmax(260px, 0.72fr) minmax(0, 1.28fr);
            gap: 32px;
            align-items: start;
        }
        .hardware-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            border-top: 1px solid rgba(255, 255, 255, 0.08);
            border-left: 1px solid rgba(255, 255, 255, 0.08);
        }
        .hardware-item {
            min-width: 0;
            padding: 18px;
            display: grid;
            grid-template-columns: 26px minmax(0, 1fr);
            gap: 12px;
            border-right: 1px solid rgba(255, 255, 255, 0.08);
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
            background: rgba(24, 24, 24, 0.68);
        }
        .hardware-item .icon {
            width: 22px;
            height: 22px;
            color: #22e32c;
        }
        .hardware-item span {
            display: block;
            color: #929292;
            font-size: 11px;
            font-weight: 800;
            text-transform: uppercase;
        }
        .hardware-item strong {
            display: block;
            margin-top: 3px;
            color: #fff;
            font-size: 15px;
            line-height: 1.35;
            overflow-wrap: anywhere;
        }
        .hardware-item:last-child:nth-child(odd) {
            grid-column: 1 / -1;
        }
        .message-stack {
            display: grid;
            gap: 10px;
            max-width: 620px;
            margin-bottom: 18px;
        }
        .message-stack .alert,
        .message-stack .notice {
            margin: 0;
        }
        .auth-view {
            min-height: calc(100vh - 154px);
            display: grid;
            grid-template-columns: minmax(0, 0.95fr) minmax(360px, 0.72fr);
            align-items: center;
            gap: 28px;
            min-width: 0;
        }
        .auth-copy {
            animation: fadeIn 0.7s ease-out;
        }
        .auth-switch {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-top: 24px;
        }
        .auth-card,
        .session-card {
            width: 100%;
            min-width: 0;
            max-width: 100%;
            background: rgba(30, 30, 30, 0.96);
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 8px;
            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.36);
            animation: fadeIn 0.8s ease-out;
            overflow: hidden;
        }
        .auth-head,
        .session-head {
            padding: 22px 24px;
            background: linear-gradient(135deg, #1e1e1e, #2b2b2b);
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        }
        .auth-head h2,
        .session-head h2 {
            color: #fff;
            font-size: 24px;
            line-height: 1.2;
        }
        .auth-head p,
        .session-head p {
            margin-top: 6px;
            color: #aaa;
            font-size: 14px;
        }
        .session-actions {
            display: grid;
            gap: 9px;
        }
        .session-actions form {
            display: block;
        }
        .session-actions .session-dashboard-action {
            min-height: 54px;
            font-size: 16px;
            box-shadow: 0 10px 24px rgba(255, 59, 59, 0.2);
        }
        .session-actions .btn.session-logout-action,
        .topbar .btn.header-logout-muted {
            color: #999;
            background: transparent;
            border-color: transparent;
            box-shadow: none;
            font-weight: 700;
        }
        .session-actions .btn.session-logout-action:hover,
        .topbar .btn.header-logout-muted:hover {
            color: #ddd;
            background: rgba(255, 255, 255, 0.045);
            border-color: rgba(255, 255, 255, 0.08);
        }
        .tabs {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 8px;
            padding: 14px 16px 0;
        }
        .tab {
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 42px;
            border-radius: 6px;
            border: 1px solid rgba(255, 255, 255, 0.08);
            color: #cfcfcf;
            background: #191919;
            font-weight: 700;
        }
        .tab.active {
            background: #ff3b3b;
            color: #fff;
            border-color: #ff3b3b;
        }
        .form-panel {
            display: none;
            min-width: 0;
            padding: 22px 24px 24px;
        }
        .form-panel.active { display: block; }
        .field {
            min-width: 0;
            max-width: 100%;
            margin-bottom: 14px;
        }
        label {
            display: block;
            margin-bottom: 7px;
            color: #f1f1f1;
            font-size: 14px;
            font-weight: 700;
        }
        input {
            width: 100%;
            min-width: 0;
            min-height: 46px;
            padding: 11px 12px;
            color: #fff;
            background: #151515;
            border: 1px solid #333;
            border-radius: 6px;
            outline: none;
            transition: border-color 0.2s, box-shadow 0.2s;
        }
        input:focus {
            border-color: #ff3b3b;
            box-shadow: 0 0 0 3px rgba(255, 59, 59, 0.16);
        }
        .password-input-control {
            position: relative;
            display: block;
            min-width: 0;
        }
        .password-input-control input {
            padding-right: 54px;
        }
        .password-input-toggle {
            position: absolute;
            top: 5px;
            right: 5px;
            z-index: 1;
            display: grid;
            place-items: center;
            width: 36px;
            min-width: 36px;
            min-height: 36px;
            padding: 7px;
            color: #d8d8d8;
            background: #202020;
            border: 1px solid #3d3d3d;
            border-radius: 5px;
        }
        .password-input-toggle:hover,
        .password-input-toggle:focus-visible,
        .password-input-toggle[aria-pressed="true"] {
            color: #fff;
            background: #2a2a2a;
            border-color: #ff3b3b;
        }
        .password-input-toggle .icon {
            width: 21px;
            height: 21px;
            stroke-width: 2.15;
        }
        .form-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 12px;
            min-width: 0;
        }
        .minecraft-jar-picker {
            display: grid;
            gap: 0;
            min-width: 0;
        }
        .minecraft-jar-picker[hidden] {
            display: none;
        }
        .password-requirements {
            margin: -2px 0 18px;
            padding: 14px 15px;
            border: 1px solid #333;
            border-radius: 6px;
            background: #151515;
        }
        .password-requirements h3 {
            margin: 0 0 10px;
            color: #f2f2f2;
            font-size: 13px;
            line-height: 1.3;
        }
        .password-requirements ul {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 7px 14px;
            margin: 0;
            padding: 0;
            list-style: none;
        }
        .password-requirements li {
            display: grid;
            grid-template-columns: 17px minmax(0, 1fr);
            align-items: start;
            gap: 7px;
            min-width: 0;
            color: #969696;
            font-size: 12px;
            line-height: 1.4;
            transition: color 0.15s ease;
        }
        .password-rule-marker {
            width: 15px;
            height: 15px;
            margin-top: 1px;
            border: 1px solid #555;
            border-radius: 4px;
            background: #0e0e0e;
            position: relative;
            transition: border-color 0.15s ease, background-color 0.15s ease;
        }
        .password-requirements li.valid {
            color: #b8efbd;
        }
        .password-requirements li.valid .password-rule-marker {
            border-color: #37c947;
            background: #37c947;
        }
        .password-requirements li.valid .password-rule-marker::after {
            content: "";
            position: absolute;
            left: 4px;
            top: 1px;
            width: 4px;
            height: 8px;
            border: solid #0d1a0f;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg);
        }
        [data-password-form].password-touched .password-requirements li.invalid {
            color: #ff8989;
        }
        [data-password-form].password-touched .password-requirements li.invalid .password-rule-marker {
            border-color: #a94343;
        }
        .auth-form-links {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            gap: 9px 18px;
            margin-top: 14px;
            color: #aaa;
            font-size: 13px;
            line-height: 1.5;
        }
        .auth-form-links.single {
            justify-content: center;
        }
        .auth-form-links a {
            color: #ff7474;
            text-decoration: underline;
            text-decoration-thickness: 1px;
            text-underline-offset: 3px;
        }
        .auth-security-note {
            display: grid;
            gap: 6px;
            margin: 2px 0 16px;
            padding: 13px 15px;
            border-left: 3px solid #f4c95d;
            background: rgba(244, 201, 93, 0.08);
            color: #c8c1ab;
            font-size: 13px;
            line-height: 1.5;
        }
        .auth-security-note.danger {
            border-left-color: #ff5f66;
            background: rgba(255, 59, 59, 0.08);
            color: #d7b7b9;
        }
        .auth-security-note strong {
            color: #fff;
            font-size: 14px;
        }
        .auth-security-note p {
            margin: 0;
        }
        .password-reset-invalid {
            display: grid;
            gap: 16px;
        }
        .password-reset-invalid .alert {
            margin: 0;
        }
        .password-reset-invalid p {
            margin: 0;
            color: #bbb;
            font-size: 14px;
            line-height: 1.55;
        }
        .addon-choice {
            margin-top: 2px;
        }
        .addon-toggle {
            display: grid;
            grid-template-columns: auto minmax(0, 1fr) auto;
            align-items: center;
            gap: 12px;
            margin: 0;
            padding: 13px;
            background: #151515;
            border: 1px solid #333;
            border-radius: 8px;
            cursor: pointer;
        }
        .addon-toggle input {
            width: 20px;
            height: 20px;
            min-height: 20px;
            accent-color: #ff3b3b;
        }
        .addon-toggle strong,
        .addon-toggle small,
        .addon-toggle em {
            display: block;
            line-height: 1.25;
        }
        .addon-toggle strong {
            color: #fff;
            font-size: 14px;
        }
        .addon-toggle small {
            margin-top: 3px;
            color: #aaa;
            font-size: 12px;
        }
        .addon-toggle em {
            color: #ff6b6b;
            font-size: 13px;
            font-style: normal;
            font-weight: 900;
            white-space: nowrap;
        }
        .addon-toggle:has(input:checked) {
            border-color: rgba(255, 59, 59, 0.55);
            background: rgba(255, 59, 59, 0.12);
        }
        .captcha-box {
            display: grid;
            grid-template-columns: 1fr;
            gap: 16px;
            min-width: 0;
        }
        .captcha-box > div:first-child {
            min-width: 0;
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            align-items: center;
            gap: 12px;
            padding: 12px;
            background: #0b0b0b;
            border: 1px solid #2d2d2d;
            border-radius: 8px;
        }
        .captcha-box label {
            margin: 0;
            justify-self: start;
            color: #c8c8c8;
            font-size: 12px;
            font-weight: 800;
            text-transform: uppercase;
        }
        .captcha-image {
            width: auto;
            height: auto;
            max-width: 100%;
            display: block;
            grid-column: 1 / -1;
            justify-self: center;
            background: #050505;
            border: 1px solid #343434;
            border-radius: 5px;
            image-rendering: auto;
        }
        .captcha-tools {
            display: flex;
            justify-content: flex-end;
            grid-column: 2;
            grid-row: 1;
        }
        .captcha-tools .btn {
            min-height: 30px;
            padding: 6px 9px;
            border-color: #353535;
            background: #181818;
            font-size: 12px;
        }
        .captcha-widget {
            position: relative;
            margin-bottom: 16px;
        }
        .captcha-plan-note {
            margin: 8px 2px 0;
            color: #aaa;
            font-size: 12px;
            font-weight: 650;
            line-height: 1.45;
        }
        .human-check {
            display: flex;
            align-items: center;
            gap: 13px;
            width: 100%;
            min-height: 64px;
            margin: 0;
            padding: 13px 15px;
            border: 1px solid #343434;
            border-radius: 8px;
            color: #f1f1f1;
            background: #151515;
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18), inset 0 1px rgba(255, 255, 255, 0.025);
            text-align: left;
            cursor: pointer;
            user-select: none;
            transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
        }
        .human-check > span:last-child {
            font-size: 15px;
            font-weight: 750;
            line-height: 1.2;
        }
        .human-check:hover {
            border-color: #565656;
            background: #191919;
        }
        .human-check:focus-visible {
            border-color: #ff5a5a;
            box-shadow: 0 0 0 3px rgba(255, 59, 59, 0.16);
            outline: none;
        }
        .human-check:disabled {
            cursor: default;
        }
        .human-check-input {
            position: absolute;
            inset: 0 auto auto 0;
            width: 1px;
            height: 1px;
            min-height: 0;
            opacity: 0;
            pointer-events: none;
        }
        .human-check-box {
            width: 30px;
            height: 30px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 auto;
            border-radius: 5px;
            border: 2px solid #777;
            background: #0b0b0b;
            transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
        }
        .human-check:hover .human-check-box {
            border-color: #ff6b6b;
            box-shadow: 0 0 0 3px rgba(255, 59, 59, 0.12);
        }
        .captcha-widget.verified .human-check-box {
            border-color: #22e32c;
            background: #22e32c;
        }
        .captcha-widget.solving .human-check {
            border-color: rgba(255, 90, 90, 0.46);
            background: rgba(255, 59, 59, 0.055);
            cursor: wait;
        }
        .captcha-widget.solving .human-check-box {
            border-color: rgba(255, 107, 107, 0.3);
            box-shadow: none;
        }
        .captcha-widget.solving .human-check-box::before {
            content: "";
            width: 14px;
            height: 14px;
            border: 2px solid rgba(255, 255, 255, 0.22);
            border-top-color: #ff5b5b;
            border-radius: 50%;
            animation: captcha-check-spin 0.72s linear infinite;
        }
        .captcha-widget.verified .human-check {
            border-color: rgba(34, 227, 44, 0.38);
            background: rgba(34, 227, 44, 0.055);
        }
        .captcha-widget.verified .human-check-box::after {
            content: "";
            width: 7px;
            height: 12px;
            border: solid #0f0f0f;
            border-width: 0 3px 3px 0;
            transform: rotate(45deg) translateY(-1px);
        }
        @keyframes captcha-check-spin {
            to { transform: rotate(360deg); }
        }
        body.modal-open {
            overflow: hidden;
        }
        .captcha-modal[hidden] {
            display: none;
        }
        .captcha-modal {
            position: fixed;
            inset: 0;
            z-index: 80;
            display: grid;
            place-items: center;
            padding: 18px;
        }
        .captcha-backdrop {
            position: absolute;
            inset: 0;
            background: rgba(0, 0, 0, 0.76);
            backdrop-filter: blur(7px);
        }
        .captcha-dialog {
            position: relative;
            width: min(410px, calc(100% - 16px));
            max-width: 100%;
            overflow: hidden;
            background: #151515;
            border: 1px solid #373737;
            border-radius: 8px;
            box-shadow: 0 24px 70px rgba(0, 0, 0, 0.55);
        }
        .captcha-dialog-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 14px;
            padding: 16px 18px;
            background: #1b1b1b;
            border-bottom: 1px solid #303030;
        }
        .captcha-dialog-head strong {
            display: block;
            color: #fff;
            font-size: 18px;
            line-height: 1.2;
        }
        .captcha-dialog-head span {
            display: block;
            margin-top: 4px;
            color: #9e9e9e;
            font-size: 13px;
        }
        .captcha-dialog-close {
            width: 34px;
            min-width: 34px;
            min-height: 34px;
            padding: 0;
            border-radius: 6px;
            font-size: 22px;
            font-weight: 500;
            line-height: 1;
        }
        .captcha-dialog .captcha-box {
            padding: 18px;
        }
        .captcha-dialog .field {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            align-items: end;
            gap: 10px;
            margin: 0;
        }
        .captcha-dialog .field label {
            grid-column: 1 / -1;
        }
        .captcha-dialog .field input {
            min-height: 44px;
            font: 18px/1.2 Consolas, "Liberation Mono", monospace;
            letter-spacing: 0;
            text-align: left;
        }
        .captcha-dialog .field .btn {
            min-height: 44px;
            width: auto;
            min-width: 98px;
            padding-inline: 14px;
        }
        .alert,
        .notice {
            margin: 0 24px 0;
            padding: 12px 14px;
            border-radius: 6px;
            font-size: 14px;
        }
        .alert {
            background: rgba(255, 59, 59, 0.14);
            border: 1px solid rgba(255, 59, 59, 0.35);
            color: #ffd2d2;
        }
        .support-reference {
            display: block;
            margin-top: 7px;
            color: #fff;
            font-size: 12px;
            line-height: 1.5;
            overflow-wrap: anywhere;
        }
        .notice {
            background: rgba(34, 227, 44, 0.12);
            border: 1px solid rgba(34, 227, 44, 0.28);
            color: #caffe0;
        }
        .muted {
            color: #aaa;
            font-size: 13px;
        }
        .muted a {
            color: #ff6b6b;
            text-decoration: underline;
            text-decoration-thickness: 1px;
            text-underline-offset: 3px;
        }
        .server-policy-ad {
            display: grid;
            gap: 5px;
            margin: 14px 0;
            padding: 14px;
            background: linear-gradient(135deg, rgba(255, 59, 59, 0.16), rgba(32, 32, 32, 0.96));
            border: 1px solid rgba(255, 59, 59, 0.28);
            border-radius: 8px;
        }
        .server-policy-ad[hidden] {
            display: none;
        }
        .server-policy-ad > span {
            color: #ffb0b0;
            font-size: 11px;
            font-weight: 900;
            text-transform: uppercase;
        }
        .server-policy-ad strong {
            color: #fff;
            font-size: 15px;
            line-height: 1.25;
        }
        .server-policy-ad p {
            margin: 0;
            color: #cfcfcf;
            font-size: 13px;
            line-height: 1.45;
        }
        .btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            max-width: 100%;
            min-height: 44px;
            padding: 11px 18px;
            border: 0;
            border-radius: 6px;
            color: #fff;
            background: linear-gradient(45deg, #ff3b3b, #ff6b6b);
            font-weight: 800;
            cursor: pointer;
            overflow-wrap: anywhere;
            transition: transform 0.2s, background 0.2s, border-color 0.2s;
        }
        .btn:hover {
            transform: translateY(-1px);
            background: linear-gradient(45deg, #cc2c2c, #cc4b4b);
        }
        .btn:disabled {
            cursor: not-allowed;
            opacity: 0.52;
            transform: none;
        }
        .btn.is-loading {
            position: relative;
            pointer-events: none;
            transform: none;
            white-space: nowrap;
        }
        .btn-loading-spinner {
            width: 16px;
            height: 16px;
            flex: 0 0 16px;
            border: 2px solid rgba(255, 255, 255, 0.38);
            border-top-color: currentColor;
            border-radius: 50%;
            animation: btn-loading-spin 0.7s linear infinite;
        }
        @keyframes btn-loading-spin { to { transform: rotate(360deg); } }
        @media (prefers-reduced-motion: reduce) {
            .btn-loading-spinner { animation-duration: 1.4s; }
        }
        .btn.secondary {
            background: #151515;
            border: 1px solid #3b3b3b;
            color: #e8e8e8;
        }
        .btn.secondary:hover {
            background: #202020;
            border-color: #ff3b3b;
        }
        .btn.full { width: 100%; }
        .btn.small {
            min-height: 36px;
            padding: 8px 12px;
            font-size: 13px;
        }
        .icon-text-button {
            min-width: max-content;
            white-space: nowrap;
            overflow-wrap: normal;
        }
        .btn.icon-button {
            width: 38px;
            min-width: 38px;
            min-height: 38px;
            padding: 9px;
        }
        .icon {
            width: 18px;
            height: 18px;
            flex: 0 0 auto;
        }
        .sidebar-toggle,
        .sidebar-close,
        .sidebar-backdrop {
            display: none;
        }
        .header-sidebar-toggle {
            flex: 0 0 auto;
            white-space: nowrap;
        }
        .sidebar-close {
            width: 100%;
            margin-bottom: 12px;
        }
        .member-shell {
            width: 100%;
            max-width: 1320px;
            min-height: 100vh;
            min-height: 100dvh;
            margin: 0 auto;
            padding: 96px 16px 0;
            display: grid;
            grid-template-columns: 270px minmax(0, 1fr);
            grid-template-rows: 1fr auto;
            gap: 22px;
            align-items: start;
            overflow-x: clip;
        }
        .member-shell.public-configurator-shell {
            max-width: 1160px;
            grid-template-columns: minmax(0, 1fr);
        }
        .member-sidebar {
            position: sticky;
            top: 92px;
            padding: 14px;
            background: rgba(24, 24, 24, 0.96);
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 8px;
            box-shadow: 0 18px 46px rgba(0, 0, 0, 0.28);
        }
        .member-user {
            padding: 12px;
            margin-bottom: 12px;
            background: #151515;
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 6px;
        }
        .member-user span {
            display: block;
            color: #aaa;
            font-size: 12px;
        }
        .member-user strong {
            display: block;
            margin-top: 4px;
            color: #fff;
            font-size: 15px;
            word-break: break-word;
        }
        .member-user .member-user-id {
            display: block;
            margin-top: 5px;
            color: #777;
            font: 10px/1.35 Consolas, "Liberation Mono", monospace;
            letter-spacing: 0;
            overflow-wrap: anywhere;
            user-select: text;
        }
        .member-nav {
            display: grid;
            gap: 6px;
        }
        .member-nav a,
        .member-nav .nav-disabled {
            min-height: 46px;
            display: grid;
            grid-template-columns: 22px minmax(0, 1fr) auto;
            align-items: center;
            gap: 10px;
            padding: 10px 11px;
            border-radius: 6px;
            color: #d3d3d3;
            font-weight: 800;
        }
        .member-nav a:hover,
        .member-nav a.active {
            color: #fff;
            background: rgba(255, 59, 59, 0.18);
        }
        .member-nav .nav-meta {
            min-width: 24px;
            justify-self: end;
            padding: 3px 7px;
            border-radius: 999px;
            color: #fff;
            background: #2a2a2a;
            font-size: 12px;
            font-weight: 800;
            white-space: nowrap;
        }
        .member-nav a.active .nav-meta {
            background: #ff3b3b;
        }
        .member-nav .nav-disabled {
            color: #777;
            background: rgba(255, 255, 255, 0.025);
            cursor: not-allowed;
            opacity: 0.58;
        }
        .member-nav .nav-disabled .nav-meta {
            color: #999;
            background: #202020;
        }
        .member-nav .nav-disabled .nav-meta.incompatible {
            padding-inline: 5px;
            font-size: 9px;
        }
        .member-nav-section {
            display: flex;
            align-items: center;
            gap: 9px;
            margin: 12px 4px 2px;
            color: #ff7777;
            font-size: 11px;
            font-weight: 900;
            text-transform: uppercase;
        }
        .member-nav-section::after {
            content: "";
            height: 1px;
            flex: 1;
            background: rgba(255, 92, 92, 0.24);
        }
        .server-sidebar .member-user {
            border-color: rgba(255, 59, 59, 0.22);
        }
        .server-sidebar .leave-server {
            margin-bottom: 12px;
        }
        .member-content {
            min-width: 0;
            max-width: 100%;
            display: grid;
            gap: 18px;
            container-name: member-content;
            container-type: inline-size;
        }
        .member-content > .alert,
        .member-content > .notice {
            margin: 0;
        }
        .member-head {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 18px;
            padding-bottom: 8px;
        }
        .member-head h1 {
            font-size: 38px;
            line-height: 1.05;
        }
        .member-head p {
            max-width: 680px;
            margin-top: 10px;
            color: #b8b8b8;
            font-size: 15px;
        }
        .member-grid {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 14px;
        }
        .member-card {
            min-width: 0;
            max-width: 100%;
            min-height: 136px;
            padding: 18px;
            background: rgba(30, 30, 30, 0.94);
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 8px;
            box-shadow: 0 14px 36px rgba(0, 0, 0, 0.24);
        }
        .member-card h2,
        .member-card h3 {
            color: #fff;
            font-size: 20px;
            line-height: 1.2;
        }
        .member-card p {
            margin-top: 8px;
            color: #b8b8b8;
            font-size: 14px;
        }
        .email-verification-layout {
            width: 100%;
            max-width: 920px;
            display: grid;
            grid-template-columns: minmax(0, 1.35fr) minmax(240px, 0.65fr);
            gap: 18px;
            align-items: stretch;
        }
        .email-verification-card {
            min-height: 330px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 32px;
        }
        .email-verification-icon {
            width: 64px;
            height: 64px;
            display: grid;
            place-items: center;
            margin-bottom: 22px;
            border: 1px solid rgba(255, 92, 92, 0.42);
            border-radius: 50%;
            color: #ff7777;
            background: rgba(255, 59, 59, 0.1);
        }
        .email-verification-icon .icon {
            width: 28px;
            height: 28px;
        }
        .email-verification-card h2 {
            font-size: 25px;
        }
        .email-verification-address {
            display: block;
            margin-top: 16px;
            color: #fff;
            font-size: 16px;
            overflow-wrap: anywhere;
        }
        .email-verification-card form,
        .email-verification-card .card-actions {
            margin-top: 24px;
        }
        .email-verification-aside {
            min-height: 330px;
            padding: 30px 26px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            border-left: 2px solid rgba(255, 59, 59, 0.55);
        }
        .email-verification-aside strong {
            color: #fff;
            font-size: 18px;
        }
        .email-verification-aside p {
            margin-top: 10px;
            color: #aaa;
            font-size: 14px;
        }
        .email-verification-aside .verification-detail {
            display: flex;
            align-items: flex-start;
            gap: 10px;
            margin-top: 22px;
            color: #c7c7c7;
            font-size: 13px;
        }
        .email-verification-aside .verification-detail .icon {
            margin-top: 1px;
            color: #69d985;
        }
        .card-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin-top: 14px;
        }
        .notification-page-heading {
            display: flex;
            align-items: baseline;
            justify-content: space-between;
            gap: 16px;
            margin-bottom: 18px;
        }
        .notification-page-heading h2 {
            margin: 0;
        }
        .notification-page-heading > span {
            color: #969696;
            font-size: 13px;
            text-align: right;
        }
        .pagination {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-wrap: wrap;
            gap: 6px;
            margin-top: 20px;
        }
        .pagination-page,
        .pagination-arrow,
        .pagination-gap {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 38px;
            height: 38px;
            border-radius: 6px;
            color: #969696;
            font-size: 13px;
            font-weight: 700;
            text-decoration: none;
        }
        .pagination-page,
        .pagination-arrow {
            border: 1px solid #343434;
            background: #171717;
        }
        .pagination-page:hover,
        .pagination-arrow:hover {
            border-color: rgba(255, 70, 85, .55);
            color: #fff;
        }
        .pagination-page.active {
            border-color: #ff4655;
            background: rgba(255, 70, 85, .14);
            color: #fff;
        }
        .pagination-arrow.disabled {
            opacity: .35;
        }
        .pagination-arrow .icon {
            width: 17px;
            height: 17px;
        }
        @media (max-width: 560px) {
            .notification-page-heading {
                align-items: flex-start;
                flex-direction: column;
                gap: 6px;
            }
            .notification-page-heading > span {
                text-align: left;
            }
        }
        .admin-server-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
            min-width: 190px;
        }
        .admin-server-actions form {
            display: inline-flex;
        }
        .admin-archive-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
            min-width: 260px;
        }
        .admin-archive-actions form {
            display: inline-flex;
        }
        .admin-archive-retention-form {
            align-items: center;
            gap: 6px;
            flex-basis: 100%;
        }
        .admin-archive-retention-form input[type="datetime-local"] {
            width: min(220px, 100%);
            min-width: 190px;
            height: 38px;
            padding: 7px 9px;
        }
        .admin-archive-original-date {
            display: block;
            margin-top: 6px;
            color: #969696;
            white-space: nowrap;
        }
        .admin-server-plan-form {
            display: grid;
            grid-template-columns: minmax(155px, 1fr) 38px;
            gap: 6px;
            min-width: 210px;
            align-items: center;
        }
        .admin-server-plan-form select {
            min-width: 0;
            height: 38px;
            padding: 7px 30px 7px 9px;
        }
        .admin-server-owner-form {
            margin-bottom: 18px;
        }
        .admin-server-owner-grid {
            align-items: end;
        }
        .admin-server-owner-grid > .btn {
            min-height: 42px;
            margin-bottom: 1px;
        }
        .admin-invoices-table .status {
            white-space: nowrap;
        }
        .admin-table-summary {
            margin: 12px 0 16px;
            color: #969696;
            font-size: 13px;
        }
        .admin-server-table .status {
            white-space: nowrap;
        }
        .admin-server-create-panel {
            margin: 4px 0 24px;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
        }
        .admin-server-create-panel > summary {
            padding-inline: 2px;
        }
        .admin-server-create-icon {
            display: grid;
            flex: 0 0 auto;
            width: 34px;
            height: 34px;
            place-items: center;
            color: #fff;
            border: 1px solid rgba(255, 70, 85, 0.55);
            border-radius: 5px;
            background: rgba(255, 70, 85, 0.14);
        }
        .admin-server-create-icon .icon {
            width: 18px;
            height: 18px;
        }
        .admin-server-create-panel > summary::after {
            display: none;
        }
        .admin-server-create-form {
            display: grid;
            gap: 16px;
        }
        .admin-server-create-billing {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 10px;
            min-width: 0;
            margin: 0;
            padding: 15px;
            border: 1px solid #303030;
            border-radius: 6px;
        }
        .admin-server-create-billing legend {
            padding: 0 7px;
            color: #f1f1f1;
            font-size: 13px;
            font-weight: 800;
        }
        .admin-server-create-billing .pro-toggle {
            align-items: flex-start;
            margin: 0;
        }
        .admin-server-create-billing .pro-toggle span {
            display: grid;
            gap: 4px;
        }
        .admin-server-create-billing small {
            color: #929292;
            font-size: 12px;
            font-weight: 500;
            line-height: 1.45;
        }
        .admin-server-create-summary {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            border: 1px solid #303030;
            border-radius: 6px;
            background: #111;
        }
        .admin-server-create-summary > div {
            display: grid;
            gap: 5px;
            min-width: 0;
            padding: 13px 15px;
        }
        .admin-server-create-summary > div + div {
            border-left: 1px solid #303030;
        }
        .admin-server-create-summary span {
            color: #929292;
            font-size: 12px;
        }
        .admin-server-create-summary strong {
            color: #fff;
            overflow-wrap: anywhere;
        }
        .admin-server-editor {
            margin: 18px 0 24px;
            padding: 20px;
            border: 1px solid rgba(255, 70, 85, 0.38);
            border-radius: 6px;
            background: #121212;
        }
        .admin-server-editor .section-heading-row {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 18px;
            margin-bottom: 14px;
        }
        .admin-server-editor .section-heading-row h3 {
            margin: 4px 0 5px;
            color: #fff;
            font-size: 21px;
        }
        .admin-server-editor .section-heading-row p {
            max-width: 760px;
            margin: 0;
            color: #aaa;
        }
        .admin-server-editor-meta {
            display: flex;
            flex-wrap: wrap;
            gap: 8px 18px;
            margin-bottom: 18px;
            color: #999;
            font-size: 12px;
        }
        .admin-server-editor-meta strong {
            color: #e8e8e8;
            font-weight: 700;
        }
        .admin-server-override-form fieldset {
            min-width: 0;
            margin: 0;
            padding: 16px;
            border: 1px solid #303030;
            border-radius: 6px;
            background: #171717;
        }
        .admin-server-override-form legend {
            padding: 0 7px;
            color: #f1f1f1;
            font-size: 13px;
            font-weight: 800;
        }
        .admin-server-override-form .form-grid-span {
            grid-column: 1 / -1;
        }
        .admin-server-override-form .field small {
            display: block;
            margin-top: 6px;
            color: #888;
            font-size: 12px;
        }
        .admin-price-override-toggle {
            margin-bottom: 14px;
        }
        .admin-price-override-toggle span {
            display: grid;
            gap: 4px;
        }
        .admin-price-override-toggle small {
            color: #929292;
            font-size: 12px;
            font-weight: 500;
        }
        .admin-renewal-price-field {
            max-width: 360px;
        }
        .admin-price-safety-note {
            display: flex;
            align-items: flex-start;
            gap: 10px;
            margin-top: 14px;
            padding: 12px;
            color: #c9c9c9;
            background: #101010;
            border-left: 3px solid #5aa9ff;
        }
        .admin-price-safety-note .icon {
            flex: 0 0 auto;
            width: 18px;
            height: 18px;
            color: #70b6ff;
        }
        .admin-price-safety-note p {
            margin: 0;
            font-size: 12px;
            line-height: 1.55;
        }
        @media (max-width: 720px) {
            .admin-server-create-billing,
            .admin-server-create-summary {
                grid-template-columns: 1fr;
            }
            .admin-server-create-summary > div + div {
                border-top: 1px solid #303030;
                border-left: 0;
            }
        }
        .metric-value {
            display: block;
            margin-top: 14px;
            color: #ff6b6b;
            font-size: 30px;
            font-weight: 900;
            line-height: 1.1;
        }
        .balance-breakdown {
            display: grid;
            gap: 8px;
            margin-top: 14px;
        }
        .balance-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 14px;
            padding-top: 9px;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
            color: #b8b8b8;
            font-size: 14px;
        }
        .balance-row strong {
            color: #fff;
            white-space: nowrap;
        }
        .balance-row code {
            color: #fff;
            overflow-wrap: anywhere;
            text-align: right;
        }
        .server-restore-summary .balance-row {
            align-items: flex-start;
        }
        .server-restore-summary .balance-row > * {
            min-width: 0;
        }
        .server-restore-summary .balance-row strong {
            max-width: 68%;
            overflow-wrap: anywhere;
            text-align: right;
            white-space: normal;
        }
        .port-label-help {
            position: relative;
            min-width: 0;
            display: inline-flex;
            align-items: center;
            gap: 6px;
        }
        .port-help-trigger {
            width: 20px;
            height: 20px;
            min-width: 20px;
            display: inline-grid;
            place-items: center;
            padding: 0;
            color: #c8c8c8;
            background: #262626;
            border: 1px solid rgba(255, 255, 255, 0.16);
            border-radius: 50%;
            cursor: help;
            appearance: none;
        }
        .port-help-trigger .icon {
            width: 14px;
            height: 14px;
        }
        .port-help-trigger:hover,
        .port-help-trigger:focus-visible {
            color: #fff;
            background: #3a2020;
            border-color: rgba(255, 107, 107, 0.72);
            outline: none;
        }
        .port-help-trigger:focus-visible {
            box-shadow: 0 0 0 3px rgba(255, 59, 59, 0.16);
        }
        .port-help-tooltip {
            position: absolute;
            z-index: 30;
            bottom: calc(100% + 9px);
            left: 0;
            width: min(290px, calc(100vw - 48px));
            padding: 10px 11px;
            color: #f1f1f1;
            background: #090909;
            border: 1px solid rgba(255, 107, 107, 0.45);
            border-radius: 6px;
            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.48);
            font-size: 12px;
            font-weight: 700;
            line-height: 1.45;
            text-align: left;
            white-space: normal;
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            transform: translateY(4px);
            transition: opacity 0.16s, transform 0.16s, visibility 0.16s;
        }
        .port-label-help:hover .port-help-tooltip,
        .port-label-help:focus-within .port-help-tooltip {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }
        .access-grid {
            align-items: start;
        }
        .access-card-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            margin-bottom: 12px;
        }
        .access-card-head h2 {
            margin: 0;
        }
        .subdomain-card {
            max-width: 920px;
        }
        .subdomain-current {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            margin: 4px 0 18px;
            padding: 14px;
            color: #b8b8b8;
            background: #151515;
            border: 1px solid rgba(255, 255, 255, 0.09);
            border-radius: 7px;
        }
        .subdomain-composer {
            display: grid;
            grid-template-columns: minmax(180px, 0.8fr) minmax(260px, 1.2fr);
            align-items: end;
            gap: 12px;
        }
        .subdomain-remove-form {
            margin-top: 10px;
        }
        .access-secret {
            display: inline-block;
            max-width: 100%;
            padding: 3px 6px;
            color: #fff;
            background: #101010;
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 6px;
            font: 12px/1.45 Consolas, "Liberation Mono", monospace;
            overflow-wrap: anywhere;
            user-select: all;
            text-align: right;
        }
        .copy-value {
            min-width: 0;
            max-width: min(100%, 420px);
            display: inline-flex;
            align-items: center;
            justify-content: flex-end;
            gap: 6px;
            margin-left: auto;
        }
        .copy-value-text {
            min-width: 0;
            max-width: 100%;
            color: #fff;
            text-align: right;
            overflow-wrap: anywhere;
            white-space: normal;
        }
        .copy-value strong.copy-value-text {
            white-space: normal;
        }
        .copy-button {
            width: 38px;
            min-width: 38px;
            min-height: 38px;
            padding: 7px;
            flex: 0 0 38px;
        }
        .copy-button .icon {
            width: 21px;
            height: 21px;
            stroke-width: 2.15;
        }
        .visibility-button .icon:nth-of-type(2) {
            display: none;
        }
        .visibility-button[aria-pressed="true"] .icon:first-of-type {
            display: none;
        }
        .visibility-button[aria-pressed="true"] .icon:nth-of-type(2) {
            display: block;
        }
        .copy-button.copied {
            color: #caffe0;
            border-color: rgba(34, 227, 44, 0.45);
            background: rgba(34, 227, 44, 0.12);
        }
        .copy-button:disabled {
            opacity: 0.38;
        }
        .access-note {
            margin-top: 14px;
            color: #aaa;
            font-size: 13px;
        }
        .database-storage-list {
            display: grid;
            gap: 10px;
            margin-top: 16px;
        }
        .database-storage-summary {
            display: grid;
            gap: 9px;
            min-width: 0;
            padding: 13px;
            background: rgba(255, 59, 59, 0.08);
            border: 1px solid rgba(255, 59, 59, 0.28);
            border-radius: 8px;
        }
        .database-storage-summary p {
            color: #aaa;
            font-size: 12px;
        }
        .database-storage-item {
            display: grid;
            gap: 10px;
            min-width: 0;
            padding: 13px;
            background: #111;
            border: 1px solid rgba(255, 255, 255, 0.09);
            border-radius: 8px;
        }
        .database-storage-head,
        .database-storage-value,
        .addon-price-line {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            min-width: 0;
        }
        .database-storage-head > div {
            display: grid;
            gap: 4px;
            min-width: 0;
        }
        .database-storage-head > div > span,
        .database-storage-value span,
        .addon-price-line span {
            color: #aaa;
            font-size: 12px;
            font-weight: 800;
        }
        .database-storage-head > div > strong,
        .database-storage-value strong,
        .addon-price-line strong {
            min-width: 0;
            color: #fff;
            font-size: 13px;
            overflow-wrap: anywhere;
            text-align: right;
        }
        .database-storage-head .copy-value {
            justify-content: flex-start;
            margin-left: 0;
        }
        .database-storage-head .copy-value-text {
            text-align: left;
        }
        .database-addon-actions {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            align-items: end;
            gap: 10px;
            padding-top: 10px;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
        }
        .database-addon-actions form {
            display: grid;
            gap: 8px;
            min-width: 0;
            margin: 0;
        }
        .database-addon-actions label {
            color: #bcbcbc;
            font-size: 12px;
            font-weight: 800;
        }
        .database-create-form {
            margin-top: 18px;
            padding-top: 16px;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
        }
        .database-create-form h3 {
            margin: 0;
            font-size: 16px;
        }
        .addon-price-line {
            padding: 10px 11px;
            background: rgba(255, 59, 59, 0.08);
            border: 1px solid rgba(255, 59, 59, 0.2);
            border-radius: 7px;
        }
        [data-addon-price-form].credit .addon-price-line {
            background: rgba(34, 227, 44, 0.08);
            border-color: rgba(34, 227, 44, 0.25);
        }
        [data-addon-price-form].insufficient .addon-price-line {
            background: rgba(255, 59, 59, 0.16);
            border-color: rgba(255, 59, 59, 0.46);
        }
        @media (max-width: 620px) {
            .database-storage-head,
            .database-storage-value,
            .addon-price-line {
                align-items: flex-start;
                flex-wrap: wrap;
            }
            .database-addon-actions {
                grid-template-columns: minmax(0, 1fr);
            }
            .database-addon-actions .btn {
                width: 100%;
            }
        }
        .configurator-summary {
            padding: 15px;
            background: rgba(255, 255, 255, 0.025);
            border: 1px solid rgba(255, 255, 255, 0.09);
            border-radius: 8px;
        }
        .configurator-summary h3 {
            margin-bottom: 12px;
            color: #fff;
            font-size: 15px;
            line-height: 1.3;
        }
        .configurator-summary-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 1px;
            overflow: hidden;
            background: rgba(255, 255, 255, 0.08);
            border: 1px solid rgba(255, 255, 255, 0.06);
            border-radius: 6px;
        }
        .configurator-summary-item {
            min-width: 0;
            padding: 10px 11px;
            background: #191919;
        }
        .configurator-summary-item span,
        .configurator-summary-item strong {
            display: block;
        }
        .configurator-summary-item span {
            color: #8f8f8f;
            font-size: 11px;
            font-weight: 800;
            text-transform: uppercase;
        }
        .configurator-summary-item strong {
            margin-top: 3px;
            color: #ededed;
            font-size: 13px;
            overflow-wrap: anywhere;
        }
        .price-preview {
            display: grid;
            gap: 8px;
            margin-top: 2px;
            padding: 14px;
            background: linear-gradient(135deg, rgba(255, 59, 59, 0.16), rgba(255, 255, 255, 0.04));
            border: 1px solid rgba(255, 59, 59, 0.28);
            border-radius: 8px;
        }
        .price-preview.discounted {
            background: linear-gradient(135deg, rgba(34, 227, 44, 0.12), rgba(255, 59, 59, 0.12));
            border-color: rgba(34, 227, 44, 0.4);
        }
        .price-preview.credit {
            background: rgba(34, 227, 44, 0.12);
            border-color: rgba(34, 227, 44, 0.34);
        }
        .price-preview.insufficient {
            background: rgba(255, 59, 59, 0.13);
            border-color: rgba(255, 59, 59, 0.5);
        }
        .price-preview-top {
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
            gap: 14px;
        }
        .price-preview-final {
            padding-top: 10px;
            border-top: 1px solid rgba(255, 255, 255, 0.16);
        }
        .price-preview-title {
            color: #aaa;
            font-size: 12px;
            font-weight: 900;
            text-transform: uppercase;
        }
        .price-preview-amount {
            display: flex;
            flex-wrap: wrap;
            align-items: baseline;
            justify-content: flex-end;
            gap: 8px;
            color: #fff;
            font-size: 26px;
            font-weight: 900;
            line-height: 1.05;
            text-align: right;
        }
        .price-preview-old {
            color: #9f9f9f;
            font-size: 16px;
            text-decoration: line-through;
        }
        .price-preview-note {
            margin: 0 !important;
            color: #cfcfcf;
            font-size: 13px;
        }
        .price-preview-lines {
            display: grid;
            gap: 6px;
        }
        .price-preview-lines div {
            display: flex;
            justify-content: space-between;
            gap: 12px;
            color: #b8b8b8;
            font-size: 13px;
        }
        .price-preview-lines strong {
            color: #fff;
            white-space: nowrap;
        }
        .price-preview.discounted [data-price-base] {
            color: #9f9f9f;
            text-decoration: line-through;
        }
        .wide-card {
            grid-column: 1 / -1;
        }
        .split-grid {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(320px, 0.55fr);
            gap: 14px;
            min-width: 0;
        }
        .servers-page {
            display: flex;
            flex-direction: column;
            gap: 14px;
        }
        .server-list-section {
            order: 1;
        }
        .server-list-heading {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 14px;
            margin-bottom: 16px;
        }
        .server-list-heading h2 {
            margin: 0;
        }
        .server-create-section {
            order: 2;
        }
        .setup-grid {
            display: grid;
            grid-template-columns: 220px minmax(0, 1fr);
            gap: 18px;
            align-items: start;
        }
        .qr-code-shell {
            width: 220px;
            max-width: 100%;
            aspect-ratio: 1;
            overflow: hidden;
            background: #fff;
            border: 1px solid rgba(255, 255, 255, 0.18);
            border-radius: 8px;
            box-shadow: 0 14px 32px rgba(0, 0, 0, 0.28);
        }
        .qr-code {
            width: 100%;
            height: 100%;
            display: block;
            padding: 10px;
            background: #fff;
        }
        .twofactor-code-field {
            min-width: 0;
        }
        .twofactor-digit-row {
            display: grid;
            grid-template-columns: repeat(6, minmax(0, 1fr));
            gap: 8px;
            min-width: 0;
        }
        .twofactor-digit {
            width: 100%;
            min-width: 0;
            height: 54px;
            min-height: 54px;
            padding: 0;
            text-align: center;
            font-size: 22px;
            font-weight: 850;
            font-variant-numeric: tabular-nums;
            caret-color: #ff5a5a;
        }
        .twofactor-digit-row:focus-within .twofactor-digit {
            border-color: #4a4a4a;
        }
        .twofactor-digit-row:focus-within .twofactor-digit:focus {
            border-color: #ff4d4d;
        }
        .twofactor-backup-entry input {
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
            letter-spacing: 0;
            text-transform: uppercase;
        }
        .twofactor-mode-switch {
            width: fit-content;
            max-width: 100%;
            margin-top: 10px;
            padding: 2px 0;
            color: #ff7777;
            background: transparent;
            border: 0;
            font: inherit;
            font-size: 13px;
            font-weight: 800;
            text-align: left;
            cursor: pointer;
        }
        .twofactor-mode-switch:hover,
        .twofactor-mode-switch:focus-visible {
            color: #fff;
            text-decoration: underline;
            outline: none;
        }
        .backup-codes-heading {
            display: flex;
            align-items: end;
            justify-content: space-between;
            gap: 14px;
            margin-top: 20px;
        }
        .backup-codes-heading h2 {
            margin: 0 0 5px;
        }
        .backup-codes-heading p {
            margin: 0;
        }
        .backup-codes-heading .btn {
            display: inline-flex;
            align-items: center;
            gap: 8px;
        }
        .backup-codes-heading .icon {
            width: 18px;
            height: 18px;
        }
        .backup-grid {
            display: grid;
            grid-template-columns: repeat(5, minmax(0, 1fr));
            gap: 8px;
            margin-top: 12px;
        }
        .backup-grid code {
            display: block;
            padding: 10px;
            color: #fff;
            background: #151515;
            border: 1px solid #333;
            border-radius: 6px;
            text-align: center;
            font-size: 13px;
            font-weight: 800;
        }
        .table-wrap {
            width: 100%;
            max-width: 100%;
            min-width: 0;
            overflow-x: auto;
            margin-top: 14px;
            -webkit-overflow-scrolling: touch;
        }
        table {
            width: 100%;
            border-collapse: collapse;
            min-width: 840px;
        }
        th,
        td {
            padding: 12px 10px;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
            text-align: left;
            color: #d3d3d3;
            font-size: 14px;
            vertical-align: top;
        }
        th {
            color: #aaa;
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: 0;
        }
        .status {
            display: inline-flex;
            align-items: center;
            max-width: 100%;
            min-height: 26px;
            padding: 4px 8px;
            border-radius: 999px;
            color: #fff;
            background: #2a2a2a;
            font-size: 12px;
            font-weight: 800;
            overflow-wrap: anywhere;
        }
        .status.ok { background: rgba(34, 227, 44, 0.18); color: #caffe0; }
        .status.info { background: rgba(69, 177, 255, 0.18); color: #ccecff; }
        .status.pending { background: rgba(255, 190, 73, 0.18); color: #ffe0a8; }
        .status.offline { background: rgba(255, 59, 59, 0.18); color: #ffd2d2; }
        .transaction-amount {
            color: #c8c8c8;
            font-variant-numeric: tabular-nums;
            white-space: nowrap;
        }
        .transaction-amount.positive { color: #6eea91; }
        .transaction-amount.negative { color: #ff7474; }
        .transaction-amount.neutral { color: #aaa; }
        .empty-state {
            margin-top: 14px;
            padding: 18px;
            background: #151515;
            border: 1px dashed rgba(255, 255, 255, 0.18);
            border-radius: 8px;
            color: #b8b8b8;
            font-size: 14px;
        }
        .balance-form {
            display: grid;
            gap: 12px;
            margin-top: 16px;
        }
        .amount-grid {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 8px;
        }
        .amount-chip {
            position: relative;
            min-height: 42px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 6px;
            background: #151515;
            color: #fff;
            font-weight: 800;
            cursor: pointer;
            overflow: hidden;
        }
        .amount-chip input {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            min-height: 0;
            opacity: 0;
            pointer-events: none;
        }
        .amount-chip:has(input:checked) {
            border-color: #ff3b3b;
            background: rgba(255, 59, 59, 0.18);
        }
        .money-input {
            position: relative;
        }
        .money-input input {
            padding-right: 58px;
            appearance: textfield;
            -moz-appearance: textfield;
        }
        .money-input input::-webkit-inner-spin-button,
        .money-input input::-webkit-outer-spin-button {
            margin: 0;
            appearance: none;
        }
        .money-input > span {
            position: absolute;
            top: 50%;
            right: 13px;
            transform: translateY(-50%);
            color: #999;
            font-size: 12px;
            font-weight: 900;
            pointer-events: none;
        }
        select {
            width: 100%;
            min-height: 46px;
            padding: 11px 12px;
            color: #fff;
            background: #151515;
            border: 1px solid #333;
            border-radius: 6px;
            outline: none;
        }
        textarea {
            width: 100%;
            min-width: 0;
            min-height: 110px;
            padding: 11px 12px;
            color: #fff;
            background: #151515;
            border: 1px solid #333;
            border-radius: 6px;
            outline: none;
            resize: vertical;
        }
        textarea:focus,
        select:focus {
            border-color: #ff3b3b;
            box-shadow: 0 0 0 3px rgba(255, 59, 59, 0.16);
        }
        .server-action-grid {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin-top: 14px;
        }
        .server-action-grid form,
        .inline-form {
            display: inline-flex;
            max-width: 100%;
        }
        .server-tab-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin-top: 14px;
        }
        .console-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 14px;
            margin-bottom: 14px;
        }
        .console-head h2 {
            margin: 0;
        }
        .console-title-group {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 12px;
            min-width: 0;
        }
        .console-severity-summary {
            display: inline-flex;
            align-items: center;
            gap: 5px;
        }
        .console-severity-count {
            min-width: 42px;
            height: 30px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 5px;
            padding: 0 8px;
            color: #aaa;
            background: #101010;
            border: 1px solid rgba(255, 255, 255, 0.09);
            border-radius: 6px;
            font-size: 12px;
            font-weight: 900;
            font-family: inherit;
            cursor: pointer;
            transition: color 0.16s ease, border-color 0.16s ease, background 0.16s ease;
        }
        .console-severity-count:hover {
            color: #fff;
            border-color: rgba(255, 255, 255, 0.22);
            background: #171717;
        }
        .console-severity-count:focus-visible {
            outline: 2px solid #fff;
            outline-offset: 2px;
        }
        .console-severity-count .icon {
            width: 15px;
            height: 15px;
        }
        .console-severity-count.info .icon {
            color: #79d2ff;
        }
        .console-severity-count.warn .icon {
            color: #ffe066;
        }
        .console-severity-count.error .icon {
            color: #ff6666;
        }
        .console-severity-count.info[aria-pressed="true"] {
            color: #dff5ff;
            border-color: rgba(121, 210, 255, 0.62);
            background: rgba(121, 210, 255, 0.14);
        }
        .console-severity-count.warn[aria-pressed="true"] {
            color: #fff7bd;
            border-color: rgba(255, 224, 102, 0.62);
            background: rgba(255, 224, 102, 0.14);
        }
        .console-severity-count.error[aria-pressed="true"] {
            color: #ffdede;
            border-color: rgba(255, 102, 102, 0.62);
            background: rgba(255, 102, 102, 0.14);
        }
        .console-actions {
            justify-content: flex-end;
            margin-top: 0;
        }
        .console-clear-button {
            width: 36px;
            min-width: 36px;
            padding: 0;
        }
        .console-clear-button .icon {
            width: 16px;
            height: 16px;
        }
        .console-view-mode,
        .file-editor-view-mode,
        .donation-preview-tools {
            display: inline-flex;
            align-items: center;
            gap: 2px;
            padding: 2px;
            background: #101010;
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 8px;
        }
        .console-view-mode .btn,
        .file-editor-view-mode .btn,
        .donation-preview-tools .btn {
            min-height: 32px;
            border: 0;
            background: transparent;
            color: #aaa;
        }
        .console-view-mode .btn:hover,
        .file-editor-view-mode .btn:hover,
        .donation-preview-tools .btn:hover {
            background: #202020;
            color: #fff;
        }
        .console-view-mode .btn.active,
        .file-editor-view-mode .btn.active,
        .donation-preview-tools .btn[aria-pressed="true"] {
            background: #272727;
            color: #fff;
            box-shadow: inset 0 0 0 1px rgba(255, 59, 59, 0.32);
        }
        .console-terminal {
            overflow: hidden;
            margin-top: 14px;
            background: #080808;
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 8px;
            transition: border-color 0.2s, box-shadow 0.2s;
        }
        .console-terminal:focus-within {
            border-color: #ff3b3b;
            box-shadow: 0 0 0 3px rgba(255, 59, 59, 0.16);
        }
        .balance-form.console-command-form {
            grid-template-columns: minmax(0, 1fr) auto;
            gap: 0;
            margin-top: 0;
        }
        .console-command-field {
            min-width: 0;
            margin-bottom: 0;
        }
        .console-command-field label {
            position: absolute;
            width: 1px;
            height: 1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            white-space: nowrap;
        }
        .terminal-input {
            display: grid;
            grid-template-columns: auto minmax(0, 1fr);
            align-items: center;
            min-height: 48px;
            overflow: hidden;
            background: #080808;
            border: 1px solid #333;
            border-radius: 8px;
            box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);
        }
        .console-terminal .terminal-input {
            border: 0;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 0;
        }
        .terminal-input:focus-within {
            border-color: #ff3b3b;
            box-shadow: 0 0 0 3px rgba(255, 59, 59, 0.16);
        }
        .console-terminal .terminal-input:focus-within {
            border-color: rgba(255, 255, 255, 0.08);
            box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);
        }
        .terminal-input span {
            padding: 0 0 0 14px;
            color: #ff6b6b;
            font: 700 14px/1 Consolas, "Liberation Mono", monospace;
            white-space: nowrap;
        }
        .terminal-input input {
            min-height: 46px;
            padding: 0 14px 0 4px;
            color: #d8ffd8;
            background: transparent;
            border: 0;
            border-radius: 0;
            box-shadow: none;
            font: 14px/1 Consolas, "Liberation Mono", monospace;
        }
        .terminal-input input:focus {
            box-shadow: none;
        }
        .console-command-form .btn {
            min-height: 48px;
            border-left: 0;
            border-radius: 0;
        }
        .minecraft-player-sample {
            min-height: 20px;
            color: #d6d6d6;
            font-size: 13px;
            line-height: 1.5;
            overflow-wrap: anywhere;
        }
        .minecraft-overview-status {
            display: grid;
            gap: 12px;
            margin-top: 16px;
            padding: 14px;
            background: rgba(10, 10, 10, 0.48);
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 6px;
        }
        .minecraft-overview-motd,
        .minecraft-overview-players {
            min-width: 0;
        }
        .minecraft-overview-label {
            display: block;
            margin-bottom: 5px;
            color: #8f8f8f;
            font-size: 11px;
            font-weight: 800;
            letter-spacing: 0;
            text-transform: uppercase;
        }
        .minecraft-overview-motd strong {
            display: block;
            color: #fff;
            font-size: 14px;
            line-height: 1.45;
            overflow-wrap: anywhere;
            white-space: pre-line;
        }
        .minecraft-overview-player-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            padding-bottom: 7px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.07);
        }
        .minecraft-overview-player-head .minecraft-overview-label {
            margin: 0;
        }
        .minecraft-overview-player-head strong {
            color: #fff;
            font-size: 14px;
            white-space: nowrap;
        }
        .minecraft-player-sample {
            padding-top: 8px;
        }
        .server-overview-list {
            display: grid;
            gap: 10px;
            margin-top: 14px;
        }
        .server-overview-item {
            overflow: hidden;
            background: #151515;
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 8px;
        }
        .server-overview-item[open] {
            border-color: rgba(255, 59, 59, 0.32);
        }
        .server-overview-item.expired {
            border-color: rgba(255, 181, 71, 0.32);
        }
        .server-overview-head {
            min-height: 68px;
            display: grid;
            grid-template-columns: minmax(0, 1.4fr) auto 24px;
            align-items: center;
            gap: 14px;
            padding: 14px 16px;
            background: #202020;
            color: #fff;
            cursor: pointer;
            list-style: none;
        }
        .server-overview-head::-webkit-details-marker {
            display: none;
        }
        .server-overview-title {
            min-width: 0;
            display: grid;
            gap: 4px;
        }
        .server-overview-title strong {
            color: #fff;
            font-size: 16px;
            overflow-wrap: anywhere;
        }
        .server-overview-title span,
        .server-overview-meta {
            color: #aaa;
            font-size: 13px;
            overflow-wrap: anywhere;
        }
        .server-overview-meta {
            display: inline-flex;
            align-items: center;
            justify-content: flex-end;
        }
        .server-overview-arrow {
            width: 18px;
            height: 18px;
            color: #fff;
            transition: transform 0.2s ease;
        }
        .server-overview-item[open] .server-overview-arrow {
            transform: rotate(180deg);
        }
        .server-overview-body {
            display: grid;
            gap: 16px;
            padding: 16px;
            background: #151515;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
        }
        .server-overview-data {
            display: grid;
            grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.95fr) minmax(0, 0.9fr);
            gap: 18px;
        }
        .server-overview-section {
            min-width: 0;
            display: grid;
            align-content: start;
            gap: 8px;
        }
        .server-overview-section h3,
        .server-inline-form h3 {
            color: #fff;
            font-size: 14px;
            line-height: 1.2;
            text-transform: uppercase;
        }
        .server-overview-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            color: #b8b8b8;
            font-size: 13px;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
            padding-top: 8px;
        }
        .server-overview-row strong {
            color: #fff;
            text-align: right;
            overflow-wrap: anywhere;
        }
        .server-overview-row .copy-value {
            max-width: min(100%, 300px);
        }
        .server-overview-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            align-content: start;
        }
        .server-overview-actions form {
            display: inline-flex;
        }
        .server-inline-forms {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 14px;
            padding-top: 16px;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
        }
        .server-inline-form {
            min-width: 0;
            display: grid;
            gap: 10px;
            align-content: start;
            padding: 14px;
            background: rgba(255, 255, 255, 0.025);
            border: 1px solid rgba(255, 255, 255, 0.07);
            border-radius: 8px;
        }
        .btn.danger {
            background: #601b1b;
            border: 1px solid rgba(255, 87, 87, 0.42);
        }
        .btn.danger:hover {
            background: #7a2222;
        }
        .console-box {
            min-height: 260px;
            max-height: 420px;
            overflow-y: auto;
            overflow-x: hidden;
            margin-top: 14px;
            margin-bottom: 0;
            padding: 14px;
            color: #d8ffd8;
            background: #080808;
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 8px 8px 0 0;
            font: 13px/1.55 Consolas, "Liberation Mono", monospace;
            white-space: pre-wrap;
            overflow-wrap: anywhere;
            word-break: break-word;
        }
        .console-line {
            display: block;
            min-height: 1.55em;
            margin: 0;
            padding: 0;
            color: #d8ffd8;
            white-space: pre-wrap;
            overflow-wrap: anywhere;
            word-break: break-word;
        }
        .console-line.info {
            color: #9bdfff;
        }
        .console-line.warn {
            color: #ffe066;
        }
        .console-line.error {
            color: #ff7a7a;
        }
        .console-line.command {
            color: #ff9b9b;
        }
        .console-ansi {
            color: inherit;
            background: transparent;
        }
        .console-terminal .console-box {
            margin-top: 0;
            border: 0;
            border-radius: 0;
            scrollbar-width: thin;
            scrollbar-color: #5a3030 #0b0b0b;
            scrollbar-gutter: stable;
        }
        .console-terminal .console-box::-webkit-scrollbar {
            width: 10px;
            height: 10px;
        }
        .console-terminal .console-box::-webkit-scrollbar-track {
            background: #0b0b0b;
        }
        .console-terminal .console-box::-webkit-scrollbar-track:horizontal {
            border-top: 1px solid #202020;
        }
        .console-terminal .console-box::-webkit-scrollbar-thumb {
            min-width: 40px;
            min-height: 40px;
            background: #5a3030;
            border: 2px solid #0b0b0b;
            border-radius: 6px;
        }
        .console-terminal .console-box::-webkit-scrollbar-thumb:hover {
            background: #b23a3a;
        }
        .console-terminal .console-box::-webkit-scrollbar-thumb:active {
            background: #ff4f4f;
        }
        .console-terminal .console-box::-webkit-scrollbar-corner {
            background: #0b0b0b;
        }
        .console-terminal.console-nowrap {
            overflow: hidden;
        }
        .console-terminal.console-nowrap .console-box {
            width: 100%;
            min-width: 0;
            max-width: 100%;
            overflow-y: auto;
            overflow-x: auto;
            white-space: pre;
            overflow-wrap: normal;
            word-break: normal;
        }
        .console-terminal.console-nowrap .console-line {
            white-space: pre;
            overflow-wrap: normal;
            word-break: normal;
        }
        .resource-meters {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 10px;
            margin-top: 14px;
        }
        .resource-meter {
            display: grid;
            gap: 9px;
            min-width: 0;
            padding: 12px;
            background: #111;
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 8px;
        }
        .resource-meter div:first-child {
            display: flex;
            align-items: baseline;
            justify-content: space-between;
            gap: 10px;
        }
        .resource-meter span {
            color: #aaa;
            font-size: 12px;
            font-weight: 900;
            text-transform: uppercase;
        }
        .resource-meter strong {
            color: #fff;
            font-size: 13px;
            text-align: right;
            overflow-wrap: anywhere;
        }
        .usage-track {
            height: 7px;
            overflow: hidden;
            background: #242424;
            border-radius: 999px;
        }
        .usage-track span {
            display: block;
            width: 0;
            height: 100%;
            background: #ff3b3b;
            border-radius: inherit;
            transition: width 0.25s ease;
        }
        .server-overview-usage {
            margin-top: 18px;
            padding-top: 16px;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
        }
        .server-overview-usage h3 {
            margin: 0;
            color: #fff;
            font-size: 14px;
        }
        .server-overview-usage .resource-meters {
            grid-template-columns: minmax(0, 1fr);
            margin-top: 10px;
        }
        .file-toolbar {
            display: grid;
            grid-template-columns: minmax(0, 1fr);
            gap: 10px;
            margin-top: 14px;
        }
        .file-toolbar > .balance-form,
        .file-action-panels .balance-form {
            margin-top: 0;
        }
        .file-toolbar > .balance-form {
            padding: 10px;
            background: #101010;
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 8px;
        }
        .file-toolbar .field,
        .file-action-panels .field {
            margin-bottom: 0;
        }
        .file-upload-form {
            display: grid;
            gap: 8px;
        }
        .file-upload-input {
            position: absolute;
            width: 1px;
            height: 1px;
            opacity: 0;
            pointer-events: none;
        }
        .file-upload-drop {
            min-height: 84px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            margin-bottom: 0;
            padding: 16px;
            color: #fff;
            background: #151515;
            border: 1px dashed rgba(255, 59, 59, 0.42);
            border-radius: 8px;
            font-size: 13px;
            font-weight: 700;
            text-align: center;
            cursor: pointer;
            transition: border-color 0.2s, background 0.2s;
        }
        .file-upload-drop:hover,
        .file-upload-drop:focus-visible,
        .file-upload-drop.drag-active {
            background: #1b1b1b;
            border-color: #ff6b6b;
            outline: none;
            box-shadow: 0 0 0 3px rgba(255, 59, 59, 0.12);
        }
        .file-upload-drop .icon {
            width: 24px;
            height: 24px;
            flex: 0 0 auto;
            color: #ff6b6b;
        }
        .file-upload-drop strong,
        .file-upload-drop small {
            display: block;
            min-width: 0;
            overflow-wrap: anywhere;
        }
        .file-upload-drop strong {
            font-size: 13px;
        }
        .file-upload-drop small {
            margin-top: 2px;
            color: #aaa;
            font-size: 12px;
            font-weight: 700;
        }
        .file-upload-progress {
            position: relative;
            grid-column: 1 / -1;
            min-height: 28px;
            overflow: hidden;
            background: #0b0b0b;
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 999px;
        }
        .file-upload-progress[hidden] {
            display: none;
        }
        .file-upload-progress span {
            position: absolute;
            inset: 0 auto 0 0;
            width: 0%;
            background: linear-gradient(90deg, #ff3b3b, #ff7a7a);
            transition: width 0.18s ease;
        }
        .file-upload-progress strong {
            position: relative;
            z-index: 1;
            min-height: 28px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 12px;
            font-weight: 900;
        }
        .file-upload-cancel {
            justify-self: end;
        }
        .file-upload-cancel[hidden] {
            display: none;
        }
        .world-upload-card {
            overflow: hidden;
        }
        .world-upload-head {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 18px;
        }
        .world-upload-head h2 {
            margin-bottom: 4px;
        }
        .world-upload-head p {
            max-width: 680px;
            color: #aaa;
            font-size: 13px;
        }
        .world-target-preview {
            display: grid;
            grid-template-columns: minmax(130px, 0.55fr) minmax(120px, 1fr);
            align-items: center;
            gap: 6px 18px;
            margin: 18px 0;
            padding: 14px 0;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        }
        .world-target-preview > span {
            color: #aaa;
            font-size: 12px;
            font-weight: 800;
            text-transform: uppercase;
        }
        .world-target-preview > strong {
            min-width: 0;
            color: #fff;
            font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
            overflow-wrap: anywhere;
        }
        .world-target-preview > small {
            grid-column: 2;
            color: #888;
            font-size: 12px;
        }
        .world-target-preview code,
        .world-replace-warning code,
        .world-upload-actions code {
            color: #eee;
            font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
            overflow-wrap: anywhere;
        }
        .world-upload-form {
            display: grid;
            gap: 14px;
        }
        .world-upload-form .field {
            margin-bottom: 0;
        }
        .field-optional {
            color: #777;
            font-size: 11px;
            font-weight: 700;
        }
        .field-help {
            display: block;
            margin-top: 5px;
            color: #888;
            font-size: 12px;
        }
        .world-upload-drop {
            min-height: 132px;
        }
        .world-replace-warning {
            display: grid;
            gap: 9px;
            padding: 14px 0;
            color: #ddd;
            border-top: 1px solid rgba(255, 196, 61, 0.32);
            border-bottom: 1px solid rgba(255, 196, 61, 0.32);
            font-size: 13px;
        }
        .world-replace-warning[hidden],
        [data-world-target-blocked][hidden] {
            display: none;
        }
        .world-warning-title {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #ffd36b;
        }
        .world-warning-title .icon {
            width: 18px;
            height: 18px;
            flex: 0 0 auto;
        }
        .check-row {
            display: grid;
            grid-template-columns: 18px minmax(0, 1fr);
            align-items: start;
            gap: 9px;
            color: #fff;
            font-size: 13px;
            font-weight: 700;
            cursor: pointer;
        }
        .check-row input {
            width: 16px;
            height: 16px;
            margin-top: 2px;
            accent-color: #ff3b3b;
        }
        .world-upload-actions {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
        }
        .world-upload-actions > span {
            color: #888;
            font-size: 12px;
        }
        .world-upload-actions .btn {
            flex: 0 0 auto;
        }
        .world-upload-buttons {
            display: flex;
            justify-content: flex-end;
            gap: 8px;
            flex: 0 0 auto;
        }
        .world-upload-buttons [hidden] {
            display: none;
        }
        .world-upload-form.uploading {
            opacity: 0.82;
        }
        .world-upload-form.uploading .field,
        .world-upload-form.uploading .world-upload-drop,
        .world-upload-form.uploading .world-replace-warning {
            pointer-events: none;
        }
        .resource-pack-card code,
        .world-pack-dialog code {
            color: #eee;
            font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
            overflow-wrap: anywhere;
        }
        .resource-pack-details {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            margin-top: 18px;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
        }
        .resource-pack-details > div,
        .resource-pack-import-summary > div {
            display: grid;
            gap: 5px;
            min-width: 0;
            padding: 13px 0;
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        }
        .resource-pack-details > div:nth-child(odd) {
            padding-right: 18px;
        }
        .resource-pack-details > div:nth-child(even) {
            padding-left: 18px;
            border-left: 1px solid rgba(255, 255, 255, 0.08);
        }
        .resource-pack-details > .resource-pack-url {
            grid-column: 1 / -1;
            padding-right: 0;
            padding-left: 0;
            border-left: 0;
        }
        .resource-pack-details span,
        .resource-pack-import-summary span {
            color: #888;
            font-size: 11px;
            font-weight: 800;
            text-transform: uppercase;
        }
        .resource-pack-details strong,
        .resource-pack-import-summary strong {
            min-width: 0;
            color: #fff;
            overflow-wrap: anywhere;
        }
        .resource-pack-details .copy-value {
            width: 100%;
        }
        .resource-pack-description {
            margin: 14px 0 0;
            padding-left: 12px;
            color: #bbb;
            border-left: 2px solid rgba(84, 177, 255, 0.62);
            overflow-wrap: anywhere;
        }
        .resource-pack-settings {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 14px;
            padding: 18px 0;
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        }
        .resource-pack-settings-form {
            display: flex;
            align-items: center;
            gap: 12px;
        }
        .resource-pack-upload-form {
            display: grid;
            gap: 14px;
            margin-top: 18px;
        }
        .resource-pack-upload-form.uploading {
            opacity: 0.82;
        }
        .resource-pack-upload-form.uploading .resource-pack-upload-drop,
        .resource-pack-upload-form.uploading .check-row {
            pointer-events: none;
        }
        .resource-pack-upload-drop {
            min-height: 132px;
        }
        .resource-pack-empty {
            margin-top: 18px;
        }
        .world-resource-pack-offer {
            display: grid;
            grid-template-columns: auto minmax(0, 1fr) auto;
            align-items: center;
            gap: 12px;
            margin-top: 18px;
            padding: 15px 0;
            border-top: 1px solid rgba(84, 177, 255, 0.32);
            border-bottom: 1px solid rgba(84, 177, 255, 0.32);
        }
        .world-resource-pack-offer .file-type-icon {
            color: #54b1ff;
        }
        .world-resource-pack-offer div {
            display: grid;
            gap: 4px;
            min-width: 0;
        }
        .world-resource-pack-offer strong {
            color: #fff;
        }
        .world-resource-pack-offer small {
            color: #999;
            overflow-wrap: anywhere;
        }
        .resource-pack-import-summary {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 0 16px;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
        }
        .file-create-actions {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-end;
            gap: 8px;
        }
        .file-create-dialog {
            position: fixed;
            inset: 0;
            width: min(430px, calc(100vw - 28px));
            max-width: calc(100vw - 28px);
            max-height: min(520px, calc(100vh - 28px));
            margin: auto;
            padding: 0;
            overflow: auto;
            color: #eee;
            background: #181818;
            border: 1px solid rgba(255, 255, 255, 0.12);
            border-radius: 8px;
            box-shadow: 0 24px 80px rgba(0, 0, 0, 0.72);
        }
        .file-create-dialog::backdrop {
            background: rgba(0, 0, 0, 0.72);
            backdrop-filter: blur(5px);
        }
        .file-create-dialog form {
            display: grid;
            gap: 16px;
            margin: 0;
            padding: 18px;
        }
        .file-create-dialog-head {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 16px;
        }
        .file-create-dialog-head h3 {
            margin: 0;
            color: #fff;
            font-size: 19px;
        }
        .file-create-dialog-head p {
            margin-top: 4px;
            color: #aaa;
            font-size: 13px;
        }
        .file-create-dialog-close {
            width: 36px;
            height: 36px;
            flex: 0 0 36px;
            padding: 0;
        }
        .file-create-dialog-actions {
            display: flex;
            justify-content: flex-end;
            gap: 8px;
        }
        .file-move-dialog {
            width: min(520px, calc(100vw - 28px));
        }
        .file-move-summary {
            display: grid;
            gap: 7px;
            min-width: 0;
            padding: 12px;
            background: #111;
            border: 1px solid rgba(255, 255, 255, 0.09);
            border-radius: 7px;
        }
        .file-move-summary > span {
            color: #999;
            font-size: 11px;
            font-weight: 900;
            text-transform: uppercase;
        }
        .file-move-summary > strong {
            color: #fff;
            font-size: 14px;
            overflow-wrap: anywhere;
        }
        .file-move-items {
            display: grid;
            gap: 5px;
            max-height: 150px;
            overflow: auto;
            scrollbar-color: #5a3030 #0b0b0b;
            scrollbar-width: thin;
        }
        .file-move-item {
            display: flex;
            align-items: center;
            gap: 8px;
            min-width: 0;
            padding: 7px 9px;
            color: #d9d9d9;
            background: #171717;
            border-radius: 5px;
            font-size: 12px;
            font-weight: 750;
            overflow-wrap: anywhere;
        }
        .file-move-item .icon {
            width: 15px;
            height: 15px;
            flex: 0 0 15px;
            color: #ff6969;
        }
        .file-move-path-input {
            display: grid;
            grid-template-columns: 40px minmax(0, 1fr);
            align-items: center;
            overflow: hidden;
            background: #101010;
            border: 1px solid rgba(255, 255, 255, 0.12);
            border-radius: 6px;
        }
        .file-move-path-input:focus-within {
            border-color: rgba(255, 91, 91, 0.72);
            box-shadow: 0 0 0 3px rgba(255, 59, 59, 0.12);
        }
        .file-move-path-input .icon {
            width: 17px;
            height: 17px;
            justify-self: center;
            color: #ff6969;
        }
        .file-move-path-input input {
            min-width: 0;
            border: 0;
            border-left: 1px solid rgba(255, 255, 255, 0.09);
            border-radius: 0;
            box-shadow: none;
        }
        .file-move-path-input input:focus {
            border-color: rgba(255, 255, 255, 0.09);
            box-shadow: none;
            outline: none;
        }
        .danger-confirm-dialog {
            position: fixed;
            inset: 0;
            width: min(500px, calc(100vw - 28px));
            max-width: calc(100vw - 28px);
            max-height: calc(100vh - 28px);
            max-height: calc(100dvh - 28px);
            margin: auto;
            padding: 0;
            overflow: auto;
            color: #eee;
            background: #181818;
            border: 1px solid rgba(255, 74, 74, 0.38);
            border-radius: 8px;
            box-shadow: 0 26px 90px rgba(0, 0, 0, 0.78);
        }
        .danger-confirm-dialog::backdrop {
            background: rgba(0, 0, 0, 0.76);
            backdrop-filter: blur(6px);
        }
        .danger-confirm-panel {
            display: grid;
            gap: 18px;
            padding: 20px;
        }
        .danger-confirm-head,
        .danger-confirm-heading,
        .danger-confirm-warning,
        .danger-confirm-target {
            display: flex;
            align-items: flex-start;
        }
        .danger-confirm-head {
            justify-content: space-between;
            gap: 16px;
        }
        .danger-confirm-heading {
            min-width: 0;
            gap: 12px;
        }
        .danger-confirm-icon {
            width: 42px;
            height: 42px;
            flex: 0 0 42px;
            display: grid;
            place-items: center;
            color: #ff6262;
            background: rgba(255, 59, 59, 0.1);
            border: 1px solid rgba(255, 88, 88, 0.28);
            border-radius: 7px;
        }
        .danger-confirm-icon .icon {
            width: 22px;
            height: 22px;
        }
        .danger-confirm-heading span:not(.danger-confirm-icon) {
            display: block;
            margin-bottom: 3px;
            color: #ff7777;
            font-size: 11px;
            font-weight: 900;
            text-transform: uppercase;
        }
        .danger-confirm-heading h2 {
            margin: 0;
            color: #fff;
            font-size: 21px;
            line-height: 1.25;
        }
        .danger-confirm-close {
            width: 36px;
            height: 36px;
            flex: 0 0 36px;
            padding: 0;
        }
        .danger-confirm-message {
            margin: 0;
            color: #ccc;
            font-size: 14px;
            line-height: 1.65;
        }
        .danger-confirm-target {
            gap: 12px;
            justify-content: space-between;
            padding: 11px 12px;
            background: #111;
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 6px;
        }
        .danger-confirm-target[hidden] {
            display: none;
        }
        .danger-confirm-target span {
            color: #888;
            font-size: 12px;
            font-weight: 800;
        }
        .danger-confirm-target strong {
            min-width: 0;
            color: #fff;
            font-size: 13px;
            overflow-wrap: anywhere;
            text-align: right;
        }
        .danger-confirm-warning {
            gap: 10px;
            padding: 12px;
            color: #ffc7c7;
            background: rgba(255, 59, 59, 0.075);
            border: 1px solid rgba(255, 75, 75, 0.22);
            border-radius: 6px;
            font-size: 13px;
            line-height: 1.55;
        }
        .danger-confirm-warning .icon {
            width: 18px;
            height: 18px;
            flex: 0 0 18px;
            margin-top: 1px;
            color: #ff6868;
        }
        .danger-confirm-actions {
            display: flex;
            justify-content: flex-end;
            gap: 8px;
        }
        .danger-confirm-actions [data-danger-confirm-cancel] {
            flex: 0 0 126px;
            white-space: nowrap;
        }
        .danger-confirm-actions [data-danger-confirm-submit] {
            flex: 1 1 auto;
        }
        @media (max-width: 520px) {
            .danger-confirm-panel {
                padding: 17px;
            }
            .danger-confirm-actions {
                flex-direction: column-reverse;
            }
            .danger-confirm-actions .btn {
                width: 100%;
                flex-basis: auto;
            }
        }
        .file-actionbar {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            margin-top: 12px;
            padding: 10px;
            background: #151515;
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 8px;
        }
        .file-selection-state {
            min-width: 180px;
            display: grid;
            gap: 2px;
        }
        .file-selection-state span {
            color: #aaa;
            font-size: 11px;
            font-weight: 900;
            text-transform: uppercase;
        }
        .file-selection-state strong {
            color: #fff;
            font-size: 14px;
            overflow-wrap: anywhere;
        }
        .file-action-buttons,
        .file-panel-actions {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-end;
            gap: 8px;
        }
        .file-action-link.disabled,
        .btn.disabled {
            pointer-events: none;
            opacity: 0.52;
            transform: none;
        }
        .file-action-panels {
            display: grid;
            gap: 10px;
            margin-top: 10px;
        }
        .file-selection-form {
            grid-template-columns: minmax(0, 1fr) auto;
            align-items: end;
            padding: 12px;
            background: #101010;
            border: 1px solid rgba(255, 59, 59, 0.22);
            border-radius: 8px;
        }
        .file-selection-form[hidden] {
            display: none;
        }
        .file-selection-form p {
            margin: 0;
            color: #cfcfcf;
            font-size: 14px;
            overflow-wrap: anywhere;
        }
        .file-editor {
            display: grid;
            gap: 12px;
            margin-top: 0;
        }
        .file-editor-active > h2,
        .file-editor-active > .balance-breakdown,
        .file-editor-active > .permission-readonly-note,
        .file-editor-active > .file-toolbar,
        .file-editor-active > .file-actionbar,
        .file-editor-active > .file-action-panels,
        .file-editor-active > .file-explorer {
            display: none;
        }
        .eula-consent {
            margin-top: 4px;
        }
        .legal-consent a,
        .eula-consent a,
        .pro-toggle a,
        .weekday-option a,
        .permission-option a,
        .addon-toggle a,
        .payment-toggle a {
            color: #ff6b6b;
            font-weight: 900;
            text-decoration: underline;
            text-decoration-color: rgba(255, 107, 107, 0.72);
            text-decoration-thickness: 1px;
            text-underline-offset: 3px;
        }
        .legal-consent a:hover,
        .eula-consent a:hover,
        .pro-toggle a:hover,
        .weekday-option a:hover,
        .permission-option a:hover,
        .addon-toggle a:hover,
        .payment-toggle a:hover {
            color: #ff9292;
            text-decoration-color: currentColor;
        }
        .legal-consent a:focus-visible,
        .eula-consent a:focus-visible,
        .pro-toggle a:focus-visible,
        .weekday-option a:focus-visible,
        .permission-option a:focus-visible,
        .addon-toggle a:focus-visible,
        .payment-toggle a:focus-visible {
            color: #fff;
            border-radius: 3px;
            outline: 2px solid #ff5f5f;
            outline-offset: 3px;
        }
        .nbt-explorer {
            min-width: 0;
        }
        .nbt-meta,
        .nbt-toolbar,
        .nbt-toolbar > div,
        .nbt-node-head,
        .nbt-selection-path,
        .nbt-inspector-heading,
        .nbt-inspector-actions,
        .nbt-region-picker {
            display: flex;
            align-items: center;
        }
        .nbt-meta {
            flex-wrap: wrap;
            gap: 7px;
        }
        .nbt-meta span,
        .nbt-type-badge {
            padding: 4px 7px;
            color: #d7eaff;
            background: rgba(69, 159, 255, 0.09);
            border: 1px solid rgba(87, 171, 255, 0.22);
            border-radius: 5px;
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
            font-size: 11px;
            font-weight: 800;
        }
        .nbt-running-warning {
            margin: 0;
        }
        .file-image-preview-stage {
            display: grid;
            place-items: center;
            min-height: 320px;
            max-height: 75vh;
            padding: 20px;
            overflow: auto;
            border: 1px solid rgba(255, 255, 255, 0.09);
            border-radius: 6px;
            background: #0c0c0c;
        }
        .file-image-preview-stage img {
            display: block;
            max-width: 100%;
            max-height: calc(75vh - 42px);
            width: auto;
            height: auto;
            object-fit: contain;
        }
        .nbt-region-picker {
            gap: 10px;
            padding: 10px 12px;
            background: #101010;
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 7px;
        }
        .nbt-region-picker label {
            flex: 0 0 auto;
            color: #aaa;
            font-size: 12px;
            font-weight: 900;
            text-transform: uppercase;
        }
        .nbt-region-picker select {
            min-width: 0;
            flex: 1 1 320px;
            max-width: 680px;
        }
        .nbt-editor-form {
            gap: 10px;
        }
        .nbt-toolbar {
            flex-wrap: wrap;
            gap: 12px;
            padding: 10px 12px;
            background: #111;
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 7px 7px 0 0;
        }
        .nbt-toolbar > div {
            flex-wrap: wrap;
            gap: 7px;
        }
        .nbt-toolbar .nbt-toolbar-actions {
            flex: 0 0 auto;
        }
        .nbt-search-field {
            display: flex;
            align-items: center;
            min-width: 220px;
            min-height: 34px;
            flex: 1 1 300px;
            gap: 8px;
            padding: 0 9px;
            color: #888;
            background: #090909;
            border: 1px solid rgba(255, 255, 255, 0.11);
            border-radius: 6px;
        }
        .nbt-search-field:focus-within {
            color: #fff;
            border-color: rgba(255, 70, 85, 0.65);
            box-shadow: 0 0 0 2px rgba(255, 70, 85, 0.11);
        }
        .nbt-search-field .icon {
            width: 17px;
            height: 17px;
            flex: 0 0 17px;
        }
        .nbt-search-field input {
            min-width: 0;
            min-height: 32px;
            flex: 1 1 auto;
            padding: 0;
            background: transparent;
            border: 0;
            box-shadow: none;
        }
        .nbt-search-field input:focus {
            box-shadow: none;
        }
        .nbt-search-field [data-nbt-search-count] {
            flex: 0 0 auto;
            color: #777;
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
            font-size: 11px;
            white-space: nowrap;
        }
        .nbt-search-navigation {
            flex: 0 0 auto;
        }
        .nbt-toolbar > span {
            margin-left: auto;
            color: #999;
            font-size: 12px;
        }
        .nbt-toolbar > span.dirty {
            color: #ffd166;
        }
        .nbt-workspace {
            display: grid;
            grid-template-columns: minmax(300px, 0.9fr) minmax(320px, 1.1fr);
            min-height: 430px;
            height: min(68vh, 820px);
            overflow: hidden;
            background: #0b0b0b;
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-top: 0;
            border-radius: 0 0 7px 7px;
        }
        .nbt-tree-pane,
        .nbt-inspector {
            min-width: 0;
            min-height: 0;
        }
        .nbt-tree-pane {
            display: grid;
            grid-template-rows: auto minmax(0, 1fr);
            border-right: 1px solid rgba(255, 255, 255, 0.08);
        }
        .nbt-selection-path {
            min-width: 0;
            gap: 8px;
            min-height: 42px;
            padding: 7px 10px;
            background: #0f0f0f;
            border-bottom: 1px solid rgba(255, 255, 255, 0.07);
        }
        .nbt-selection-path > span {
            flex: 0 0 auto;
            color: #777;
            font-size: 10px;
            font-weight: 900;
            text-transform: uppercase;
        }
        .nbt-selection-path code {
            min-width: 0;
            flex: 1 1 auto;
            overflow: hidden;
            color: #cfcfcf;
            font-size: 11px;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        .nbt-tree {
            min-height: 0;
            overflow: auto;
            padding: 7px 7px 16px;
            outline: none;
            scrollbar-color: #3e3e3e #0b0b0b;
            scrollbar-width: thin;
        }
        .nbt-tree::-webkit-scrollbar,
        .nbt-inspector::-webkit-scrollbar {
            width: 10px;
            height: 10px;
        }
        .nbt-tree::-webkit-scrollbar-track,
        .nbt-inspector::-webkit-scrollbar-track {
            background: #0b0b0b;
        }
        .nbt-tree::-webkit-scrollbar-thumb,
        .nbt-inspector::-webkit-scrollbar-thumb {
            background: #383838;
            border: 2px solid #0b0b0b;
            border-radius: 8px;
        }
        .nbt-node {
            min-width: 0;
        }
        .nbt-node-head {
            position: relative;
            min-width: 0;
            gap: 6px;
            min-height: 31px;
            padding: 3px 7px 3px 2px;
            border: 1px solid transparent;
            border-radius: 5px;
            cursor: default;
            user-select: none;
        }
        .nbt-node-head:hover {
            background: rgba(255, 255, 255, 0.035);
        }
        .nbt-node-head.selected {
            background: rgba(255, 70, 85, 0.1);
            border-color: rgba(255, 70, 85, 0.32);
        }
        .nbt-node-head.search-match::after {
            content: '';
            position: absolute;
            inset: 2px;
            pointer-events: none;
            border: 1px solid rgba(255, 209, 102, 0.55);
            border-radius: 4px;
        }
        .nbt-toggle {
            display: inline-grid;
            place-items: center;
            width: 22px;
            height: 22px;
            flex: 0 0 22px;
            padding: 0;
            color: #777;
            background: transparent;
            border: 1px solid transparent;
            border-radius: 4px;
            cursor: pointer;
            transition: transform 120ms ease, color 120ms ease, background 120ms ease;
        }
        .nbt-toggle:hover {
            color: #fff;
            background: #1c1c1c;
            border-color: rgba(255, 255, 255, 0.1);
        }
        .nbt-toggle::before {
            content: '';
            width: 7px;
            height: 7px;
            border-right: 1.5px solid currentColor;
            border-bottom: 1.5px solid currentColor;
            transform: translateY(-2px) rotate(45deg);
            transition: transform 120ms ease;
        }
        .nbt-toggle.placeholder {
            visibility: hidden;
        }
        .nbt-node.collapsed > .nbt-children {
            display: none;
        }
        .nbt-node.collapsed > .nbt-node-head .nbt-toggle::before {
            transform: translateX(-2px) rotate(-45deg);
        }
        .nbt-type-icon {
            display: inline-grid;
            place-items: center;
            width: 21px;
            height: 21px;
            flex: 0 0 21px;
            color: #d8d8d8;
            background: #202020;
            border: 1px solid rgba(255, 255, 255, 0.13);
            border-radius: 4px;
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
            font-size: 9px;
            font-weight: 900;
        }
        .nbt-type-icon[data-type="compound"] { color: #ffd166; background: rgba(255, 209, 102, 0.08); border-color: rgba(255, 209, 102, 0.25); }
        .nbt-type-icon[data-type="list"] { color: #7bdff2; background: rgba(123, 223, 242, 0.08); border-color: rgba(123, 223, 242, 0.25); }
        .nbt-type-icon[data-type="string"] { color: #8bd450; background: rgba(139, 212, 80, 0.08); border-color: rgba(139, 212, 80, 0.25); }
        .nbt-type-icon[data-type$="Array"] { color: #c9a7ff; background: rgba(201, 167, 255, 0.08); border-color: rgba(201, 167, 255, 0.25); }
        .nbt-tree-label {
            min-width: 70px;
            overflow: hidden;
            color: #e7e7e7;
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
            font-size: 12px;
            font-weight: 750;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        .nbt-tree-separator {
            color: #555;
            font-size: 11px;
        }
        .nbt-tree-value {
            min-width: 0;
            overflow: hidden;
            color: #929292;
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
            font-size: 11px;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        .nbt-tree-type {
            margin-left: auto;
            color: #5f5f5f;
            font-size: 10px;
            white-space: nowrap;
        }
        .nbt-children {
            margin-left: 11px;
            padding-left: 10px;
            border-left: 1px solid rgba(255, 255, 255, 0.09);
        }
        .nbt-tree-limit {
            margin: 8px 4px;
            padding: 9px 10px;
            color: #d8b65c;
            background: rgba(255, 209, 102, 0.06);
            border-left: 2px solid rgba(255, 209, 102, 0.5);
            font-size: 11px;
        }
        .nbt-inspector {
            overflow: auto;
            padding: 18px;
            background: #0d0d0d;
            scrollbar-color: #3e3e3e #0b0b0b;
            scrollbar-width: thin;
        }
        .nbt-inspector-empty {
            display: grid;
            min-height: 100%;
            place-items: center;
            color: #777;
            font-size: 13px;
            text-align: center;
        }
        .nbt-inspector-heading {
            align-items: flex-start;
            gap: 10px;
            padding-bottom: 15px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        }
        .nbt-inspector-heading > div {
            min-width: 0;
            display: grid;
            gap: 4px;
        }
        .nbt-inspector-heading strong,
        .nbt-inspector-heading code {
            overflow-wrap: anywhere;
        }
        .nbt-inspector-heading code {
            color: #777;
            font-size: 11px;
        }
        .nbt-inspector-fields {
            display: grid;
            gap: 13px;
            padding: 17px 0;
        }
        .nbt-inspector-field {
            display: grid;
            gap: 7px;
        }
        .nbt-inspector-field > span {
            color: #8f8f8f;
            font-size: 11px;
            font-weight: 900;
            text-transform: uppercase;
        }
        .nbt-inspector input,
        .nbt-inspector textarea,
        .nbt-inspector select {
            width: 100%;
            color: #ededed;
            background: #141414;
            border: 1px solid rgba(255, 255, 255, 0.1);
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
            font-size: 12px;
        }
        .nbt-inspector textarea {
            min-height: 128px;
            resize: vertical;
        }
        .nbt-inspector-summary {
            margin: 0;
            color: #aaa;
            font-size: 13px;
        }
        .nbt-inspector-actions {
            flex-wrap: wrap;
            gap: 8px;
            padding-top: 14px;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
        }
        .nbt-child-creator {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(120px, 0.7fr) auto;
            gap: 8px;
            margin-top: 16px;
            padding-top: 16px;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
        }
        .nbt-child-creator .nbt-child-creator-title {
            grid-column: 1 / -1;
            margin: 0;
            color: #aaa;
            font-size: 11px;
            font-weight: 900;
            text-transform: uppercase;
        }
        .nbt-child-creator.list {
            grid-template-columns: minmax(140px, 1fr) auto;
        }
        .nbt-invalid {
            border-color: #ff4d4d !important;
            box-shadow: 0 0 0 2px rgba(255, 77, 77, 0.12);
        }
        .nbt-explorer[data-readonly="1"] .nbt-inspector input,
        .nbt-explorer[data-readonly="1"] .nbt-inspector textarea,
        .nbt-explorer[data-readonly="1"] .nbt-inspector select {
            pointer-events: none;
            opacity: 0.72;
        }
        .file-editor-head,
        .file-editor-actions {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
        }
        .file-editor-head > div:first-child {
            min-width: 0;
            display: grid;
            gap: 4px;
        }
        .file-editor-head span,
        .file-editor-actions span {
            color: #aaa;
            font-size: 12px;
            font-weight: 900;
            text-transform: uppercase;
        }
        .file-editor-head strong {
            color: #fff;
            overflow-wrap: anywhere;
        }
        .file-editor-head-actions {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            flex-wrap: wrap;
            gap: 8px;
            flex: 0 0 auto;
        }
        .file-editor-line-toggle {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            min-height: 34px;
            padding: 7px 10px;
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 6px;
            background: rgba(255, 255, 255, 0.04);
            cursor: pointer;
            user-select: none;
        }
        .file-editor-line-toggle:hover,
        .file-editor-line-toggle:focus-within {
            border-color: rgba(255, 77, 77, 0.45);
            background: rgba(255, 77, 77, 0.08);
        }
        .file-editor-form {
            margin-top: 0;
        }
        .file-editor-code {
            --editor-pad-top: 14px;
            --editor-pad-right: 14px;
            --editor-pad-bottom: 14px;
            --editor-pad-left: 14px;
            --editor-line-gutter-width: 52px;
            --editor-content-offset: 0px;
            --editor-scrollbar-width: 0px;
            position: relative;
            min-width: 0;
            min-height: 430px;
            overflow: hidden;
            background: #0c0c0c;
            border: 1px solid #333;
            border-radius: 6px;
        }
        .file-editor-code.line-numbers {
            --editor-content-offset: var(--editor-line-gutter-width);
        }
        .file-editor-lines {
            position: absolute;
            inset: 0 auto 0 0;
            z-index: 3;
            width: var(--editor-line-gutter-width);
            padding: var(--editor-pad-top) 10px var(--editor-pad-bottom) 0;
            overflow: hidden;
            border-right: 1px solid rgba(255, 255, 255, 0.08);
            background: #111;
            box-shadow: 8px 0 16px rgba(0, 0, 0, 0.16);
            color: #6f6f6f;
            font: 13px/1.55 Consolas, "Liberation Mono", monospace;
            text-align: right;
            pointer-events: none;
            user-select: none;
        }
        .file-editor-lines span {
            display: block;
            min-height: 1.55em;
            font: inherit;
        }
        .file-editor-code:not(.line-numbers) .file-editor-lines {
            display: none;
        }
        .file-editor-highlight,
        .file-editor-textarea {
            min-height: 430px;
            width: calc(100% - var(--editor-content-offset));
            margin: 0;
            padding: var(--editor-pad-top) var(--editor-pad-right) var(--editor-pad-bottom) var(--editor-pad-left);
            border: 0;
            border-radius: 0;
            font: 13px/1.55 Consolas, "Liberation Mono", monospace;
            tab-size: 4;
            white-space: pre-wrap;
            overflow-wrap: anywhere;
            word-break: break-word;
        }
        .file-editor-code.file-editor-nowrap .file-editor-highlight,
        .file-editor-code.file-editor-nowrap .file-editor-textarea {
            white-space: pre;
            overflow-wrap: normal;
            word-break: normal;
        }
        .file-editor-highlight {
            position: absolute;
            inset: 0 auto 0 var(--editor-content-offset);
            z-index: 1;
            width: calc(100% - var(--editor-content-offset) - var(--editor-scrollbar-width));
            overflow: hidden;
            color: #d8d8d8;
            background: transparent;
            pointer-events: none;
            opacity: 0;
        }
        .file-editor-highlight code {
            display: block;
            min-width: 0;
            font: inherit;
        }
        .file-editor-code.file-editor-nowrap .file-editor-highlight code {
            min-width: max-content;
        }
        .file-editor-code.highlight-ready .file-editor-highlight {
            opacity: 1;
        }
        .file-editor-textarea {
            position: relative;
            z-index: 2;
            display: block;
            margin-left: var(--editor-content-offset);
            overflow: auto;
            resize: vertical;
            background: #0c0c0c;
        }
        .file-editor-code.highlight-ready .file-editor-textarea {
            color: transparent;
            background: transparent;
            caret-color: #fff;
            -webkit-text-fill-color: transparent;
        }
        .file-editor-code.highlight-ready .file-editor-textarea::selection {
            background: rgba(255, 84, 84, 0.32);
        }
        .syntax-line {
            display: block;
            min-height: 1.55em;
        }
        .syntax-line.error {
            margin-left: calc(-1 * var(--editor-pad-left));
            margin-right: calc(-1 * var(--editor-pad-right));
            padding-left: var(--editor-pad-left);
            padding-right: var(--editor-pad-right);
            box-shadow: inset 2px 0 rgba(255, 77, 77, 0.8);
        }
        .syntax-error-token {
            padding: 0 1px;
            margin: 0 -1px;
            border-radius: 2px;
            background: rgba(255, 59, 59, 0.2);
            text-decoration: underline wavy #ff5f5f 1px;
            text-underline-offset: 3px;
        }
        .syntax-key { color: #79c7ff; }
        .syntax-string { color: #b8dc8b; }
        .syntax-number { color: #e5b8ff; }
        .syntax-boolean { color: #ff9f70; }
        .syntax-comment { color: #777; font-style: italic; }
        .syntax-punctuation { color: #ff7777; }
        .file-editor-diagnostics {
            text-align: right;
        }
        .file-editor-diagnostics.ok {
            color: #8ed39c;
        }
        .file-editor-diagnostics.error {
            color: #ff7777;
            cursor: pointer;
        }
        .file-editor-actions .file-editor-diagnostics {
            text-transform: none;
        }
        .file-explorer {
            margin-top: 14px;
            overflow: hidden;
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 8px;
            background: #101010;
        }
        .file-breadcrumb {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 7px;
            padding: 12px;
            background: #151515;
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
            color: #b8b8b8;
            font-size: 13px;
        }
        .file-breadcrumb a {
            color: #fff;
            font-weight: 800;
        }
        .file-breadcrumb span {
            color: #666;
        }
        .file-list {
            display: grid;
            margin-top: 0;
        }
        .file-row {
            display: grid;
            grid-template-columns: 30px minmax(230px, 1fr) 112px 170px;
            gap: 10px;
            align-items: center;
            min-height: 50px;
            padding: 10px 12px;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
            background: #101010;
            outline: none;
        }
        .file-row:first-child {
            border-top: 0;
        }
        .file-row:hover {
            background: #181818;
        }
        .file-row.selectable {
            cursor: default;
            user-select: none;
        }
        .file-row[draggable="true"] .file-name {
            cursor: grab;
        }
        .file-explorer.file-dragging .file-row,
        .file-explorer.file-dragging [data-file-drop-path] {
            transition: opacity 0.14s ease, filter 0.14s ease, background-color 0.14s ease, box-shadow 0.14s ease;
        }
        .file-row.file-drag-source {
            opacity: 0.48;
        }
        .file-explorer.file-dragging .file-row.file-drop-disabled,
        .file-explorer.file-dragging [data-file-drop-path].file-drop-disabled {
            opacity: 0.3;
            filter: grayscale(0.8);
            cursor: not-allowed;
        }
        .file-explorer.file-dragging .file-row.file-drop-available {
            background: #151515;
        }
        .file-explorer.file-dragging .file-breadcrumb a.file-drop-available {
            color: #ff9a9a;
        }
        .file-row.file-drop-target {
            background: rgba(255, 59, 59, 0.18);
            box-shadow: inset 0 0 0 2px rgba(255, 91, 91, 0.78);
        }
        .file-breadcrumb a.file-drop-target {
            color: #fff;
            background: rgba(255, 59, 59, 0.2);
            border-radius: 5px;
            box-shadow: 0 0 0 4px rgba(255, 59, 59, 0.2);
        }
        .file-drag-preview {
            position: fixed;
            z-index: 2147483600;
            display: grid;
            gap: 5px;
            width: min(310px, calc(100vw - 24px));
            padding: 8px;
            color: #fff;
            background: rgba(18, 18, 18, 0.97);
            border: 1px solid rgba(255, 91, 91, 0.72);
            border-radius: 7px;
            box-shadow: 0 16px 38px rgba(0, 0, 0, 0.52), 0 0 0 3px rgba(255, 59, 59, 0.12);
            pointer-events: none;
        }
        .file-drag-preview.native {
            top: 0;
            left: 0;
            transform: translate(-120%, -120%);
        }
        .file-drag-preview-entry {
            display: grid;
            grid-template-columns: 30px minmax(0, 1fr);
            gap: 8px;
            align-items: center;
            min-height: 34px;
            padding: 3px 8px 3px 3px;
            background: #202020;
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 5px;
            font-size: 12px;
            font-weight: 800;
        }
        .file-drag-preview-entry > span:last-child {
            min-width: 0;
            overflow-wrap: anywhere;
        }
        .file-drag-preview-entry .file-type-icon {
            width: 30px;
            height: 30px;
        }
        .file-drag-preview-count {
            position: absolute;
            top: -9px;
            right: -9px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 25px;
            height: 25px;
            padding: 0 6px;
            color: #fff;
            background: #ff3b3b;
            border: 2px solid #111;
            border-radius: 999px;
            font-size: 11px;
            line-height: 1;
        }
        body.file-touch-dragging {
            user-select: none;
            -webkit-user-select: none;
        }
        .file-row.selectable:focus-visible {
            box-shadow: inset 0 0 0 2px rgba(255, 59, 59, 0.42);
        }
        .file-row.selected {
            background: rgba(255, 59, 59, 0.15);
            box-shadow: inset 3px 0 0 #ff3b3b;
        }
        .file-row.file-empty {
            color: #aaa;
        }
        .file-select-dot {
            width: 18px;
            height: 18px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 0;
            border: 1px solid #444;
            border-radius: 50%;
            background: #0b0b0b;
            cursor: pointer;
            appearance: none;
        }
        .file-select-dot:hover,
        .file-select-dot:focus-visible {
            border-color: #ff6b6b;
            box-shadow: 0 0 0 3px rgba(255, 59, 59, 0.14);
            outline: none;
        }
        .file-row.selected .file-select-dot {
            border-color: #ff6b6b;
            background: #ff3b3b;
        }
        .file-row.selected .file-select-dot::after {
            content: "";
            width: 6px;
            height: 10px;
            border: solid #fff;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg) translateY(-1px);
        }
        .file-row.file-head {
            min-height: 38px;
            color: #aaa;
            background: #151515;
            font-size: 12px;
            font-weight: 800;
            text-transform: uppercase;
        }
        .file-row.file-nav-row {
            min-height: 46px;
            color: #bcbcbc;
            background: #141111;
            border-left: 3px solid #ff3b3b;
            text-decoration: none;
            cursor: pointer;
        }
        .file-row.file-nav-row:hover,
        .file-row.file-nav-row:focus-visible {
            color: #fff;
            background: #1c1515;
            box-shadow: inset 0 0 0 1px rgba(255, 59, 59, 0.18);
            outline: none;
        }
        .file-nav-icon {
            width: 28px;
            height: 28px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: #ff6b6b;
            background: rgba(255, 59, 59, 0.12);
            border: 1px solid rgba(255, 59, 59, 0.28);
            border-radius: 6px;
        }
        .file-nav-icon .icon {
            width: 16px;
            height: 16px;
        }
        .file-nav-label {
            color: #fff;
            font-size: 14px;
        }
        .file-nav-description {
            color: #a7a7a7;
            font-size: 12px;
            font-weight: 700;
        }
        .file-name {
            display: flex;
            align-items: center;
            gap: 10px;
            min-width: 0;
            color: #fff;
            font-weight: 800;
        }
        .file-name:hover {
            color: #fff;
        }
        .file-type-icon {
            width: 28px;
            height: 28px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 28px;
            border-radius: 6px;
            color: #fff;
            background: rgba(255, 59, 59, 0.16);
            font-size: 14px;
            font-weight: 900;
        }
        .file-type-icon .icon {
            width: 16px;
            height: 16px;
        }
        .file-type-icon.file {
            background: rgba(255, 255, 255, 0.1);
        }
        .file-type-icon.file-type-image {
            color: #ff7078;
            background: rgba(255, 70, 85, 0.14);
        }
        .file-type-icon.file-type-json {
            color: #f4cf65;
            background: rgba(244, 207, 101, 0.14);
        }
        .file-type-icon.file-type-yaml {
            color: #f07c94;
            background: rgba(240, 124, 148, 0.14);
        }
        .file-type-icon.file-type-config {
            color: #8da8ff;
            background: rgba(111, 143, 255, 0.15);
        }
        .file-type-icon.file-type-code {
            color: #63b3ff;
            background: rgba(76, 159, 255, 0.15);
        }
        .file-type-icon.file-type-script {
            color: #69dc9d;
            background: rgba(72, 199, 130, 0.14);
        }
        .file-type-icon.file-type-package {
            color: #ff9061;
            background: rgba(255, 126, 70, 0.14);
        }
        .file-type-icon.file-type-archive {
            color: #e0b46c;
            background: rgba(211, 156, 66, 0.14);
        }
        .file-type-icon.file-type-database {
            color: #55d1c8;
            background: rgba(52, 190, 180, 0.14);
        }
        .file-type-icon.file-type-log {
            color: #a8b0bd;
            background: rgba(148, 158, 173, 0.13);
        }
        .file-type-icon.file-type-text {
            color: #d6d9df;
            background: rgba(214, 217, 223, 0.1);
        }
        .file-type-icon.file-type-audio {
            color: #ef82b9;
            background: rgba(229, 86, 160, 0.14);
        }
        .file-type-icon.file-type-video {
            color: #ff7777;
            background: rgba(255, 91, 91, 0.14);
        }
        .file-type-icon.file-type-secure {
            color: #ebbc5f;
            background: rgba(227, 170, 56, 0.14);
        }
        .file-type-icon.file-type-binary {
            color: #bc98ef;
            background: rgba(158, 112, 221, 0.14);
        }
        .file-type-icon.file-type-generic {
            color: #c4c8d0;
        }
        .file-row strong,
        .file-row span {
            min-width: 0;
            overflow-wrap: anywhere;
        }
        .backup-top {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(280px, 0.7fr);
            gap: 12px;
            margin-top: 14px;
        }
        .backup-create-form {
            display: grid;
            grid-template-columns: minmax(0, 1fr);
            align-items: center;
            gap: 10px;
            margin-top: 0;
            padding: 12px;
            background: #101010;
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 8px;
        }
        .backup-create-form .btn {
            width: 100%;
        }
        .backup-storage-box {
            display: grid;
            gap: 10px;
            min-width: 0;
            padding: 12px;
            background: #101010;
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 8px;
        }
        .backup-storage-box div:first-child {
            display: flex;
            align-items: baseline;
            justify-content: space-between;
            gap: 12px;
        }
        .backup-storage-box span {
            color: #aaa;
            font-size: 12px;
            font-weight: 900;
            text-transform: uppercase;
        }
        .backup-storage-box strong {
            color: #fff;
            font-size: 14px;
            text-align: right;
            overflow-wrap: anywhere;
        }
        .backup-storage-addon {
            display: grid;
            gap: 14px;
            margin-top: 16px;
            padding: 16px;
            background: #101010;
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 8px;
        }
        .backup-storage-addon h3,
        .backup-storage-addon p {
            margin: 0;
        }
        .backup-storage-addon p {
            color: #aaa;
            font-size: 13px;
            line-height: 1.55;
        }
        .backup-storage-upgrade-link {
            grid-template-columns: minmax(0, 1fr) auto;
            align-items: center;
        }
        .addon-order-layout > .member-card {
            align-self: start;
        }
        .addon-order-layout .eyebrow {
            margin-bottom: 8px;
        }
        .addon-port-list {
            display: flex;
            flex-wrap: wrap;
            gap: 7px;
            margin-top: 14px;
        }
        .addon-port-list > span {
            padding: 6px 9px;
            background: #0d0d0d;
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 6px;
            color: #fff;
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
            font-size: 12px;
        }
        .overview-addon-actions {
            min-width: 0;
            display: inline-flex;
            align-items: center;
            justify-content: flex-end;
            gap: 7px;
            margin-left: auto;
        }
        .overview-addon-actions .copy-value {
            margin-left: 0;
        }
        .icon-action {
            width: 34px;
            min-width: 34px;
            height: 34px;
            padding: 0;
        }
        .icon-action .icon {
            width: 17px;
            height: 17px;
        }
        .config-addon-row {
            min-width: 0;
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            align-items: center;
            gap: 14px;
            padding: 13px;
            background: #101010;
            border: 1px solid rgba(255, 255, 255, 0.09);
            border-radius: 7px;
        }
        .config-addon-copy {
            min-width: 0;
            display: grid;
            gap: 4px;
        }
        .config-addon-copy > strong {
            color: #fff;
            font-size: 14px;
        }
        .config-addon-copy > small {
            color: #9f9f9f;
            line-height: 1.45;
            overflow-wrap: anywhere;
        }
        .addon-quantity-control {
            display: inline-grid;
            grid-template-columns: 36px minmax(76px, 88px) 36px 36px;
            align-items: center;
            gap: 5px;
        }
        .addon-quantity-control button {
            width: 36px;
            height: 36px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 0;
            background: #1a1a1a;
            border: 1px solid rgba(255, 255, 255, 0.11);
            border-radius: 6px;
            color: #fff;
            cursor: pointer;
        }
        .addon-quantity-control button:hover:not(:disabled) {
            border-color: rgba(255, 70, 85, 0.55);
            color: #ff5b68;
        }
        .addon-quantity-control button:disabled {
            opacity: 0.35;
            cursor: not-allowed;
        }
        .addon-quantity-control button.addon-remove {
            color: #ff6975;
        }
        .addon-quantity-control .icon {
            width: 17px;
            height: 17px;
        }
        .addon-quantity-control input {
            width: 100%;
            height: 36px;
            padding: 6px 7px;
            text-align: center;
            -moz-appearance: textfield;
        }
        .addon-quantity-input {
            position: relative;
            min-width: 0;
        }
        .addon-quantity-input input {
            padding-right: 31px;
        }
        .addon-quantity-control input::-webkit-inner-spin-button,
        .addon-quantity-control input::-webkit-outer-spin-button {
            margin: 0;
            -webkit-appearance: none;
        }
        .addon-quantity-unit {
            position: absolute;
            top: 50%;
            right: 10px;
            transform: translateY(-50%);
            color: #aaa;
            font-size: 12px;
            font-weight: 800;
            line-height: 1;
            pointer-events: none;
        }
        .readonly-addon-row {
            border-style: dashed;
        }
        .price-preview-lines [data-price-addon-row] {
            padding-bottom: 8px;
            border-bottom: 1px dashed rgba(255, 255, 255, 0.09);
        }
        @media (max-width: 620px) {
            .backup-storage-upgrade-link,
            .config-addon-row {
                grid-template-columns: minmax(0, 1fr);
                align-items: stretch;
            }
            .backup-storage-upgrade-link .btn {
                width: 100%;
            }
            .addon-quantity-control {
                grid-template-columns: 36px minmax(76px, 1fr) 36px 36px;
            }
            .overview-addon-actions {
                width: 100%;
                justify-content: flex-start;
                margin-left: 0;
            }
        }
        .backup-list {
            display: grid;
            margin-top: 14px;
            overflow: hidden;
            background: #101010;
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 8px;
        }
        .backup-row {
            display: grid;
            grid-template-columns: minmax(260px, 1fr) 120px 170px minmax(260px, auto);
            gap: 10px;
            align-items: center;
            min-height: 56px;
            padding: 10px 12px;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
        }
        .backup-row:first-child {
            border-top: 0;
        }
        .backup-row.backup-head {
            min-height: 38px;
            color: #aaa;
            background: #151515;
            font-size: 12px;
            font-weight: 800;
            text-transform: uppercase;
        }
        .backup-name {
            display: flex;
            align-items: center;
            gap: 10px;
            min-width: 0;
            color: #fff;
            font-weight: 900;
        }
        .backup-row > span,
        .backup-name strong {
            min-width: 0;
            overflow-wrap: anywhere;
        }
        .backup-row > span {
            color: #cfcfcf;
            font-size: 13px;
        }
        .backup-actions {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-end;
            gap: 8px;
        }
        .backup-action-form {
            margin: 0;
        }
        .config-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 12px;
        }
        .admin-section-nav {
            display: flex;
            gap: 4px;
            width: 100%;
            padding: 5px;
            overflow-x: auto;
            background: #181818;
            border: 1px solid rgba(255, 255, 255, 0.09);
            border-radius: 8px;
            scrollbar-width: thin;
        }
        .admin-section-nav a {
            flex: 0 0 auto;
            padding: 10px 14px;
            color: #bcbcbc;
            border-radius: 6px;
            font-size: 13px;
            font-weight: 850;
            text-decoration: none;
            transition: color 0.18s ease, background 0.18s ease;
        }
        .admin-section-nav a:hover {
            color: #fff;
            background: #242424;
        }
        .admin-section-nav a.active {
            color: #fff;
            background: #343434;
            box-shadow: inset 0 -2px #ff4848;
        }
        .admin-catalog-layout,
        .admin-config-stack,
        .admin-config-form {
            display: grid;
            gap: 18px;
        }
        .admin-config-heading,
        .admin-tier-heading,
        .admin-config-block > summary {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 14px;
        }
        .admin-config-heading p,
        .admin-tier-heading span,
        .admin-config-block > summary small {
            display: block;
            margin: 4px 0 0;
            color: #999;
            font-size: 12px;
        }
        .admin-setting-band {
            display: grid;
            gap: 12px;
            padding: 15px 0;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        }
        .admin-check-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(min(190px, 100%), 1fr));
            gap: 8px;
        }
        .admin-config-stack {
            margin-top: 16px;
            gap: 0;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
        }
        .admin-config-block {
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }
        .admin-config-block > summary {
            min-height: 66px;
            padding: 12px 4px;
            list-style: none;
            cursor: pointer;
        }
        .admin-config-block > summary::-webkit-details-marker {
            display: none;
        }
        .admin-config-block > summary::after {
            content: '+';
            width: 28px;
            color: #999;
            font-size: 22px;
            text-align: center;
        }
        .admin-config-block[open] > summary::after {
            content: '-';
        }
        .admin-config-block > summary > span:first-child {
            min-width: 0;
        }
        .admin-config-block > summary strong,
        .admin-config-block > summary small {
            overflow-wrap: anywhere;
        }
        .admin-config-form {
            padding: 14px 4px 22px;
            border-top: 1px solid rgba(255, 255, 255, 0.06);
        }
        .admin-config-delete {
            display: flex;
            justify-content: flex-end;
            padding: 0 4px 18px;
        }
        .admin-tier-heading {
            align-items: flex-end;
            padding-top: 8px;
        }
        .admin-tier-heading > div {
            min-width: 0;
        }
        .admin-tier-table input {
            min-width: 94px;
            width: 100%;
            padding: 7px 8px;
            font-size: 12px;
        }
        .admin-tier-table th:nth-child(2),
        .admin-tier-table td:nth-child(2) {
            min-width: 230px;
        }
        .admin-tier-table th:last-child,
        .admin-tier-table td:last-child {
            width: 42px;
            min-width: 42px;
        }
        .admin-metric-grid {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 12px;
        }
        .admin-metric {
            min-width: 0;
            padding: 17px 18px;
            background: #1d1d1d;
            border: 1px solid rgba(255, 255, 255, 0.09);
            border-radius: 8px;
        }
        .admin-metric span {
            display: block;
            color: #a9a9a9;
            font-size: 12px;
            font-weight: 800;
        }
        .admin-metric strong {
            display: block;
            margin-top: 9px;
            color: #f5f5f5;
            font-size: 26px;
            line-height: 1.1;
            overflow-wrap: anywhere;
        }
        .admin-metric.negative strong { color: #ff7070; }
        .admin-card-head,
        .admin-user-heading,
        .admin-finance-toolbar {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 18px;
        }
        .admin-card-head > div:first-child,
        .admin-user-heading > div:first-child,
        .admin-finance-toolbar > div:first-child { min-width: 0; }
        .admin-card-head p,
        .admin-finance-toolbar p { margin-top: 5px; }
        .admin-month-form,
        .admin-user-search {
            display: flex;
            align-items: end;
            gap: 8px;
            flex: 0 0 auto;
        }
        .admin-month-form label {
            align-self: center;
            color: #aaa;
            font-size: 12px;
            font-weight: 800;
        }
        .admin-month-form input,
        .admin-user-search input {
            min-height: 38px;
            padding: 8px 10px;
            color: #fff;
            background: #121212;
            border: 1px solid rgba(255, 255, 255, 0.14);
            border-radius: 6px;
        }
        .admin-user-search select {
            width: auto;
            max-width: 230px;
            min-height: 38px;
            padding: 8px 32px 8px 10px;
            flex: 0 1 230px;
        }
        .admin-month-form .btn { white-space: nowrap; }
        .admin-user-search input { width: min(300px, 42vw); }
        .admin-chart-card { overflow: hidden; }
        .admin-chart-legend {
            display: flex;
            flex-wrap: wrap;
            gap: 16px;
            margin-top: 18px;
            color: #bdbdbd;
            font-size: 12px;
            font-weight: 800;
        }
        .admin-chart-legend span {
            display: inline-flex;
            align-items: center;
            gap: 7px;
        }
        .admin-chart-legend span::before {
            width: 9px;
            height: 9px;
            border-radius: 50%;
            background: #ff5454;
            content: '';
        }
        .admin-chart-legend .spending::before { background: #5dd7cf; }
        .admin-chart-legend .costs::before { background: #f0bf5a; }
        .admin-chart-legend .revenue::before { background: #79b8ff; }
        .admin-chart {
            position: relative;
            width: 100%;
            height: 320px;
            margin-top: 8px;
            overflow: hidden;
        }
        .admin-chart canvas {
            display: block;
            width: 100%;
            height: 100%;
        }
        .admin-chart-tooltip {
            position: absolute;
            z-index: 3;
            width: max-content;
            max-width: 230px;
            padding: 9px 11px;
            pointer-events: none;
            color: #eee;
            background: rgba(12, 12, 12, 0.96);
            border: 1px solid rgba(255, 255, 255, 0.15);
            border-radius: 6px;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.35);
            font-size: 12px;
            line-height: 1.55;
        }
        .admin-chart-tooltip strong { color: #fff; }
        .admin-insight-grid,
        .admin-user-grid,
        .admin-finance-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 14px;
        }
        .admin-user-heading {
            padding: 6px 2px 0;
        }
        .admin-user-heading span {
            color: #aaa;
            font-size: 12px;
            font-weight: 800;
            text-transform: uppercase;
        }
        .admin-user-heading h2 {
            margin-top: 3px;
            color: #fff;
            font-size: 24px;
        }
        .admin-table-subline {
            display: block;
            margin-top: 4px;
            color: #929292;
            font-size: 11px;
            line-height: 1.45;
            white-space: nowrap;
        }
        .admin-support-panel { overflow: hidden; }
        .admin-support-list {
            margin-top: 20px;
            border-top: 1px solid rgba(255, 255, 255, 0.09);
        }
        .admin-support-entry {
            border-bottom: 1px solid rgba(255, 255, 255, 0.09);
        }
        .admin-support-entry > summary {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(220px, auto) 12px;
            align-items: center;
            gap: 18px;
            min-height: 76px;
            padding: 14px 2px;
            cursor: pointer;
            list-style: none;
        }
        .admin-support-entry > summary::-webkit-details-marker { display: none; }
        .admin-support-entry > summary::after {
            width: 8px;
            height: 8px;
            border-right: 2px solid #8f8f8f;
            border-bottom: 2px solid #8f8f8f;
            content: '';
            transform: rotate(45deg);
            transition: transform 0.16s ease, border-color 0.16s ease;
        }
        .admin-support-entry[open] > summary::after {
            border-color: #ff5a5a;
            transform: rotate(225deg);
        }
        .admin-support-reference,
        .admin-support-error {
            display: flex;
            min-width: 0;
            flex-direction: column;
            gap: 5px;
        }
        .admin-support-reference code {
            color: #fff;
            font-size: 14px;
            font-weight: 850;
            overflow-wrap: anywhere;
        }
        .admin-support-reference span,
        .admin-support-error time {
            color: #8f8f8f;
            font-size: 11px;
            font-weight: 750;
        }
        .admin-support-error { align-items: flex-end; text-align: right; }
        .admin-support-error strong {
            color: #ff7777;
            font-size: 13px;
            overflow-wrap: anywhere;
        }
        .admin-support-body {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
            gap: 22px;
            padding: 18px 2px 22px;
            border-top: 1px solid rgba(255, 255, 255, 0.06);
        }
        .admin-support-details,
        .admin-support-context dl {
            display: grid;
            gap: 10px;
            margin: 0;
        }
        .admin-support-details > div,
        .admin-support-context dl > div {
            display: grid;
            grid-template-columns: minmax(110px, 0.42fr) minmax(0, 1fr);
            align-items: start;
            gap: 12px;
        }
        .admin-support-details dt,
        .admin-support-context dt {
            color: #8f8f8f;
            font-size: 11px;
            font-weight: 800;
        }
        .admin-support-details dd,
        .admin-support-context dd {
            min-width: 0;
            margin: 0;
            color: #e7e7e7;
            font-size: 12px;
            overflow-wrap: anywhere;
        }
        .admin-support-details dd > span {
            display: block;
            margin-top: 3px;
            color: #858585;
            font-size: 10px;
        }
        .admin-support-details code,
        .admin-support-context code {
            white-space: normal;
            overflow-wrap: anywhere;
        }
        .admin-support-details .copy-value { max-width: 100%; }
        .admin-support-context {
            display: grid;
            align-content: start;
            gap: 12px;
            min-width: 0;
        }
        .admin-support-context > strong { color: #fff; font-size: 13px; }
        .admin-support-context .btn { justify-self: start; }
        @media (max-width: 760px) {
            .admin-support-entry > summary {
                grid-template-columns: minmax(0, 1fr) 12px;
                gap: 10px;
            }
            .admin-support-error {
                grid-column: 1;
                align-items: flex-start;
                text-align: left;
            }
            .admin-support-entry > summary::after {
                grid-column: 2;
                grid-row: 1 / span 2;
            }
            .admin-support-body { grid-template-columns: minmax(0, 1fr); }
            .admin-support-details > div,
            .admin-support-context dl > div {
                grid-template-columns: minmax(90px, 0.4fr) minmax(0, 1fr);
            }
        }
        .admin-security-actions {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 8px;
            margin-top: 12px;
        }
        .admin-credential-flash {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 18px;
            width: 100%;
            padding: 14px 16px;
            color: #fff;
            background: #202018;
            border: 1px solid rgba(240, 191, 90, 0.42);
            border-radius: 8px;
        }
        .admin-credential-flash > div:first-child { min-width: 0; }
        .admin-credential-flash strong,
        .admin-credential-flash span { display: block; }
        .admin-credential-flash span {
            margin-top: 4px;
            color: #c6c2ad;
            font-size: 12px;
        }
        .admin-credential-flash .copy-value { flex: 0 1 430px; }
        .admin-finance-toolbar {
            padding: 8px 2px 2px;
            color: #fff;
        }
        .admin-finance-actions {
            display: flex;
            align-items: end;
            justify-content: flex-end;
            gap: 9px;
            flex: 0 0 auto;
        }
        .admin-ratio-list {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-end;
            gap: 8px;
        }
        .admin-ratio-list span {
            padding: 7px 9px;
            color: #aaa;
            background: #171717;
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 6px;
            font-size: 12px;
        }
        .admin-ratio-list strong { color: #fff; }
        .compact-form { margin-top: 12px; }
        .security-forced { grid-template-columns: minmax(0, 680px); }
        .admin-node-grid {
            display: grid;
            grid-template-columns: minmax(0, 1fr);
            gap: 14px;
            margin-top: 14px;
        }
        .admin-node-allocation {
            margin-top: 14px;
        }
        .admin-allocation-section {
            display: grid;
            gap: 10px;
        }
        .admin-allocation-heading {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
        }
        .admin-allocation-heading > div {
            min-width: 0;
        }
        .admin-allocation-heading strong,
        .admin-allocation-heading span {
            display: block;
        }
        .admin-allocation-heading span {
            margin-top: 3px;
            color: #999;
            font-size: 12px;
        }
        .admin-allocation-list {
            display: grid;
            gap: 8px;
        }
        .admin-allocation-row {
            display: grid;
            grid-template-columns: minmax(150px, 1fr) minmax(180px, 1.15fr) 110px 110px 42px;
            gap: 8px;
            align-items: end;
            padding: 10px;
            background: #151515;
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 7px;
        }
        .admin-allocation-row.dedicated {
            grid-template-columns: minmax(150px, 1fr) minmax(180px, 1.15fr) 42px;
        }
        .admin-allocation-row .field,
        .admin-allocation-row input {
            min-width: 0;
        }
        .admin-allocation-remove {
            width: 42px;
            min-width: 42px;
            padding: 0;
        }
        .admin-payment-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 14px;
            margin-top: 14px;
        }
        .payment-provider-form {
            gap: 12px;
        }
        .server-discord-requirement {
            display: grid;
            grid-template-columns: auto minmax(0, 1fr) auto;
            align-items: center;
            gap: 12px;
            padding: 13px 14px;
            border: 1px solid rgba(88, 101, 242, 0.38);
            border-radius: 8px;
            background: rgba(88, 101, 242, 0.1);
        }
        .server-discord-requirement[hidden] { display: none; }
        .server-discord-requirement.unresolved { border-color: rgba(240, 191, 90, 0.48); }
        .server-discord-icon {
            display: inline-grid;
            place-items: center;
            width: 36px;
            height: 36px;
            color: #fff;
            background: #5865f2;
            border-radius: 7px;
        }
        .server-discord-icon .icon { width: 19px; height: 19px; }
        .server-discord-requirement strong { color: #fff; }
        .server-discord-requirement p { margin: 3px 0 0; color: #aaa; font-size: 13px; }
        .donation-grid {
            display: grid;
            grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
            gap: 32px;
            padding-bottom: 16px;
            align-items: start;
        }
        .donation-grid > *, .donation-manage > * { min-width: 0; }
        .donation-site {
            width: 100%; max-width: var(--donation-width, 1040px); margin: 0 auto;
            padding: var(--donation-spacing, 28px); color: var(--donation-text, #f5f5f5);
            background: var(--donation-background, #151518); overflow-wrap: anywhere;
        }
        .donation-site .member-card { padding: 24px; background: var(--donation-surface); border-radius: var(--donation-radius); color: var(--donation-text); box-shadow: none; }
        .donation-site .donation-hero {
            display: grid;
            justify-items: start;
            gap: 12px;
            padding: 24px 0 32px;
            text-align: inherit;
        }
        .donation-site .donation-hero h1 { margin: 0; font-size: 36px; line-height: 1.18; }
        .donation-site .donation-hero .eyebrow { margin: 0; }
        .donation-site .donation-hero .lead { margin: 0; line-height: 1.55; }
        .donation-site .donation-hero .donation-description { margin: 0; }
        .donation-recipient { display: flex; flex-wrap: wrap; gap: 8px 24px; max-width: 100%; padding: 4px 0; color: var(--donation-muted); }
        .donation-recipient > div { display: flex; flex-wrap: wrap; gap: 4px 8px; min-width: 0; max-width: 100%; }
        .donation-recipient dt, .donation-recipient dd { font-size: 12px; font-weight: 400; line-height: 1.5; overflow-wrap: anywhere; }
        .donation-recipient code { color: inherit; font-size: 12px; }
        .donation-align-center .donation-recipient { justify-content: center; }
        .donation-site h1, .donation-site h2, .donation-site h3, .donation-site .field label { color: var(--donation-text); }
        .donation-site .lead, .donation-site .field-help, .donation-site .donation-details p, .donation-site .member-card p { color: var(--donation-muted); }
        .donation-site .eyebrow, .donation-site a:not(.btn) { color: var(--donation-link-background); }
        .donation-site .member-card a:not(.btn) { color: var(--donation-link-surface); }
        .donation-site .btn:not(.secondary) { background: var(--donation-accent); border: 1px solid var(--donation-button-border, var(--donation-accent)); color: var(--donation-button-text); border-radius: var(--donation-radius); }
        .donation-site input, .donation-site select, .donation-site textarea { background: var(--donation-background); color: var(--donation-text); border-color: var(--donation-field-border); border-radius: var(--donation-radius); box-shadow: none; }
        .donation-site :is(input, select, textarea, button, a, summary):focus-visible { outline: 2px solid var(--donation-text); outline-offset: 3px; }
        .donation-site .donation-grid .input-unit > span, .donation-site .donation-description { color: var(--donation-muted); }
        .donation-site .donation-consent { color: var(--donation-text); }
        .donation-site .notice { color: var(--donation-text); background: var(--donation-surface); border-color: var(--donation-field-border); }
        .donation-site .donation-grid > .member-card > .notice { margin: 16px 0 0; }
        .donation-site .check-row input[type="checkbox"] { border-color: var(--donation-field-border); background-color: var(--donation-background); box-shadow: none; }
        .donation-site .check-row input[type="checkbox"]:checked { position: relative; background-color: var(--donation-accent); background-image: none; border-color: var(--donation-button-border, var(--donation-accent)); }
        .donation-site .check-row input[type="checkbox"]:checked::after { content: ""; position: absolute; top: 2px; left: 6px; width: 5px; height: 10px; border: solid var(--donation-button-text); border-width: 0 2px 2px 0; transform: rotate(45deg); }
        .donation-site .human-check { color: var(--donation-text); background: var(--donation-background); border-color: var(--donation-field-border); border-radius: var(--donation-radius); box-shadow: none; }
        .donation-site .human-check-box { background: var(--donation-background); border-color: var(--donation-field-border); }
        .donation-site .human-check:hover .human-check-box { border-color: var(--donation-field-border); box-shadow: none; }
        .donation-site .captcha-widget.verified .human-check-box { background: var(--donation-accent); border-color: var(--donation-button-border, var(--donation-accent)); }
        .donation-site .captcha-widget.verified .human-check-box::after { border-color: var(--donation-button-text); }
        .donation-site .captcha-widget.solving .human-check-box::before { border-color: var(--donation-field-border); border-top-color: var(--donation-text); }
        .donation-site .captcha-modal { --donation-background: #151515; --donation-surface: #212127; --donation-text: #f5f5f5; --donation-muted: #b1b1b8; --donation-accent: #d93244; --donation-button-text: #ffffff; --donation-button-border: #d93244; --donation-field-border: #777777; --donation-link-surface: #ff6673; }
        .donation-site .donation-total { border-color: var(--donation-accent); }
        .donation-site .donation-total strong { color: var(--donation-text); white-space: nowrap; font-variant-numeric: tabular-nums; }
        .donation-site .captcha-widget { margin-bottom: 4px; }
        .donation-checkout-preview { display: contents; border: 0; }
        .donation-checkout-preview :is(input, select, textarea) { opacity: 1; }
        .donation-font-serif { font-family: Georgia, serif; }
        .donation-font-mono { font-family: ui-monospace, monospace; }
        .donation-align-center .donation-hero { justify-items: center; text-align: center; }
        .donation-layout-centered .donation-grid, .donation-layout-compact .donation-grid { grid-template-columns: minmax(0, 1fr); max-width: 620px; margin-inline: auto; }
        .donation-layout-compact { max-width: 640px; }
        .donation-layout-compact .donation-hero { padding: 16px 0; }
        .donation-banner { display: block; width: 100%; max-height: 360px; aspect-ratio: 4 / 1; object-fit: cover; border-radius: var(--donation-radius); }
        .donation-avatar { display: block; width: 128px; height: 128px; object-fit: contain; border-radius: var(--donation-radius); margin-bottom: 4px; }
        .donation-manage { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 18px; align-items: start; }
        .donation-manage > * { min-width: 0; }
        .donation-manage .field-help { line-height: 1.55; }
        .donation-editor .balance-form { margin: 0; gap: 0; }
        .donation-editor-section { min-width: 0; padding: 0 0 24px; margin: 0 0 24px; border: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.08); display: grid; gap: 16px; }
        .donation-editor-section legend { width: 100%; margin-bottom: 16px; color: #fff; font-size: 18px; font-weight: 750; }
        .donation-editor .form-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
        .donation-editor .form-grid:not(.donation-image-fields) .field > label { display: flex; align-items: flex-end; min-height: 40px; }
        .donation-editor .donation-image-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        .donation-editor-actions { display: flex; justify-content: flex-end; }
        .donation-preview-pane { position: sticky; top: 102px; padding-block: 18px; }
        .donation-preview-header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
        .donation-preview-pane h2 { color: #fff; font-size: 20px; line-height: 1.2; }
        .donation-link-section { margin-top: 24px; padding-top: 24px; border-top: 1px solid rgba(255, 255, 255, 0.08); }
        .donation-link-section > .field-help { margin-top: 12px; }
        .donation-manage .input-unit { position: relative; }
        .donation-manage .input-unit input { padding-right: 40px; }
        .donation-manage .input-unit > span { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); color: #aaa; pointer-events: none; }
        .donation-vanity-control { display: flex; align-items: center; gap: 8px; min-width: 0; }
        .donation-vanity-control > span { flex: 0 0 auto; color: #aaa; font-size: 14px; }
        .donation-vanity-control input { min-width: 0; flex: 1; }
        .donation-color-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
        .donation-color-control { display: flex; align-items: center; gap: 10px; min-width: 0; }
        .donation-color-field input[type="color"] { width: 48px; height: 44px; min-height: 44px; padding: 4px; flex: 0 0 48px; cursor: pointer; }
        .donation-color-control output { color: #aaa; font-size: 13px; font-variant-numeric: tabular-nums; }
        .donation-color-field.has-contrast-error input { outline: 2px solid #ff3b3b; outline-offset: 2px; }
        .donation-presets { display: flex; flex-wrap: wrap; gap: 10px; }
        .donation-preset { gap: 10px; }
        .donation-preset-swatches { display: flex; }
        .donation-preset-swatches i { width: 16px; height: 20px; border: 1px solid #777; }
        .donation-contrast { padding: 12px 0 0; border-top: 1px solid rgba(255, 255, 255, 0.08); color: #b8b8b8; font-size: 13px; line-height: 1.5; }
        .donation-contrast.is-invalid, .donation-contrast.is-invalid p { color: #ffd2d2; }
        .donation-contrast ul { padding-left: 20px; margin-top: 8px; }
        .donation-more { margin-top: 16px; }
        .donation-more summary { display: list-item; padding: 10px 0; min-height: 44px; color: inherit; cursor: pointer; font-size: 14px; font-weight: 650; }
        .donation-more summary:hover { text-decoration: underline; }
        .donation-recipient-info { margin-top: 24px; color: var(--donation-muted); }
        .donation-recipient-info summary { font-size: 12px; font-weight: 400; }
        .donation-image-thumb { display: block; width: 100%; max-width: 180px; height: 90px; object-fit: contain; margin-bottom: 10px; }
        .donation-preview { display: block; width: 100%; height: 720px; max-width: 100%; margin: 12px auto 0; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 8px; background: #151515; }
        .donation-preview.is-mobile { width: 375px; }
        .donation-preview-tools { flex-wrap: wrap; }
        .donation-preview-tools .btn { min-height: 36px; }
        @media (max-width: 1100px) { .donation-manage { grid-template-columns: minmax(0, 1fr); } .donation-preview-pane { position: static; } }
        @media (max-width: 650px) { .donation-editor .form-grid { grid-template-columns: minmax(0, 1fr); } .donation-editor .form-grid:not(.donation-image-fields) .field > label { min-height: 0; } }
        @media (max-width: 480px) {
            .donation-site { padding: min(16px, var(--donation-spacing, 16px)); }
            .donation-site .donation-hero h1 { font-size: 30px; }
            .donation-site .member-card { padding: 18px; }
            .donation-color-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
            .donation-manage .form-grid { grid-template-columns: minmax(0, 1fr); }
            .donation-preview { height: 640px; }
        }
        .donation-hero h1, .donation-description { overflow-wrap: anywhere; }
        .donation-description { color: #bbb; line-height: 1.65; max-width: 720px; }
        .donation-details { padding: 20px 0; }
        .donation-details h2 { font-size: 22px; margin: 0 0 14px; }
        .donation-details p { color: #bbb; line-height: 1.65; }
        .donation-consent { font-weight: 400; line-height: 1.6; }
        .donation-consent a { color: #ff6969; text-decoration: underline; }
        .donation-grid .input-unit { position: relative; }
        .donation-grid .input-unit input { width: 100%; padding-right: 62px; }
        .donation-grid .input-unit > span {
            position: absolute; right: 16px; top: 50%; transform: translateY(-50%);
            color: #aaa; pointer-events: none; font-size: 13px;
        }
        .donation-total {
            display: flex; align-items: baseline; justify-content: space-between; gap: 16px;
            padding-top: 16px; border-top: 1px solid #333;
        }
        .donation-total strong { font-size: 24px; color: #fff; }
        .donation-manage .copy-value { margin: 16px 0; }
        .donation-manage .copy-value-text { overflow-wrap: anywhere; word-break: break-all; }
        .donation-result { margin-bottom: 48px; }
        @media (max-width: 720px) {
            .donation-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
            .donation-grid .btn { min-height: 44px; }
        }
        .preferences-grid,
        .integration-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 14px;
        }
        .discord-account-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 14px;
            margin-bottom: 14px;
        }
        .discord-account-head > * {
            min-width: 0;
            max-width: 100%;
        }
        .discord-account-head h2 {
            overflow-wrap: anywhere;
        }
        .discord-identity {
            display: grid;
            grid-template-columns: 42px minmax(0, 1fr);
            align-items: center;
            gap: 11px;
            padding: 12px;
            margin: 14px 0;
            border: 1px solid rgba(255, 255, 255, 0.09);
            border-radius: 8px;
            background: #111;
        }
        .discord-identity-mark {
            display: grid;
            place-items: center;
            width: 42px;
            height: 42px;
            color: #fff;
            background: #5865f2;
            border-radius: 7px;
        }
        .discord-identity-mark .icon { width: 21px; height: 21px; }
        .discord-identity strong,
        .discord-identity span { display: block; overflow-wrap: anywhere; }
        .discord-identity span { margin-top: 2px; color: #929292; font-size: 12px; }
        .discord-identity > div { min-width: 0; }
        .preferences-grid .balance-row > * { min-width: 0; }
        .preferences-grid .balance-row strong {
            max-width: 62%;
            white-space: normal;
            overflow-wrap: anywhere;
            text-align: right;
        }
        .integration-status-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 9px;
            margin: 14px 0;
        }
        .integration-status-grid > div {
            padding: 10px;
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 7px;
            background: #111;
        }
        .integration-status-grid span,
        .integration-status-grid strong { display: block; }
        .integration-status-grid span { color: #8e8e8e; font-size: 11px; font-weight: 800; text-transform: uppercase; }
        .integration-status-grid strong { margin-top: 4px; color: #fff; font-size: 13px; }
        .payment-mode-box {
            display: grid;
            gap: 10px;
            padding-top: 10px;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
        }
        .payment-mode-title {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            color: #fff;
            font-size: 13px;
            font-weight: 900;
            text-transform: uppercase;
        }
        .payment-provider-form .balance-row strong {
            max-width: 58%;
            overflow-wrap: anywhere;
        }
        .payment-toggle {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            color: #d3d3d3;
            font-size: 14px;
            font-weight: 800;
        }
        .payment-toggle input {
            width: 18px;
            height: 18px;
            accent-color: #ff3b3b;
        }
        .notification-list,
        .invite-list {
            display: grid;
            gap: 10px;
            margin-top: 14px;
        }
        .notification-item,
        .invite-item {
            padding: 14px;
            background: #151515;
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 8px;
        }
        .notification-top,
        .invite-top {
            display: flex;
            justify-content: space-between;
            gap: 12px;
            color: #aaa;
            font-size: 12px;
        }
        .notification-item strong,
        .invite-item strong {
            display: block;
            margin-top: 8px;
            color: #fff;
        }
        .notification-item p,
        .invite-item p {
            margin-top: 6px;
        }
        .referral-link-control {
            display: grid;
            grid-template-columns: minmax(0, 1fr) 44px;
            gap: 8px;
            min-width: 0;
        }
        .referral-link-control input {
            min-width: 0;
        }
        .referral-link-control .copy-button {
            width: 44px;
            min-width: 44px;
            min-height: 44px;
        }
        .fix-check-action {
            margin-top: 10px;
        }
        .event-actor {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 5px;
            margin-top: 8px;
            color: #aaa;
            font-size: 12px;
        }
        .event-actor strong {
            display: inline;
            margin: 0;
            color: #e7e7e7;
        }
        .event-actor code {
            color: #8ecfff;
            font-size: 11px;
            overflow-wrap: anywhere;
        }
        .event-webhook-panel {
            display: grid;
            gap: 14px;
            margin: 16px 0 18px;
            padding: 14px;
            background: #111;
            border: 1px solid rgba(255, 255, 255, 0.09);
            border-radius: 8px;
        }
        .event-webhook-panel p {
            margin: 4px 0 0;
            color: #aaa;
        }
        .event-webhook-form {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            align-items: end;
            gap: 10px;
        }
        .event-webhook-form .field { margin: 0; }
        .event-webhook-actions {
            margin: 0;
            padding-top: 12px;
        }
        .notification-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin-top: 12px;
        }
        .notification-actions form {
            margin: 0;
        }
        .shared-server-badge {
            display: inline-flex;
            align-items: center;
            width: fit-content;
            margin-top: 6px;
            padding: 3px 7px;
            border: 1px solid rgba(95, 187, 255, 0.32);
            border-radius: 999px;
            color: #bfe5ff;
            background: rgba(34, 132, 204, 0.14);
            font-size: 11px;
            font-weight: 900;
        }
        .server-access-banner {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 14px;
            padding: 12px 14px;
            color: #ccecff;
            background: rgba(34, 132, 204, 0.12);
            border: 1px solid rgba(95, 187, 255, 0.28);
            border-radius: 8px;
        }
        .server-access-banner strong {
            color: #fff;
        }
        .permission-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(min(230px, 100%), 1fr));
            gap: 8px;
            margin-top: 12px;
        }
        .permission-option {
            display: flex;
            align-items: center;
            gap: 10px;
            min-width: 0;
            min-height: 44px;
            padding: 10px 12px;
            color: #ddd;
            background: #121212;
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 6px;
            font-size: 13px;
            font-weight: 800;
            cursor: pointer;
        }
        .permission-option input {
            width: 17px;
            height: 17px;
            flex: 0 0 17px;
            accent-color: #ff3b3b;
        }
        .pro-tool-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 14px;
        }
        .pro-tool-grid .wide-tool {
            grid-column: 1 / -1;
        }
        .pro-toggle-grid,
        .weekday-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(min(180px, 100%), 1fr));
            gap: 8px;
        }
        .minecraft-properties-card {
            overflow: hidden;
        }
        .minecraft-server-preview {
            display: grid;
            grid-template-columns: 64px minmax(0, 1fr) auto;
            align-items: center;
            gap: 13px;
            min-width: 0;
            margin-top: 16px;
            padding: 12px;
            background: #111315;
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 6px;
            box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.32);
        }
        .minecraft-server-icon {
            position: relative;
            width: 64px;
            height: 64px;
            overflow: hidden;
            color: #fff;
            background: #282c30;
            border: 1px solid rgba(255, 255, 255, 0.14);
            border-radius: 3px;
        }
        .minecraft-server-icon img,
        .minecraft-server-icon span {
            width: 100%;
            height: 100%;
        }
        .minecraft-server-icon img {
            display: block;
            object-fit: cover;
            image-rendering: pixelated;
        }
        .minecraft-server-icon span {
            display: grid;
            place-items: center;
            color: #e7e7e7;
            font: 900 28px/1 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
        }
        .minecraft-server-preview-copy {
            min-width: 0;
        }
        .minecraft-server-preview-copy > strong {
            display: block;
            overflow: hidden;
            color: #f1f1f1;
            font: 700 15px/1.25 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        .minecraft-motd-preview {
            height: 2.6em;
            min-height: 36px;
            max-height: 2.6em;
            margin-top: 4px;
            overflow: hidden;
            overflow-wrap: anywhere;
            color: #aaa;
            font: 400 14px/1.3 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
            white-space: pre-line;
            text-shadow: 1px 1px 0 #000;
        }
        .minecraft-server-preview-slots {
            align-self: start;
            color: #9b9b9b;
            font: 600 13px/1.25 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
            white-space: nowrap;
        }
        .properties-motd-input {
            min-height: 76px;
            resize: vertical;
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
        }
        .startup-command-input {
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
            font-size: 13px;
        }
        .field > small {
            color: #8f8f8f;
            font-size: 12px;
            line-height: 1.45;
        }
        .properties-proxy-mode {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(220px, auto);
            align-items: center;
            gap: 18px;
            padding: 16px;
            background: #111315;
            border: 1px solid rgba(255, 255, 255, 0.09);
            border-radius: 7px;
        }
        .properties-proxy-mode h3,
        .bungeecord-backend-section h3 {
            margin: 0;
            color: #f2f2f2;
            font-size: 15px;
        }
        .properties-proxy-mode p {
            max-width: 760px;
            margin: 5px 0 0;
            color: #9c9c9c;
            font-size: 12px;
            line-height: 1.5;
        }
        .properties-proxy-mode .pro-toggle {
            justify-content: center;
            margin: 0;
        }
        .bungeecord-backends-card {
            min-width: 0;
        }
        .bungeecord-backend-section {
            display: grid;
            gap: 11px;
            margin-top: 20px;
        }
        .bungeecord-backend-section + .bungeecord-backend-section {
            padding-top: 20px;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
        }
        .bungeecord-backend-list {
            display: grid;
            overflow: hidden;
            background: #111315;
            border: 1px solid rgba(255, 255, 255, 0.09);
            border-radius: 7px;
        }
        .bungeecord-backend-row {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            align-items: center;
            gap: 16px;
            min-width: 0;
            padding: 13px 14px;
        }
        .bungeecord-backend-row + .bungeecord-backend-row {
            border-top: 1px solid rgba(255, 255, 255, 0.08);
        }
        .bungeecord-backend-copy {
            display: grid;
            gap: 4px;
            min-width: 0;
        }
        .bungeecord-backend-copy strong,
        .bungeecord-backend-copy code,
        .bungeecord-backend-copy small {
            min-width: 0;
            overflow-wrap: anywhere;
        }
        .bungeecord-backend-copy strong {
            color: #f0f0f0;
            font-size: 14px;
        }
        .bungeecord-backend-copy code {
            color: #b9dfff;
            font-size: 12px;
        }
        .bungeecord-backend-copy small {
            color: #929292;
            font-size: 11px;
            line-height: 1.4;
        }
        .bungeecord-backend-actions {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            gap: 9px;
            min-width: 0;
        }
        .bungeecord-backend-actions .pro-toggle.compact {
            min-height: 36px;
            margin: 0;
            padding: 7px 9px;
            font-size: 12px;
        }
        .bungeecord-backend-row .btn.compact {
            min-height: 36px;
            padding: 8px 11px;
            white-space: nowrap;
        }
        .bungeecord-backend-row .btn.compact svg {
            width: 17px;
            height: 17px;
        }
        .server-icon-tool {
            display: grid;
            grid-template-columns: minmax(180px, 0.8fr) minmax(300px, 1.2fr);
            align-items: center;
            gap: 18px;
            margin-top: 20px;
            padding-top: 18px;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
        }
        .server-icon-tool h3 {
            font-size: 16px;
        }
        .server-icon-tool p {
            margin-top: 5px;
            line-height: 1.5;
        }
        .server-icon-form {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            align-items: center;
            gap: 9px;
            min-width: 0;
        }
        .server-icon-select {
            min-width: 0;
            cursor: pointer;
        }
        .server-icon-status {
            grid-column: 1 / -1;
            min-width: 0;
            color: #aaa;
            font-size: 12px;
            overflow-wrap: anywhere;
        }
        .server-icon-dialog {
            position: fixed;
            inset: 0;
            width: min(520px, calc(100vw - 28px));
            max-width: calc(100vw - 28px);
            max-height: calc(100dvh - 28px);
            margin: auto;
            padding: 0;
            overflow: auto;
            color: #eee;
            background: #181818;
            border: 1px solid rgba(255, 255, 255, 0.13);
            border-radius: 8px;
            box-shadow: 0 24px 80px rgba(0, 0, 0, 0.74);
        }
        .server-icon-dialog::backdrop {
            background: rgba(0, 0, 0, 0.75);
            backdrop-filter: blur(5px);
        }
        .server-icon-dialog-panel {
            display: grid;
            gap: 16px;
            padding: 18px;
        }
        .server-icon-crop-stage {
            position: relative;
            width: min(384px, 100%);
            aspect-ratio: 1;
            margin-inline: auto;
            overflow: hidden;
            background: #0d0d0d;
            border: 1px solid rgba(255, 255, 255, 0.14);
            border-radius: 5px;
            cursor: grab;
            touch-action: none;
            user-select: none;
        }
        .server-icon-crop-stage:active {
            cursor: grabbing;
        }
        .server-icon-crop-stage canvas {
            display: block;
            width: 100%;
            height: 100%;
        }
        .server-icon-crop-frame {
            position: absolute;
            inset: 0;
            pointer-events: none;
            box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.78), inset 0 0 0 3px rgba(0, 0, 0, 0.55);
        }
        .server-icon-zoom {
            display: grid;
            grid-template-columns: auto minmax(0, 1fr);
            align-items: center;
            gap: 12px;
            color: #ddd;
            font-size: 13px;
            font-weight: 800;
        }
        .server-icon-zoom input {
            min-height: 28px;
            accent-color: #ff4f4f;
        }
        @media (max-width: 700px) {
            .server-icon-tool {
                grid-template-columns: 1fr;
            }
            .properties-proxy-mode,
            .bungeecord-backend-row {
                grid-template-columns: 1fr;
                align-items: stretch;
            }
            .properties-proxy-mode .pro-toggle {
                justify-content: flex-start;
            }
            .bungeecord-backend-actions {
                align-items: stretch;
                flex-direction: column;
            }
            .bungeecord-backend-actions .btn,
            .bungeecord-backend-row > form .btn {
                width: 100%;
            }
        }
        @media (max-width: 480px) {
            .minecraft-server-preview {
                grid-template-columns: 52px minmax(0, 1fr);
                align-items: start;
                padding: 10px;
            }
            .minecraft-server-icon {
                width: 52px;
                height: 52px;
            }
            .minecraft-server-preview-slots {
                grid-column: 2;
                margin-top: -2px;
            }
            .server-icon-form {
                grid-template-columns: 1fr;
            }
            .server-icon-form .btn {
                width: 100%;
            }
            .server-icon-status {
                grid-column: 1;
            }
        }
        .weekday-grid {
            grid-template-columns: repeat(7, minmax(0, 1fr));
        }
        .pro-toggle,
        .weekday-option {
            display: flex;
            align-items: center;
            gap: 9px;
            min-height: 42px;
            padding: 9px 10px;
            color: #ddd;
            background: #141414;
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 6px;
            font-size: 13px;
            font-weight: 800;
            cursor: pointer;
        }
        .pro-toggle input,
        .weekday-option input {
            width: 17px;
            height: 17px;
            flex: 0 0 17px;
            accent-color: #ff3b3b;
        }
        input[type="checkbox"]:not(.human-check-input) {
            appearance: none;
            -webkit-appearance: none;
            width: 19px;
            height: 19px;
            min-width: 19px;
            min-height: 19px;
            flex: 0 0 19px;
            margin: 0;
            padding: 0;
            border: 1px solid #5a5a5a;
            border-radius: 5px;
            outline: none;
            background-color: #0d0d0d;
            background-position: center;
            background-repeat: no-repeat;
            background-size: 13px 13px;
            box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.55);
            cursor: pointer;
            vertical-align: middle;
            transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
        }
        input[type="checkbox"]:not(.human-check-input):hover:not(:disabled) {
            border-color: #ff7474;
            background-color: #171010;
        }
        input[type="checkbox"]:not(.human-check-input):focus:not(:focus-visible) {
            box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.55);
        }
        input[type="checkbox"]:not(.human-check-input):focus-visible {
            border-color: #ff7777;
            box-shadow: 0 0 0 3px rgba(255, 59, 59, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.45);
        }
        input[type="checkbox"]:not(.human-check-input):checked {
            border-color: #ff4f4f;
            background-color: #ff3b3b;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8 3 3 7-7' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
            box-shadow: 0 0 0 1px rgba(255, 91, 91, 0.16), inset 0 1px rgba(255, 255, 255, 0.18);
        }
        input[type="checkbox"]:not(.human-check-input):indeterminate {
            border-color: #ff4f4f;
            background-color: #ff3b3b;
            background-image: linear-gradient(#fff, #fff);
            background-position: center;
            background-repeat: no-repeat;
            background-size: 9px 2px;
        }
        input[type="checkbox"]:not(.human-check-input):disabled {
            border-color: #3a3a3a;
            background-color: #181818;
            filter: grayscale(0.35);
            cursor: not-allowed;
            opacity: 0.48;
        }
        input[type="checkbox"]:not(.human-check-input):checked:disabled {
            background-color: #9d3434;
        }
        .addon-toggle:has(input[type="checkbox"]:checked),
        .pro-toggle:has(input[type="checkbox"]:checked),
        .weekday-option:has(input[type="checkbox"]:checked),
        .permission-option:has(input[type="checkbox"]:checked) {
            border-color: rgba(255, 82, 82, 0.42);
            background-color: rgba(255, 59, 59, 0.09);
        }
        .pro-toggle:has(input[type="checkbox"]:disabled),
        .weekday-option:has(input[type="checkbox"]:disabled),
        .permission-option:has(input[type="checkbox"]:disabled) {
            cursor: not-allowed;
            opacity: 0.62;
        }
        .player-roster-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 20px;
            margin-top: 18px;
        }
        .player-roster-grid.single {
            grid-template-columns: minmax(0, 1fr);
        }
        .form-grid.single {
            grid-template-columns: minmax(0, 1fr);
        }
        .player-roster {
            min-width: 0;
            margin-top: 18px;
            padding-top: 16px;
            border-top: 1px solid rgba(255, 255, 255, 0.09);
        }
        .access-card-head > div {
            flex: 1 1 auto;
            min-width: 0;
        }
        .access-card-head > .status {
            flex: 0 0 auto;
            white-space: nowrap;
        }
        .player-action-form {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            align-items: end;
            gap: 12px;
            margin-top: 18px;
        }
        .player-action-form .field {
            margin: 0;
        }
        .player-action-form .btn {
            min-height: 46px;
        }
        .player-whitelist-switch {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 18px;
            margin-top: 18px;
            padding: 14px 16px;
            background: rgba(255, 255, 255, 0.025);
            border: 1px solid rgba(255, 255, 255, 0.09);
            border-radius: 7px;
        }
        .player-whitelist-switch > div {
            display: grid;
            gap: 4px;
            min-width: 0;
        }
        .player-whitelist-switch strong {
            color: #fff;
        }
        .player-whitelist-switch small,
        .form-help {
            color: #9c9c9c;
            line-height: 1.45;
        }
        .player-ban-form {
            margin-top: 18px;
        }
        .player-roster-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            margin-bottom: 8px;
        }
        .player-roster-head h3 {
            font-size: 15px;
        }
        .player-list {
            display: grid;
            gap: 6px;
            max-height: 420px;
            overflow-y: auto;
            scrollbar-color: #555 #171717;
            scrollbar-width: thin;
        }
        .player-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            min-width: 0;
            padding: 9px 10px;
            border: 1px solid rgba(255, 255, 255, 0.07);
            border-radius: 6px;
            color: #ddd;
            background: rgba(255, 255, 255, 0.018);
            font-size: 13px;
        }
        .player-row:hover {
            border-color: rgba(255, 255, 255, 0.13);
            background: rgba(255, 255, 255, 0.035);
        }
        .player-row-main {
            display: grid;
            flex: 1 1 auto;
            gap: 3px;
            min-width: 0;
            padding: 1px 2px;
            color: inherit;
            background: transparent;
            border: 0;
            text-align: left;
            cursor: pointer;
        }
        .player-row-main:hover strong {
            color: #ff6262;
        }
        .player-row-main strong {
            color: #f5f5f5;
            font-size: 14px;
        }
        .player-row-main span,
        .player-row-main small {
            color: #969696;
            line-height: 1.35;
        }
        .player-row strong,
        .player-row span,
        .player-row small {
            min-width: 0;
            overflow-wrap: anywhere;
        }
        .player-row-actions {
            display: flex;
            flex: 0 0 auto;
            align-items: center;
            gap: 7px;
        }
        .player-row-actions form {
            display: inline-flex;
            margin: 0;
        }
        .automation-list {
            display: grid;
            margin-top: 16px;
            border-top: 1px solid rgba(255, 255, 255, 0.09);
        }
        .automation-row {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            gap: 14px;
            align-items: center;
            padding: 14px 0;
            border-bottom: 1px solid rgba(255, 255, 255, 0.09);
        }
        .automation-summary {
            min-width: 0;
        }
        .automation-summary strong,
        .automation-summary span {
            display: block;
            overflow-wrap: anywhere;
        }
        .automation-summary span {
            margin-top: 4px;
            color: #999;
            font-size: 12px;
        }
        .automation-actions {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-end;
            gap: 7px;
        }
        .automation-actions form {
            display: inline-flex;
        }
        .reinstall-warning {
            display: grid;
            gap: 8px;
            margin: 16px 0;
            padding: 14px;
            color: #ffd0d0;
            background: rgba(255, 59, 59, 0.08);
            border: 1px solid rgba(255, 72, 72, 0.26);
            border-radius: 7px;
        }
        .reinstall-warning strong {
            color: #fff;
        }
        .reinstall-warning p {
            margin: 0;
        }
        @media (max-width: 760px) {
            .pro-tool-grid,
            .player-roster-grid {
                grid-template-columns: 1fr;
            }
            .world-upload-head,
            .world-upload-actions {
                align-items: stretch;
                flex-direction: column;
            }
            .world-target-preview {
                grid-template-columns: 1fr;
            }
            .world-target-preview > small {
                grid-column: 1;
            }
            .world-upload-buttons,
            .world-upload-actions .btn {
                width: 100%;
            }
            .resource-pack-details,
            .resource-pack-import-summary {
                grid-template-columns: 1fr;
            }
            .resource-pack-details > div:nth-child(n) {
                padding-right: 0;
                padding-left: 0;
                border-left: 0;
            }
            .player-action-form {
                grid-template-columns: 1fr;
            }
            .player-action-form .btn,
            .player-whitelist-switch .btn {
                width: 100%;
            }
            .player-whitelist-switch {
                align-items: stretch;
                flex-direction: column;
            }
            .player-row {
                align-items: flex-start;
            }
            .resource-pack-settings,
            .resource-pack-settings-form {
                align-items: stretch;
                flex-direction: column;
            }
            .world-resource-pack-offer {
                grid-template-columns: auto minmax(0, 1fr);
            }
            .world-resource-pack-offer .btn {
                grid-column: 1 / -1;
                width: 100%;
            }
            .automation-row {
                grid-template-columns: 1fr;
                align-items: start;
            }
            .automation-actions {
                justify-content: flex-start;
            }
        }
        .collaborator-list {
            display: grid;
            margin-top: 14px;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
        }
        .collaborator-entry {
            display: grid;
            gap: 12px;
            padding: 16px 0;
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        }
        .collaborator-head {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 12px;
        }
        .collaborator-head strong,
        .collaborator-head span {
            display: block;
            overflow-wrap: anywhere;
        }
        .collaborator-head span {
            margin-top: 3px;
            color: #999;
            font-size: 12px;
        }
        .collaborator-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
        }
        .permission-readonly-note {
            margin-top: 12px;
            padding: 10px 12px;
            color: #bbb;
            background: rgba(255, 255, 255, 0.035);
            border-left: 3px solid #777;
        }
        .permission-disabled-zone {
            pointer-events: none;
            opacity: 0.42;
            filter: saturate(0.35);
        }
        .session-body {
            padding: 24px;
        }
        .identity {
            display: grid;
            gap: 10px;
            margin-bottom: 20px;
        }
        .identity-row {
            display: grid;
            grid-template-columns: 118px minmax(0, 1fr);
            gap: 12px;
            padding: 12px;
            background: #171717;
            border: 1px solid rgba(255, 255, 255, 0.07);
            border-radius: 6px;
            font-size: 14px;
        }
        .identity-row span {
            color: #aaa;
        }
        .identity-row strong {
            color: #fff;
            word-break: break-word;
        }
        .legal-hero {
            padding: 42px 0 28px;
            animation: fadeIn 0.7s ease-out;
        }
        .legal-hero h1 {
            margin-top: 8px;
        }
        .legal-hero .lead {
            max-width: 760px;
        }
        .legal-layout {
            display: grid;
            grid-template-columns: 240px minmax(0, 1fr);
            gap: 22px;
            align-items: start;
            margin-top: 8px;
        }
        .legal-side,
        .legal-content {
            background: rgba(30, 30, 30, 0.96);
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 8px;
            box-shadow: 0 18px 46px rgba(0, 0, 0, 0.28);
        }
        .legal-side {
            position: sticky;
            top: 92px;
            padding: 12px;
        }
        .legal-side a {
            display: block;
            padding: 10px 12px;
            border-radius: 6px;
            color: #cfcfcf;
            font-weight: 700;
            font-size: 14px;
        }
        .legal-side a:hover,
        .legal-side a.active {
            color: #fff;
            background: #ff3b3b;
        }
        .legal-content {
            padding: 28px;
        }
        .legal-section {
            padding: 22px 0;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
        }
        .legal-section:first-child {
            padding-top: 0;
            border-top: 0;
        }
        .legal-section h2 {
            margin-bottom: 10px;
            color: #ff3b3b;
            font-size: 22px;
            line-height: 1.2;
        }
        .legal-section p,
        .legal-section li {
            color: #d3d3d3;
            font-size: 15px;
            line-height: 1.75;
        }
        .legal-section ul,
        .legal-section ol {
            margin-left: 20px;
        }
        .legal-section a {
            color: #ff6b6b;
            text-decoration: underline;
            text-decoration-thickness: 1px;
            text-underline-offset: 3px;
        }
        .withdrawal-form {
            display: grid;
            gap: 16px;
            max-width: 720px;
        }
        .withdrawal-form .field {
            margin: 0;
        }
        .legal-section > .alert,
        .legal-section > .notice {
            margin-left: 0;
            margin-right: 0;
        }
        .withdrawal-summary {
            display: grid;
            gap: 0;
            margin: 18px 0;
            overflow: hidden;
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 6px;
            background: #151515;
        }
        .withdrawal-summary-row {
            display: grid;
            grid-template-columns: minmax(150px, 0.42fr) minmax(0, 1fr);
            gap: 14px;
            padding: 12px 14px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        }
        .withdrawal-summary-row:last-child {
            border-bottom: 0;
        }
        .withdrawal-summary-row span {
            color: #999;
        }
        .withdrawal-summary-row strong {
            min-width: 0;
            color: #f3f3f3;
            overflow-wrap: anywhere;
        }
        .withdrawal-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            align-items: center;
        }
        .withdrawal-receipt {
            border-left: 4px solid #42d66b;
        }
        .footer {
            display: flex;
            justify-content: space-between;
            gap: 12px;
            margin-top: 34px;
            padding: 20px 0 42px;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
            color: #aaa;
            font-size: 14px;
        }
        .footer a { color: #ff6b6b; }
        .footer-links {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-end;
            gap: 8px 14px;
            align-items: center;
        }
        .footer-withdrawal-action {
            display: inline-flex;
            align-items: center;
            min-height: 34px;
            padding: 6px 10px;
            border: 1px solid rgba(255, 107, 107, 0.48);
            border-radius: 5px;
            color: #ffd1d1 !important;
            background: rgba(255, 59, 59, 0.1);
            font-weight: 800;
        }
        .footer-withdrawal-action:hover,
        .footer-withdrawal-action:focus-visible {
            border-color: #ff6b6b;
            background: rgba(255, 59, 59, 0.18);
        }
        .member-shell .footer {
            grid-column: 1 / -1;
        }
        @media (min-width: 881px) {
            body.member-sidebar-layout {
                --member-sidebar-width: 280px;
            }
            body.member-sidebar-layout .topbar {
                left: var(--member-sidebar-width);
                width: calc(100% - var(--member-sidebar-width));
            }
            body.member-sidebar-layout .topbar-inner {
                max-width: 1320px;
            }
            body.member-sidebar-layout .member-shell:not(.public-configurator-shell) {
                width: calc(100% - var(--member-sidebar-width));
                max-width: none;
                margin: 0 0 0 var(--member-sidebar-width);
                padding: 96px clamp(16px, 3vw, 40px) 0;
                grid-template-columns: minmax(0, 1320px);
                justify-content: center;
            }
            body.member-sidebar-layout .member-shell:not(.public-configurator-shell) > .member-sidebar {
                position: fixed;
                inset: 0 auto 0 0;
                z-index: 9;
                width: var(--member-sidebar-width);
                height: 100vh;
                height: 100dvh;
                overflow-x: hidden;
                overflow-y: auto;
                overscroll-behavior-y: contain;
                scrollbar-gutter: stable;
                padding: 18px 14px max(24px, env(safe-area-inset-bottom));
                background: #181818;
                border-width: 0 1px 0 0;
                border-radius: 0;
                box-shadow: 10px 0 34px rgba(0, 0, 0, 0.28);
            }
            body.member-sidebar-layout .member-shell:not(.public-configurator-shell) > .member-sidebar {
                scrollbar-width: thin;
                scrollbar-color: #555 transparent;
            }
            body.member-sidebar-layout .member-shell:not(.public-configurator-shell) > .member-sidebar::-webkit-scrollbar {
                width: 8px;
            }
            body.member-sidebar-layout .member-shell:not(.public-configurator-shell) > .member-sidebar::-webkit-scrollbar-thumb {
                background: #555;
                border: 2px solid #181818;
                border-radius: 6px;
            }
            body.member-sidebar-layout .member-shell:not(.public-configurator-shell) > .member-content,
            body.member-sidebar-layout .member-shell:not(.public-configurator-shell) > .footer {
                grid-column: 1;
                width: 100%;
                min-width: 0;
            }
        }
        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }
        @media (max-width: 1120px) {
            .member-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }
        @container member-content (max-width: 1000px) {
            .member-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }
        @container member-content (max-width: 760px) {
            .member-grid,
            .split-grid,
            .email-verification-layout,
            .server-overview-data,
            .server-inline-forms,
            .resource-meters,
            .setup-grid,
            .file-toolbar,
            .backup-top,
            .backup-create-form,
            .config-grid,
            .preferences-grid,
            .integration-grid {
                grid-template-columns: minmax(0, 1fr);
            }
            .member-head {
                align-items: stretch;
                flex-direction: column;
            }
            .server-overview-head {
                grid-template-columns: minmax(0, 1fr) auto;
                gap: 10px;
            }
            .server-overview-meta {
                grid-column: 1;
                grid-row: 2;
                justify-content: flex-start;
            }
            .server-overview-arrow {
                grid-column: 2;
                grid-row: 1 / span 2;
            }
            .discord-account-head {
                align-items: flex-start;
                flex-direction: column;
            }
            .preferences-grid .balance-row {
                display: grid;
                grid-template-columns: minmax(0, 1fr);
                gap: 4px;
            }
            .preferences-grid .balance-row strong {
                max-width: 100%;
                text-align: left;
            }
        }
        @media (max-width: 880px) {
            #home-top,
            #hosting-packages,
            #panel-features {
                scroll-margin-top: 154px;
            }
            body::before {
                background-size: cover;
                background-position: center top;
                opacity: 0.6;
            }
            body::after {
                background:
                    linear-gradient(
                        180deg,
                        transparent 0,
                        transparent var(--background-scroll-top),
                        rgba(18, 18, 18, var(--background-scroll-opacity)) calc(var(--background-scroll-top) + 8svh),
                        rgba(18, 18, 18, var(--background-scroll-opacity)) 100%
                    ),
                    linear-gradient(180deg, rgba(18, 18, 18, 0.28) 0%, rgba(18, 18, 18, 0.58) 44%, rgba(18, 18, 18, 0.94) 78%, #121212 100%),
                    linear-gradient(90deg, rgba(18, 18, 18, 0.7) 0%, rgba(18, 18, 18, 0.18) 50%, rgba(18, 18, 18, 0.7) 100%);
            }
            .topbar-inner {
                align-items: center;
                flex-wrap: wrap;
                padding: 11px 16px;
            }
            .topbar-inner.has-sidebar-toggle {
                display: grid;
                grid-template-columns: auto minmax(52px, 1fr) auto;
                gap: 10px;
            }
            .topbar-inner.has-sidebar-toggle .header-sidebar-toggle {
                grid-column: 1;
                grid-row: 1;
                justify-self: start;
            }
            .topbar-inner.has-sidebar-toggle .brand {
                grid-column: 2;
                grid-row: 1;
                justify-self: center;
            }
            .topbar-inner.has-sidebar-toggle .nav-actions {
                grid-column: 3;
                grid-row: 1;
                justify-self: end;
                margin-left: 0;
            }
            .topbar-inner.has-sidebar-toggle .nav-links {
                grid-column: 1 / -1;
                grid-row: 2;
                justify-content: center;
            }
            .shell { padding-top: 144px; }
            .nav-links {
                order: 3;
                flex-basis: 100%;
                justify-content: center;
                overflow-x: clip;
            }
            .nav-actions .btn {
                min-height: 36px;
                padding: 8px 11px;
                font-size: 13px;
            }
            .server-overview-head {
                grid-template-columns: minmax(0, 1fr) auto;
                gap: 10px;
            }
            .server-overview-meta {
                grid-column: 1;
                grid-row: 2;
                justify-content: flex-start;
            }
            .server-overview-arrow {
                grid-column: 2;
                grid-row: 1 / span 2;
            }
            .hero {
                grid-template-columns: 1fr;
                align-items: start;
                padding-top: 26px;
            }
            .auth-view {
                grid-template-columns: 1fr;
                align-items: start;
                padding-top: 26px;
            }
            .quick-stats { grid-template-columns: 1fr; }
            .feature-grid { grid-template-columns: 1fr; }
            .capability-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
            .hardware-band { grid-template-columns: minmax(0, 1fr); }
            .trust-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
            .trust-point:nth-child(3) { border-left: 0; }
            h1 { font-size: 52px; }
            .member-shell {
                grid-template-columns: 1fr;
                padding-top: 144px;
            }
            .header-sidebar-toggle,
            .sidebar-close {
                display: inline-flex;
            }
            .sidebar-backdrop {
                position: fixed;
                inset: 0;
                z-index: 80;
                background: rgba(0, 0, 0, 0.62);
                backdrop-filter: blur(5px);
            }
            .member-shell.sidebar-open .sidebar-backdrop {
                display: block;
            }
            .member-shell.sidebar-open {
                z-index: 20;
            }
            .member-sidebar {
                position: fixed;
                inset: 0 auto 0 0;
                z-index: 90;
                width: min(330px, calc(100vw - 42px));
                max-width: calc(100vw - 42px);
                overflow-y: auto;
                padding-top: 14px;
                border-radius: 0 8px 8px 0;
                transform: translateX(-110%);
                transition: transform 0.22s ease;
            }
            .member-shell.sidebar-open .member-sidebar {
                transform: translateX(0);
            }
            .member-nav { grid-template-columns: 1fr; }
            .console-head {
                align-items: flex-start;
                flex-direction: column;
            }
            .console-actions {
                justify-content: flex-start;
            }
            .file-editor-head,
            .file-editor-actions {
                align-items: flex-start;
                flex-direction: column;
            }
            .file-editor-head-actions {
                width: 100%;
            }
            .file-editor-head-actions .btn {
                flex: 1 1 0;
            }
            .file-actionbar {
                align-items: stretch;
                flex-direction: column;
            }
            .file-action-buttons,
            .file-panel-actions {
                justify-content: flex-start;
            }
            .file-toolbar .balance-form,
            .file-selection-form {
                grid-template-columns: 1fr;
            }
            .file-editor-code,
            .file-editor-highlight,
            .file-editor-textarea {
                min-height: 320px;
            }
            .price-preview-top {
                align-items: flex-start;
                flex-direction: column;
            }
            .price-preview-amount {
                justify-content: flex-start;
                text-align: left;
            }
            .subdomain-current {
                align-items: flex-start;
                flex-direction: column;
            }
            .subdomain-current .copy-value {
                width: 100%;
                max-width: none;
                justify-content: space-between;
                margin-left: 0;
            }
            .subdomain-composer {
                grid-template-columns: minmax(0, 1fr);
            }
            .member-grid,
            .split-grid,
            .email-verification-layout,
            .server-overview-data,
            .server-inline-forms,
            .resource-meters,
            .setup-grid,
            .file-toolbar,
            .backup-top,
            .backup-create-form,
            .config-grid,
            .admin-insight-grid,
            .admin-user-grid,
            .admin-finance-grid,
            .admin-node-grid,
            .admin-payment-grid,
            .preferences-grid,
            .integration-grid {
                grid-template-columns: 1fr;
            }
            .email-verification-card {
                min-height: 0;
                padding: 24px 20px;
            }
            .email-verification-aside {
                min-height: 0;
                padding: 22px 20px;
            }
            .server-discord-requirement { grid-template-columns: auto minmax(0, 1fr); }
            .server-discord-requirement .btn { grid-column: 1 / -1; }
            .event-webhook-form { grid-template-columns: minmax(0, 1fr); }
            .admin-metric-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
            .admin-card-head,
            .admin-user-heading,
            .admin-finance-toolbar,
            .admin-config-heading,
            .admin-tier-heading,
            .admin-credential-flash {
                align-items: stretch;
                flex-direction: column;
            }
            .admin-month-form,
            .admin-user-search {
                width: 100%;
            }
            .admin-finance-actions {
                width: 100%;
                align-items: stretch;
                flex-wrap: wrap;
                justify-content: flex-start;
            }
            .admin-user-search input { width: auto; flex: 1 1 auto; }
            .admin-credential-flash .copy-value { flex: 0 0 auto; width: 100%; max-width: none; }
            .admin-allocation-heading {
                align-items: stretch;
                flex-direction: column;
            }
            .admin-allocation-heading .btn {
                width: 100%;
            }
            .admin-allocation-row,
            .admin-allocation-row.dedicated {
                grid-template-columns: minmax(0, 1fr);
            }
            .admin-allocation-remove {
                width: 100%;
            }
            .file-row {
                grid-template-columns: 26px minmax(0, 1fr);
                align-items: start;
            }
            .backup-row {
                grid-template-columns: 1fr;
                align-items: start;
            }
            .backup-row.backup-head {
                display: none;
            }
            .backup-actions {
                justify-content: flex-start;
            }
            .file-row.file-head {
                display: none;
            }
            .file-row > span:nth-child(3),
            .file-row > span:nth-child(4) {
                grid-column: 2;
                color: #aaa;
                font-size: 12px;
            }
            .backup-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
            .qr-code-shell {
                margin-inline: auto;
            }
            .legal-layout { grid-template-columns: 1fr; }
            .legal-side { position: static; }
        }
        @media (max-width: 560px) {
            .topbar-inner {
                position: relative;
                padding-inline: 11px;
            }
            .topbar-inner.has-sidebar-toggle {
                display: flex;
                justify-content: space-between;
            }
            .brand strong { display: none; }
            .topbar-inner > .brand,
            .topbar-inner.has-sidebar-toggle > .brand {
                position: absolute;
                top: 11px;
                left: 50%;
                z-index: 2;
                transform: translateX(-50%);
            }
            .topbar-inner .nav-actions {
                position: relative;
                z-index: 3;
                gap: 6px;
            }
            .nav-actions .header-action {
                width: 44px;
                min-width: 44px;
                min-height: 44px;
                padding: 0;
            }
            .header-action .icon { display: block; }
            .header-action-label { display: none; }
            .header-sidebar-toggle span { display: none; }
            .header-sidebar-toggle {
                width: 44px;
                min-width: 44px;
                padding-inline: 0;
            }
            .shell {
                padding: 144px 11px 0;
            }
            h1 { font-size: 38px; }
            .lead { font-size: 16px; }
            .form-grid,
            .captcha-box {
                grid-template-columns: 1fr;
            }
            .capability-grid,
            .hardware-grid,
            .configurator-summary-grid,
            .trust-strip {
                grid-template-columns: minmax(0, 1fr);
            }
            .home-panel-footer {
                align-items: stretch;
                flex-direction: column;
            }
            .home-panel-cta {
                width: 100%;
            }
            .trust-point {
                border-left: 0;
                border-top: 1px solid rgba(255, 255, 255, 0.08);
            }
            .trust-point:first-child { border-top: 0; }
            .password-requirements ul {
                grid-template-columns: 1fr;
            }
            .addon-toggle {
                grid-template-columns: auto minmax(0, 1fr);
            }
            .addon-toggle em {
                grid-column: 2;
                white-space: normal;
            }
            .captcha-image { max-width: 100%; }
            .member-shell {
                padding: 144px 11px 0;
            }
            .member-head {
                flex-direction: column;
            }
            .server-list-heading {
                align-items: stretch;
                flex-direction: column;
            }
            .server-list-heading .btn {
                align-self: flex-start;
            }
            .member-head h1 { font-size: 34px; }
            .member-nav {
                grid-template-columns: 1fr;
            }
            .amount-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
            .admin-metric-grid,
            .admin-security-actions {
                grid-template-columns: 1fr;
            }
            .admin-month-form,
            .admin-user-search {
                align-items: stretch;
                flex-wrap: wrap;
            }
            .admin-month-form label { width: 100%; }
            .admin-month-form input,
            .admin-user-search input { flex: 1 1 150px; min-width: 0; }
            .admin-user-search select { max-width: none; flex: 1 1 190px; }
            .admin-chart { height: 270px; }
            .admin-metric strong { font-size: 22px; }
            .admin-config-block > summary {
                align-items: flex-start;
            }
            .nbt-toolbar,
            .file-editor-head {
                align-items: stretch;
                flex-direction: column;
            }
            .nbt-toolbar > span {
                margin-left: 0;
            }
            .nbt-search-field {
                width: 100%;
                flex-basis: auto;
            }
            .nbt-search-navigation .btn {
                flex: 1 1 0;
            }
            .nbt-region-picker {
                align-items: stretch;
                flex-direction: column;
            }
            .nbt-region-picker select {
                width: 100%;
                max-width: none;
                flex-basis: auto;
            }
            .nbt-workspace {
                grid-template-columns: 1fr;
                grid-template-rows: minmax(310px, 52vh) auto;
                height: auto;
                min-height: 0;
                overflow: visible;
            }
            .nbt-tree-pane {
                border-right: 0;
                border-bottom: 1px solid rgba(255, 255, 255, 0.08);
            }
            .nbt-inspector {
                min-height: 260px;
                max-height: none;
                overflow: visible;
            }
            .nbt-child-creator,
            .nbt-child-creator.list {
                grid-template-columns: 1fr;
            }
            .nbt-child-creator .nbt-child-creator-title {
                grid-column: 1;
            }
            .file-editor-head-actions {
                width: 100%;
            }
            .file-editor-head-actions .btn {
                flex: 1 1 auto;
            }
            .qr-code {
                width: 100%;
                height: auto;
                aspect-ratio: 1;
            }
            .backup-codes-heading {
                align-items: stretch;
                flex-direction: column;
            }
            .backup-codes-heading .btn {
                width: 100%;
                justify-content: center;
            }
            .twofactor-digit-row {
                gap: 5px;
            }
            .twofactor-digit {
                height: 48px;
                min-height: 48px;
                font-size: 19px;
            }
            .identity-row {
                grid-template-columns: 1fr;
                gap: 4px;
            }
            .legal-content { padding: 20px; }
            .footer { flex-direction: column; }
            .footer-links { justify-content: flex-start; }
            .withdrawal-summary-row { grid-template-columns: 1fr; gap: 3px; }
        }
/* Passkeys, accounting and operations */
.auth-method-divider { display: flex; align-items: center; gap: 12px; margin: 18px 0; color: var(--muted, #858585); font-size: .82rem; }
.auth-method-divider::before, .auth-method-divider::after { content: ""; height: 1px; flex: 1; background: var(--line, rgba(255,255,255,.1)); }
.passkey-login-control { display: grid; gap: 0; padding: 0 24px 22px; }
.passkey-login-button.btn {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 20px;
    align-items: center;
    gap: 12px;
    min-height: 58px;
    padding: 8px 13px 8px 9px;
    color: #f5f5f5;
    background: #171717;
    border: 1px solid #3a3a3a;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .18);
    text-align: left;
    white-space: normal;
}
.passkey-login-button.btn:hover {
    color: #fff;
    background: #202020;
    border-color: rgba(255, 70, 85, .78);
    box-shadow: 0 10px 26px rgba(0, 0, 0, .24), 0 0 0 3px rgba(255, 70, 85, .08);
}
.passkey-login-button.btn:focus-visible {
    outline: none;
    border-color: #ff4655;
    box-shadow: 0 0 0 3px rgba(255, 70, 85, .18);
}
.passkey-login-button.btn:disabled { opacity: .68; }
.passkey-login-icon {
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #ff4655;
    border-radius: 6px;
    box-shadow: 0 6px 16px rgba(255, 70, 85, .2);
}
.passkey-login-icon .icon { width: 23px; height: 23px; }
.passkey-login-label { min-width: 0; font-size: 14px; font-weight: 800; line-height: 1.25; }
.passkey-login-arrow { display: inline-flex; color: #7f7f7f; transition: color .2s, transform .2s; }
.passkey-login-arrow .icon { width: 18px; height: 18px; }
.passkey-login-button:hover .passkey-login-arrow { color: #ff6573; transform: translateX(2px); }
.passkey-login-button.loading .passkey-login-icon .icon { animation: passkey-login-pulse 1s ease-in-out infinite; }
@keyframes passkey-login-pulse { 50% { opacity: .42; transform: scale(.88); } }
@media (prefers-reduced-motion: reduce) {
    .passkey-login-button.loading .passkey-login-icon .icon { animation: none; }
    .passkey-login-arrow { transition: none; }
}
.passkey-message { min-height: 1.35em; margin-top: 10px; color: var(--danger, #ff6573); font-size: .86rem; }
.passkey-list { display: grid; gap: 10px; margin-top: 18px; }
.passkey-list .notification-item { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, .7fr); align-items: end; gap: 16px; }
.passkey-list .notification-item > div { display: grid; gap: 4px; min-width: 0; }
.passkey-list .notification-item span { color: var(--muted, #858585); font-size: .82rem; }
.passkey-delete-form { display: grid; grid-template-columns: minmax(150px, 1fr) auto; align-items: end; gap: 10px; }
.passkey-delete-form .field { margin: 0; }
.admin-referral-card { align-content: start; }
.admin-referral-list { display: grid; gap: 10px; margin: 16px 0; }
.admin-referral-item { display: grid; gap: 10px; padding: 12px; border: 1px solid var(--line, rgba(255, 255, 255, .1)); background: rgba(255, 255, 255, .025); }
.admin-referral-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.admin-referral-head > div { display: grid; min-width: 0; gap: 3px; }
.admin-referral-head code { overflow-wrap: anywhere; color: var(--muted); }
.admin-referral-item .copy-value { width: 100%; }
.admin-referral-item form { justify-self: end; }
.admin-referral-create { padding-top: 14px; border-top: 1px solid var(--line, rgba(255, 255, 255, .1)); }
.node-capacity-grid { display: grid; gap: 10px; margin: 16px 0; }
.node-capacity-item { display: grid; gap: 6px; }
.node-capacity-item > div { display: flex; justify-content: space-between; gap: 12px; font-size: .86rem; }
.node-capacity-item small { color: var(--muted, #858585); }
.node-capacity-track { display: block; height: 7px; overflow: hidden; border-radius: 4px; background: rgba(255,255,255,.08); }
.node-capacity-track i { display: block; height: 100%; background: #ff4655; border-radius: inherit; }
.admin-reconciliation-grid, .admin-alert-list { display: grid; gap: 14px; }
.admin-reconciliation-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.admin-alert { border-left: 3px solid #45a9ff; }
.admin-alert.warning { border-left-color: #f2c94c; }
.admin-alert.critical { border-left-color: #ff4655; }
.admin-alert p { margin: 8px 0 12px; }
.server-coupon-input { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: stretch; }
.server-coupon-input input { min-width: 0; text-transform: uppercase; }
.server-coupon-input .btn { min-height: 42px; }
.server-coupon small { min-height: 0; overflow-wrap: anywhere; }
.server-coupon small:empty { display: none; }
.server-coupon small.error { color: #ff6875; }
.server-coupon-options { margin: 0; padding: 12px; min-width: 0; border: 1px solid rgba(255,255,255,.12); border-radius: 6px; }
.server-coupon-options legend { padding: 0 6px; font-weight: 600; font-size: 14px; }
.server-coupon-options > small { display: block; margin-bottom: 10px; color: #a7adb8; }
.price-preview-amount s, [data-coupon-addon-old] { color: #a7adb8; font-size: 14px; font-weight: 400; text-decoration-thickness: 2px; }
.price-preview-amount { flex-wrap: wrap; }
.addon-price-line [data-coupon-addon-old] { flex-shrink: 0; margin-left: auto; }
@media (max-width: 1050px) { .admin-reconciliation-grid { grid-template-columns: 1fr; } }
@media (max-width: 720px) {
    .passkey-login-control { padding-inline: 18px; }
    .passkey-list .notification-item, .passkey-delete-form { grid-template-columns: 1fr; }
    .passkey-create-fields { grid-template-columns: 1fr; }
}