* { box-sizing: border-box; }
html, body, button, input, select, textarea { font-family: Vazir, Tahoma, sans-serif; }
body {
    margin: 0;
    font-family: Vazir, Tahoma, sans-serif;
    background: #f4f6f8;
    color: #1f2937;
}
a { color: inherit; text-decoration: none; }
.navbar {
    height: 64px;
    background: #111827;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 24px;
}
.brand { font-size: 20px; font-weight: 700; }
.container { max-width: 1200px; margin: 30px auto; padding: 0 20px; }
.card {
    background: #fff;
    border-radius: 12px;
    padding: 22px;
    box-shadow: 0 2px 10px rgba(0,0,0,.06);
    margin-bottom: 20px;
}
.grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
}
.stat { font-size: 28px; font-weight: 700; margin-top: 8px; }
.muted { color: #6b7280; }
table { width: 100%; border-collapse: collapse; }
th, td { padding: 14px 10px; border-bottom: 1px solid #e5e7eb; text-align: left; }
.badge {
    display: inline-block;
    padding: 5px 9px;
    border-radius: 999px;
    background: #e5e7eb;
    font-size: 12px;
}
.badge.running { background: #dcfce7; color: #166534; }
.badge.off { background: #fee2e2; color: #991b1b; }
.btn {
    display: inline-block;
    border: 0;
    border-radius: 7px;
    padding: 9px 13px;
    cursor: pointer;
    background: #111827;
    color: white;
    margin: 2px;
}
.btn.secondary { background: #4b5563; }
.btn.danger { background: #b91c1c; }
.btn.success { background: #15803d; }
input {
    width: 100%;
    padding: 11px;
    border: 1px solid #d1d5db;
    border-radius: 7px;
    margin: 7px 0 14px;
}
.login {
    max-width: 400px;
    margin: 100px auto;
    padding: 20px;
}
.alert {
    background: #fee2e2;
    color: #991b1b;
    padding: 12px;
    border-radius: 8px;
    margin-bottom: 15px;
}
.detail-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 15px;
}
.detail-item { background: #f9fafb; padding: 15px; border-radius: 8px; }

.action-box { background: #fef3c7; color: #92400e; }
.action-box strong { font-weight: 700; }

.server-page {
    padding-bottom: 50px;
}

.page-top {
    margin-bottom: 18px;
}

.back-link {
    color: #4b5563;
    font-weight: 600;
}

.server-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.server-title-row {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.server-title-row h1 {
    margin: 0;
}

.server-subtitle {
    margin-top: 8px;
    color: #6b7280;
}

.status-badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 700;
}

.status-badge.running {
    background: #dcfce7;
    color: #166534;
}

.status-badge.off {
    background: #fee2e2;
    color: #991b1b;
}

.status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: currentColor;
}

.server-header-actions form {
    margin: 0;
}

.details-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.details-grid .card {
    margin-bottom: 0;
}

.info-list {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.info-list > div {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 12px 0;
    border-bottom: 1px solid #e5e7eb;
}

.info-list > div:last-child {
    border-bottom: 0;
}

.info-list span {
    color: #6b7280;
}

.info-list strong {
    text-align: right;
}

.break {
    word-break: break-all;
}

.action-box {
    background: #fffbeb;
    color: #92400e;
}

.action-info {
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
    margin-top: 12px;
}

#action-progress {
    margin-top: 10px;
}

#action-error {
    margin-top: 10px;
    color: #991b1b;
}

@media (max-width: 700px) {

    .server-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .details-grid {
        grid-template-columns: 1fr;
    }

    .info-list > div {
        flex-direction: column;
        gap: 4px;
    }

    .info-list strong {
        text-align: left;
    }
}

.dashboard-actions {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 18px;
}

.page-heading {
    display: flex;
    justify-content: space-between;
    margin: 20px 0;
}

.page-heading p {
    color: #6b7280;
}

.create-form {
    max-width: 900px;
}

.form-section {
    padding: 20px 0;
    border-bottom: 1px solid #e5e7eb;
}

.form-section:first-child {
    padding-top: 0;
}

.form-section:last-of-type {
    border-bottom: 0;
}

.form-section h2 {
    margin-top: 0;
}

.form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.create-form label {
    display: block;
    font-weight: 600;
    margin-bottom: 7px;
}

.create-form input[type="text"],
.create-form select {
    width: 100%;
    box-sizing: border-box;
    padding: 11px 12px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    background: #fff;
}

.create-form small {
    display: block;
    color: #6b7280;
    margin-top: 7px;
}

.ssh-key-list {
    display: grid;
    gap: 10px;
}

.ssh-key-option,
.check-option {
    display: flex !important;
    align-items: center;
    gap: 10px;
    padding: 11px 12px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    cursor: pointer;
}

.ssh-key-option input,
.check-option input {
    width: auto;
}

.ssh-key-option span {
    display: flex;
    flex-direction: column;
}

.empty-note {
    padding: 12px;
    background: #f9fafb;
    border-radius: 8px;
    color: #6b7280;
}

.checkbox-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.form-actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 20px;
}

.create-success {
    max-width: 650px;
    margin: 40px auto;
    text-align: center;
}

.success-icon {
    width: 60px;
    height: 60px;
    margin: 0 auto 15px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #dcfce7;
    color: #166534;
    font-size: 32px;
    font-weight: 700;
}

.success-details {
    margin: 25px 0;
    display: grid;
    gap: 0;
    text-align: left;
}

.success-details > div {
    display: flex;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid #e5e7eb;
}

@media (max-width: 700px) {
    .form-grid,
    .checkbox-grid {
        grid-template-columns: 1fr;
    }

    .dashboard-actions {
        justify-content: stretch;
    }

    .dashboard-actions .btn {
        width: 100%;
        text-align: center;
    }
}

.form-help {
    color: #6b7280;
    margin-top: -5px;
}

.root-password-card {
    margin-top: 18px;
}

.root-password-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.root-password-heading h2 {
    margin-bottom: 5px;
}

.root-password-heading p,
.root-password-card > p {
    color: #6b7280;
    margin-top: 0;
}

.password-row {
    display: flex;
    gap: 10px;
    margin: 15px 0 8px;
}

.password-row input {
    flex: 1;
    min-width: 0;
    padding: 11px 12px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    font-family: monospace;
    letter-spacing: 1px;
}

.btn.warning {
    background: #f59e0b;
    color: #fff;
    border: 0;
}

@media (max-width: 700px) {
    .password-row {
        flex-direction: column;
    }

    .root-password-heading {
        align-items: flex-start;
        flex-direction: column;
    }
}

.danger-zone {
    margin-top: 24px;
    border: 1px solid #ef4444;
}

.danger-zone-heading h2 {
    margin-bottom: 5px;
}

.danger-zone-heading p {
    color: #6b7280;
    margin-top: 0;
}

.delete-confirm-row {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.delete-confirm-row input {
    flex: 1;
    min-width: 0;
    padding: 11px 12px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
}

.btn.danger {
    background: #dc2626;
    color: #fff;
    border: 0;
}

.btn.danger:hover {
    background: #b91c1c;
}

@media (max-width: 700px) {
    .delete-confirm-row {
        flex-direction: column;
    }
}

.server-action-card {
    margin-top: 18px;
}

.server-action-card p {
    color: #6b7280;
}

.btn.warning {
    background: #f59e0b;
    color: #fff;
    border: 0;
}

.danger-alert {
    border-color: #f59e0b;
}

.server-summary {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
}

.server-summary div {
    padding: 14px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
}

.server-summary span {
    display: block;
    color: #6b7280;
    font-size: 13px;
    margin-bottom: 5px;
}

@media (max-width: 700px) {
    .server-summary {
        grid-template-columns: 1fr;
    }
}

/* Create Server - modern networking UI */
.create-server-page .page-top { margin-bottom: 20px; }
.create-server-page .page-heading { margin: 10px 0 0; }
.create-server-page .page-heading h1 { margin: 0 0 7px; font-size: 34px; color: #14213d; }
.create-server-page .page-heading p { margin: 0; color: #64748b; }
.create-server-form { max-width: 100%; padding: 0; overflow: hidden; }
.create-server-form .form-section { padding: 26px 28px; margin: 0; }
.create-server-form .form-section + .form-section { border-top: 1px solid #e8edf5; }
.section-heading { display: flex; align-items: flex-start; gap: 13px; margin-bottom: 22px; }
.section-icon { flex: 0 0 34px; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; background: #eaf2ff; color: #1769e0; font-size: 12px; font-weight: 800; }
.section-icon.network-icon { background: #e8f8ef; color: #16804a; }
.section-heading h2 { margin: 0 0 4px; color: #14213d; font-size: 18px; }
.section-heading p { margin: 0; color: #718096; font-size: 13px; }
.create-server-form .field { min-width: 0; }
.create-server-form .field-full { grid-column: 1 / -1; }
.create-server-form label { color: #24324a; }
.create-server-form input[type="text"],
.create-server-form input:not([type]),
.create-server-form select { margin: 7px 0 0; min-height: 44px; border-color: #d7e0ec; color: #24324a; transition: border-color .15s, box-shadow .15s; }
.create-server-form select[multiple] { min-height: 118px; }
.create-server-form input:focus,
.create-server-form select:focus { outline: none; border-color: #4c91f7; box-shadow: 0 0 0 3px rgba(76,145,247,.12); }
.create-server-form small { line-height: 1.45; }
.network-choice-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.network-option { display: flex !important; align-items: flex-start; gap: 13px; padding: 17px; border: 1px solid #dce5f0; border-radius: 12px; background: #fff; cursor: pointer; transition: .15s ease; }
.network-option:hover { border-color: #a8c9f8; background: #fafdff; }
.network-option.selected { border-color: #6aa4f8; background: #f5f9ff; box-shadow: 0 0 0 1px rgba(47,125,233,.08); }
.network-option input { position: absolute; opacity: 0; pointer-events: none; width: auto; margin: 0; }
.network-option-title { display: flex; align-items: center; gap: 8px; font-weight: 700; color: #16263f; }
.network-check { width: 20px; height: 20px; border-radius: 5px; display: inline-grid; place-items: center; background: #d9e2ee; color: transparent; font-size: 13px; font-weight: 800; }
.network-option.selected .network-check { background: #1769e0; color: #fff; }
.network-option-desc { display: block; margin-top: 7px; color: #718096; font-size: 13px; line-height: 1.45; }
.network-note { display: flex; gap: 10px; align-items: flex-start; margin-top: 15px; padding: 12px 14px; border-radius: 10px; background: #f6f9fd; color: #5f7188; font-size: 13px; }
.network-note strong { color: #28415f; white-space: nowrap; }
.private-network-box { margin-top: 20px; padding: 18px; border: 1px solid #e0e7f0; border-radius: 13px; background: #fbfcfe; }
.private-network-heading { display: flex; justify-content: space-between; gap: 15px; align-items: flex-start; margin-bottom: 14px; }
.private-network-heading h3 { margin: 0 0 4px; color: #1d2f49; font-size: 15px; }
.private-network-heading p { margin: 0; color: #718096; font-size: 13px; }
.optional-badge { padding: 5px 9px; border-radius: 999px; background: #eef2f7; color: #66758a; font-size: 11px; font-weight: 700; white-space: nowrap; }
.private-network-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.private-network-option { display: flex !important; align-items: center; gap: 10px; padding: 12px; border: 1px solid #e0e7f0; border-radius: 10px; background: #fff; cursor: pointer; }
.private-network-option:hover { border-color: #a8c9f8; }
.private-network-option input { width: auto; margin: 0; }
.private-network-option strong { display: block; color: #263951; font-size: 13px; }
.private-network-option small { display: block; color: #7b8798; margin-top: 3px; font-size: 11px; }
.private-network-option[hidden] { display: none !important; }
.toggle-row { display: flex !important; align-items: center; gap: 10px; padding: 12px; border: 1px solid #e0e7f0; border-radius: 10px; background: #fbfcfe; cursor: pointer; }
.toggle-row input { position: absolute; opacity: 0; width: auto; margin: 0; }
.toggle-ui { width: 40px; height: 22px; border-radius: 99px; background: #cbd5e1; position: relative; flex: 0 0 auto; }
.toggle-ui:after { content: ''; position: absolute; width: 18px; height: 18px; top: 2px; left: 2px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.18); transition: left .15s; }
.toggle-row input:checked + .toggle-ui { background: #1769e0; }
.toggle-row input:checked + .toggle-ui:after { left: 20px; }
.toggle-row strong { display: block; font-size: 13px; }
.toggle-row small { display: block; margin-top: 3px; color: #718096; }
.create-form-footer { display: flex; justify-content: space-between; align-items: center; gap: 15px; padding: 18px 28px; background: #fbfcfe; border-top: 1px solid #e8edf5; }
.create-summary { color: #52657d; font-size: 13px; font-weight: 700; }
.create-submit { min-width: 150px; padding: 12px 18px; background: #1769e0; }
.create-submit:hover { background: #0f5bc8; }
.create-submit span { margin-left: 7px; }
@media (max-width: 760px) {
    .create-server-page .page-heading h1 { font-size: 28px; }
    .create-server-form .form-section { padding: 20px 16px; }
    .network-choice-grid, .private-network-list { grid-template-columns: 1fr; }
    .network-note { flex-direction: column; gap: 3px; }
    .private-network-heading { flex-direction: column; }
    .create-form-footer { padding: 16px; flex-direction: column; align-items: stretch; }
    .create-submit { width: 100%; }
}

/* Create Server — polished responsive layout */
.create-server-page {
    max-width: 1280px;
    padding-bottom: 60px;
}
.create-server-page .back-link {
    color: #1769e0;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.create-server-page .page-heading {
    margin: 10px 0 22px;
}
.create-server-page .page-heading h1 {
    font-size: clamp(28px, 4vw, 38px);
    letter-spacing: -.7px;
}
.create-server-page .page-heading p {
    max-width: 760px;
    line-height: 1.55;
}
.create-progress {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    margin: 0 0 18px;
    padding: 15px 20px;
    background: #fff;
    border: 1px solid #e3ebf5;
    border-radius: 16px;
    box-shadow: 0 8px 28px rgba(25, 65, 110, .06);
}
.create-step {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 11px;
    position: relative;
    color: #8090a5;
}
.create-step:not(:last-child)::after {
    content: '';
    position: absolute;
    left: 42px;
    right: 16px;
    top: 50%;
    height: 1px;
    background: #e1e9f3;
}
.create-step span {
    z-index: 1;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #f1f5fa;
    border: 1px solid #dce5ef;
    color: #60738c;
    font-weight: 800;
}
.create-step.active { color: #1769e0; }
.create-step.active span {
    background: #1769e0;
    border-color: #1769e0;
    color: #fff;
    box-shadow: 0 5px 15px rgba(23,105,224,.25);
}
.create-step strong { display: block; font-size: 13px; }
.create-step small { display: block; margin-top: 2px; color: #8796a9; font-size: 11px; }
.create-server-form {
    border: 1px solid #e2eaf4;
    border-radius: 18px;
    box-shadow: 0 12px 40px rgba(20, 55, 95, .08);
}
.create-server-form .form-section {
    padding: clamp(20px, 3vw, 30px);
}
.create-server-form .section-heading {
    padding-bottom: 4px;
}
.create-server-form .form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}
.create-server-form .field {
    min-width: 0;
}
.create-server-form input[type="text"],
.create-server-form input:not([type]),
.create-server-form select,
.create-server-form select[multiple] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    font-size: 14px;
}
.create-server-form select[multiple] {
    min-height: 132px;
    padding: 8px;
}
.create-server-form .network-choice-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.network-option {
    min-width: 0;
}
.network-option-main { min-width: 0; }
.network-option-desc { overflow-wrap: anywhere; }
.private-network-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.private-network-option {
    min-width: 0;
}
.private-network-option span { min-width: 0; }
.private-network-option strong,
.private-network-option small { overflow-wrap: anywhere; }
.create-form-footer {
    position: sticky;
    bottom: 0;
    z-index: 5;
    backdrop-filter: blur(10px);
    background: rgba(251,252,254,.94);
}
.create-submit {
    border-radius: 10px;
    font-weight: 700;
    box-shadow: 0 7px 18px rgba(23,105,224,.2);
}

@media (max-width: 900px) {
    .create-server-page { padding-left: 16px; padding-right: 16px; }
    .create-server-form .form-grid { grid-template-columns: 1fr; }
    .create-server-form .field-full { grid-column: auto; }
    .create-server-form .network-choice-grid { grid-template-columns: 1fr; }
    .private-network-list { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
    .navbar {
        height: auto;
        min-height: 58px;
        padding: 12px 14px;
        gap: 10px;
        flex-wrap: wrap;
    }
    .navbar > div {
        font-size: 12px;
        white-space: nowrap;
    }
    .brand { font-size: 17px; }
    .create-server-page {
        margin-top: 18px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .create-server-page .page-heading {
        margin-bottom: 16px;
    }
    .create-server-page .page-heading h1 {
        font-size: 27px;
    }
    .create-server-page .page-heading p {
        font-size: 13px;
    }
    .create-progress {
        grid-template-columns: 1fr;
        gap: 10px;
        padding: 12px;
        border-radius: 13px;
    }
    .create-step {
        padding: 2px 4px;
    }
    .create-step:not(:last-child)::after { display: none; }
    .create-step span { flex-basis: 30px; width: 30px; height: 30px; }
    .create-step strong { font-size: 12px; }
    .create-step small { font-size: 10px; }
    .create-server-form { border-radius: 14px; }
    .create-server-form .form-section { padding: 18px 14px; }
    .section-heading { gap: 10px; margin-bottom: 17px; }
    .section-icon { flex-basis: 30px; width: 30px; height: 30px; }
    .section-heading h2 { font-size: 16px; }
    .section-heading p { font-size: 12px; line-height: 1.45; }
    .network-option { padding: 14px; }
    .network-option-title { font-size: 14px; }
    .network-option-desc { font-size: 12px; }
    .private-network-box { padding: 13px; }
    .create-form-footer {
        position: static;
        flex-direction: column;
        align-items: stretch;
        padding: 14px;
    }
    .create-summary { text-align: center; }
    .create-submit { width: 100%; margin: 0; min-height: 46px; }
}

/* Create Server — Cloud Price visual layout */
.create-server-page{max-width:1240px;padding-bottom:60px}
.create-breadcrumb{display:flex;gap:7px;align-items:center;font-size:13px;color:#70809a;margin-bottom:12px}.create-breadcrumb a{color:#1769e0;font-weight:700}.create-hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}.create-hero h1{margin:0;color:#12284b;font-size:34px;letter-spacing:-.7px}.create-hero p{margin:3px 0 0;color:#7285a2}.help-card{display:flex;align-items:center;gap:12px;border:1px solid #dce9f8;background:#fff;border-radius:11px;padding:11px 14px;min-width:265px;color:#1769e0}.help-card>span{width:34px;height:34px;border-radius:9px;background:#eaf3ff;display:grid;place-items:center}.help-card div{display:flex;flex-direction:column;flex:1}.help-card strong{font-size:12px;color:#18345b}.help-card small{font-size:10px;color:#7186a5;margin-top:2px}.help-card b{font-size:18px}.create-progress{box-shadow:0 7px 25px rgba(28,69,115,.055);border-radius:14px;padding:14px 20px;margin-bottom:14px}.create-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:14px;align-items:start}.create-main-card{min-width:0;background:#fff;border:1px solid #e0eaf6;border-radius:16px;box-shadow:0 10px 35px rgba(26,67,110,.065);overflow:hidden}.config-block{padding:20px}.field-row,.access-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{min-width:0}.field.full{margin-top:18px}.field label:not(.toggle-row){display:block;font-size:13px;font-weight:800;color:#20385b;margin-bottom:7px}.field input,.field select{margin:0!important;width:100%;min-height:40px;border:1px solid #d4e1ef;border-radius:8px;background:#fff;color:#2a4263;padding:9px 11px;font-size:13px}.field input:focus,.field select:focus{outline:0;border-color:#4790f6;box-shadow:0 0 0 3px rgba(71,144,246,.1)}.field small{display:block;color:#8293ab;font-size:10px;line-height:1.45;margin-top:5px}.available-pill{display:inline-block;margin:6px 0 1px;color:#1a9b62;background:#e9f9f1;padding:3px 8px;border-radius:999px;font-size:9px;font-weight:800}.os-grid{display:grid;grid-template-columns:repeat(7,minmax(70px,1fr));gap:7px;margin-bottom:8px}.os-card{min-width:0;border:1px solid #dbe6f2;background:#fff;border-radius:9px;padding:9px 5px;cursor:pointer;text-align:center;color:#1f3c64}.os-card:hover,.os-card.active{border-color:#3d8bf5;box-shadow:0 0 0 1px #3d8bf5;background:#f8fbff}.os-icon{display:block;font-size:19px;height:25px}.os-card strong{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.os-card small{font-size:8px;color:#7790af}.networking-panel{margin-top:20px;border-top:1px solid #e5edf6;padding-top:19px}.panel-title{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:13px}.panel-title h2{margin:0;color:#16345b;font-size:17px}.panel-title p{margin:3px 0 0;color:#7b8da5;font-size:11px}.panel-badge{font-size:9px;font-weight:800;color:#1769e0;background:#edf5ff;border-radius:999px;padding:5px 8px;white-space:nowrap}.network-choice-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px}.network-option{position:relative;display:flex!important;align-items:flex-start;gap:9px;padding:12px!important;border:1px solid #dbe6f2!important;border-radius:9px!important;background:#fff!important}.network-option.selected{border-color:#74aafa!important;background:#f7fbff!important}.network-option input{position:absolute!important;opacity:0!important}.fake-check{width:18px;height:18px;border-radius:5px;background:#dce6f1;color:transparent;display:grid;place-items:center;font-size:11px;font-weight:900;flex:0 0 auto}.network-option.selected .fake-check{background:#1769e0;color:#fff}.network-option strong{display:block;font-size:11px;color:#203b61}.network-option small{display:block;margin-top:2px;font-size:9px;color:#7b8da5}.private-network-box{margin-top:10px;padding:12px!important;border-radius:10px!important;background:#fbfdff!important}.private-network-heading h3{font-size:12px!important}.private-network-heading p{font-size:10px!important}.private-network-list{grid-template-columns:1fr 1fr!important}.private-network-option{padding:9px!important}.private-network-option strong{font-size:10px}.private-network-option small{font-size:9px}.access-grid{margin-top:20px;padding-top:19px;border-top:1px solid #e5edf6}.toggle-row{min-height:40px;padding:9px!important;border-radius:8px!important}.toggle-row strong{font-size:11px}.toggle-row small{font-size:9px}.create-footer{display:flex;justify-content:flex-end;align-items:center;gap:15px;padding:12px 20px;background:#fbfdff;border-top:1px solid #e6edf6}.create-footer #network-summary{display:none}.create-submit{border:0;border-radius:8px!important;background:#1769e0!important;color:#fff!important;padding:10px 20px!important;font-weight:800;min-width:132px;cursor:pointer}.create-submit:hover{background:#0f5fcf!important}.create-side{display:flex;flex-direction:column;gap:12px;min-width:0}.side-card{background:#fff;border:1px solid #dfeaf6;border-radius:13px;padding:13px;box-shadow:0 8px 25px rgba(26,67,110,.045)}.side-title{display:flex;align-items:center;gap:8px;color:#16345b;font-size:12px;margin-bottom:11px}.side-title>span{color:#1769e0}.side-hint{background:#eef6ff;border:1px solid #d7eaff;color:#1769e0;border-radius:7px;padding:8px;font-size:9px;line-height:1.45;margin-bottom:9px}.summary-card dl{margin:0}.summary-card dl>div{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid #edf2f7}.summary-card dt{font-size:10px;color:#314b70}.summary-card dd{font-size:10px;color:#6f84a2;text-align:right;margin:0;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-success{margin-top:9px;background:#eaf9f2;color:#15915a;border-radius:7px;padding:7px;font-size:9px;line-height:1.4}.selected-location{padding:7px 9px;background:#f8fbff;border:1px solid #e0eaf5;border-radius:7px;color:#31557f;font-size:9px;margin-bottom:7px}.type-mini{width:100%;display:flex;align-items:center;text-align:left;gap:8px;border:1px solid #e2eaf4;background:#fff;border-radius:8px;padding:8px;margin-bottom:6px;cursor:pointer;color:#17365f}.type-mini:hover,.type-mini.active{border-color:#76adfa;background:#f8fbff}.type-mini .radio-dot{width:13px;height:13px;border:1px solid #a8bfd8;border-radius:50%;flex:0 0 auto}.type-mini.active .radio-dot{border:4px solid #3d8df5}.type-mini span:nth-child(2){min-width:0;flex:1}.type-mini strong{display:block;font-size:10px}.type-mini small{display:block;color:#7a8da7;font-size:8px;margin-top:2px;white-space:nowrap}.type-mini b{font-size:9px;color:#0b72e8;white-space:nowrap}.side-info{margin-top:8px;background:#eef7ff;color:#1769e0;border-radius:7px;padding:8px;font-size:8px;line-height:1.45}.alert{border:1px solid #ffd5d5}.create-server-page .create-progress{max-width:none}
@media(max-width:1050px){.create-layout{grid-template-columns:1fr}.create-side{display:grid;grid-template-columns:1fr 1fr}.os-grid{grid-template-columns:repeat(4,minmax(70px,1fr))}}
@media(max-width:720px){.create-hero{flex-direction:column}.help-card{width:100%}.field-row,.access-grid,.network-choice-grid,.private-network-list{grid-template-columns:1fr!important}.create-progress{grid-template-columns:1fr;padding:10px}.create-step:not(:last-child)::after{display:none}.create-main-card{border-radius:12px}.config-block{padding:14px}.os-grid{grid-template-columns:repeat(3,minmax(70px,1fr))}.create-side{display:flex}.create-footer{padding:12px 14px}.create-submit{width:100%}.create-hero h1{font-size:29px}}
@media(max-width:430px){.create-server-page{padding:0 9px}.create-breadcrumb{font-size:11px}.os-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.create-step strong{font-size:11px}.create-step small{font-size:9px}.side-card{padding:11px}}

/* Create Server — final polish / prevent horizontal overflow */
html, body { max-width: 100%; overflow-x: hidden; }
.create-server-page {
    width: min(1240px, calc(100% - 32px));
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    min-width: 0;
}
.create-hero, .create-progress, .create-layout { min-width: 0; }
.create-hero > *, .create-layout > * { min-width: 0; }
.create-layout { width: 100%; }
.create-main-card, .create-side { min-width: 0; max-width: 100%; }
.create-side { display: block; }
.os-grid { min-width: 0; }
.os-card { min-width: 0; }
.os-icon { height: 30px; display: grid; place-items: center; }
.os-logo { width: 27px; height: 27px; display: block; }
.types-card { display: none !important; }

@media (max-width: 1050px) {
    .create-layout { grid-template-columns: 1fr; }
    .create-side { width: 100%; }
}
@media (max-width: 720px) {
    .create-server-page { width: calc(100% - 20px); }
    .create-hero { gap: 12px; }
    .help-card { min-width: 0; }
    .create-progress { width: 100%; }
    .create-layout { gap: 10px; }
}
@media (max-width: 430px) {
    .create-server-page { width: calc(100% - 14px); }
}

/* Create Server — visual Server Type cards */
.server-type-section{margin-top:18px!important}
.server-type-section .section-label{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:10px}
.server-type-section .section-label label{margin:0!important;font-size:17px!important}
.server-type-section .section-label small{margin:0;max-width:70%;text-align:right}
.server-type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-height:360px;overflow-y:auto;overflow-x:hidden;padding:2px 8px 6px 2px;scrollbar-width:thin;scrollbar-color:#b9cce2 #f3f7fb}
.server-type-grid::-webkit-scrollbar{width:8px}
.server-type-grid::-webkit-scrollbar-track{background:#f3f7fb;border-radius:10px}
.server-type-grid::-webkit-scrollbar-thumb{background:#b9cce2;border-radius:10px}
.server-type-card{position:relative;min-width:0;width:100%;text-align:center;border:1px solid #dbe6f2;background:#fff;border-radius:11px;padding:14px 8px 12px;cursor:pointer;color:#18385f;transition:.15s;border:1px solid #dce7f3;overflow:hidden}
.server-type-card:hover{border-color:#72aaf7;transform:translateY(-1px);box-shadow:0 5px 15px rgba(42,105,180,.08)}
.server-type-card.active{border-color:#287ff0;box-shadow:0 0 0 2px rgba(40,127,240,.13);background:#f8fbff}
.server-type-card[hidden]{display:none}
.server-type-card .type-icon{width:38px;height:38px;border-radius:10px;margin:0 auto 8px;display:grid;place-items:center;background:linear-gradient(145deg,#eef6ff,#dcecff);color:#287ff0;font-size:24px;font-weight:900}
.server-type-card .type-check{position:absolute;right:8px;top:8px;width:18px;height:18px;border-radius:50%;background:#287ff0;color:#fff;font-size:11px;display:none;place-items:center}
.server-type-card.active .type-check{display:grid}
.server-type-card strong{display:block;font-size:12px;margin-bottom:5px}
.server-type-card small{display:block;min-height:28px;color:#7890ac;font-size:9px;line-height:1.4}
.server-type-card .type-price{display:block;margin-top:7px;color:#0b72e8;font-size:10px;line-height:1.25;min-height:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.field-help{margin-top:6px;color:#7f93ad;font-size:10px}
.summary-card dd{font-weight:600}
@media(max-width:1100px){.server-type-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:330px}}
@media(max-width:720px){.server-type-section .section-label{display:block}.server-type-section .section-label small{max-width:none;text-align:left;margin-top:4px}.server-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:300px;padding-right:6px}.server-type-card{padding:12px 6px 11px}.server-type-card .type-price{font-size:9px}}
@media(max-width:430px){.server-type-grid{grid-template-columns:1fr 1fr}.server-type-card{padding:12px 6px}.server-type-card small{font-size:8px}}

/* Global Cloud Price responsive polish */
html { overflow-x: hidden; }
body { min-width: 0; overflow-x: hidden; line-height: 1.55; }
.navbar { position: sticky; top: 0; z-index: 50; min-width: 0; height: auto; min-height: 64px; gap: 16px; flex-wrap: wrap; }
.navbar > div { display: flex; align-items: center; justify-content: flex-end; gap: 10px; flex-wrap: wrap; min-width: 0; }
.navbar a { transition: opacity .15s ease; }
.navbar a:hover { opacity: .8; }
.container { width: min(1200px, calc(100% - 32px)); max-width: 1200px; margin: 28px auto; padding: 0; }
.card { overflow: hidden; border: 1px solid #e5e7eb; box-shadow: 0 8px 28px rgba(15,23,42,.06); }
.card h1, .card h2, .card h3 { line-height: 1.25; }
.grid { min-width: 0; }
.btn { min-height: 40px; font-weight: 600; transition: transform .12s ease, opacity .12s ease; }
.btn:hover { opacity: .92; }
.btn:active { transform: translateY(1px); }
.alert { overflow-wrap: anywhere; }

/* Tables stay inside their cards instead of breaking the page width */
.card:has(table) { overflow-x: auto; }
table { min-width: 680px; }
th, td { white-space: nowrap; }

/* Dashboard */
.dashboard-actions { width: min(1200px, calc(100% - 32px)); margin: 22px auto -8px; }
.dashboard-actions .btn { margin-left: 0; }

/* Server details */
.server-header { min-width: 0; }
.server-header-actions { display: flex; align-items: center; justify-content: flex-end; gap: 6px; flex-wrap: wrap; }
.server-header-actions form { display: inline-flex; }
.server-header-actions .btn { margin: 0; }
.details-grid { min-width: 0; }
.info-list strong { overflow-wrap: anywhere; }
.password-row { align-items: stretch; }
.password-row .btn { flex: 0 0 auto; }

/* Auth pages */
.login { width: min(420px, calc(100% - 32px)); margin: 70px auto; padding: 24px; }
.login .card { margin-bottom: 0; }

/* Create server page remains visually independent, but shares responsive rules */
.create-server-page, .create-layout, .create-main-card, .create-side { min-width: 0; }
.create-main-card, .create-side, .summary-card { overflow: hidden; }

@media (max-width: 900px) {
    .container { width: min(100% - 24px, 760px); margin-top: 20px; }
    .dashboard-actions { width: calc(100% - 24px); }
    .navbar { padding: 12px 14px; }
    .navbar > div { width: 100%; justify-content: flex-start; font-size: 14px; }
    .server-header { flex-direction: column; align-items: stretch; }
    .server-header-actions { justify-content: flex-start; }
}

@media (max-width: 700px) {
    .container { width: calc(100% - 20px); margin: 16px auto 24px; }
    .dashboard-actions { width: calc(100% - 20px); margin: 14px auto 0; }
    .card { padding: 16px; border-radius: 12px; margin-bottom: 14px; }
    .card h1 { font-size: 25px; }
    .card h2 { font-size: 19px; }
    .grid { grid-template-columns: 1fr; gap: 12px; }
    .stat { font-size: 25px; }
    .navbar { padding: 11px 12px; gap: 8px; }
    .brand { font-size: 18px; }
    .navbar > div { gap: 7px; line-height: 1.8; }
    .btn { width: auto; max-width: 100%; padding: 9px 12px; }
    .server-header-actions { width: 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .server-header-actions form, .server-header-actions .btn { width: 100%; }
    .server-header-actions .btn { text-align: center; }
    .info-list > div { padding: 10px 0; }
    .password-row { flex-direction: column; }
    .password-row .btn { width: 100%; }
    .delete-confirm-row { flex-direction: column; }
    .delete-confirm-row .btn { width: 100%; }
    .form-actions { flex-direction: column; }
    .form-actions .btn { width: 100%; }
    table { min-width: 620px; }
    th, td { padding: 11px 8px; }
    .login { width: calc(100% - 20px); margin: 35px auto; padding: 16px; }
}

@media (max-width: 420px) {
    .server-header-actions { grid-template-columns: 1fr; }
    .container { width: calc(100% - 16px); }
    .dashboard-actions { width: calc(100% - 16px); }
    .dashboard-actions .btn { width: 100%; text-align: center; }
    .brand { max-width: 100%; overflow-wrap: anywhere; }
}

/* ===== Cloud Price modern dashboard / server-details skin ===== */
body.app-page{background:#f4f8fd;color:#13294b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.app-shell{display:flex;min-height:100vh;background:#f4f8fd}.sidebar{width:272px;flex:0 0 272px;background:linear-gradient(180deg,#0d2344 0%,#081b37 100%);color:#fff;display:flex;flex-direction:column;padding:22px 13px 14px;position:fixed;inset:0 auto 0 0;z-index:80}.sidebar-brand{display:flex;align-items:center;gap:13px;color:#fff;padding:0 12px 24px}.brand-mark{width:45px;height:45px;border-radius:14px;background:linear-gradient(145deg,#dceeff,#83b9ff);color:#0d5fd2;display:grid;place-items:center;font-size:28px;box-shadow:0 8px 22px rgba(65,145,255,.2)}.sidebar-brand b{display:block;font-size:20px;letter-spacing:-.3px}.sidebar-brand small{display:block;margin-top:3px;color:#b8c9df;font-size:11px}.side-nav{display:flex;flex-direction:column;gap:5px}.side-nav a{display:flex;align-items:center;gap:14px;color:#d8e4f5;padding:13px 15px;border-radius:11px;font-weight:600;font-size:14px;transition:.15s}.side-nav a span{width:25px;text-align:center;font-size:23px}.side-nav a:hover{background:rgba(255,255,255,.07);color:#fff}.side-nav a.active{background:linear-gradient(90deg,#0875ed,#1765e9);box-shadow:0 8px 20px rgba(0,102,240,.22);color:#fff}.sidebar-bottom{margin-top:auto}.sidebar-service{padding:10px 16px 16px;color:#dce9f9}.sidebar-service strong{display:block;font-size:13px}.sidebar-service small{display:block;color:#91a9c8;margin-top:5px;font-size:10px}.sidebar-user{border:1px solid rgba(117,170,230,.2);border-radius:12px;padding:12px;display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.025)}.sidebar-user .user-avatar,.top-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e8f1ff;color:#2d7ef1}.sidebar-user div{min-width:0;flex:1}.sidebar-user strong{display:block;font-size:12px}.sidebar-user small{display:block;color:#8ea8c7;font-size:10px;margin-top:2px}.sidebar-user>a{color:#fff;font-size:21px}.app-main{margin-left:272px;min-width:0;width:calc(100% - 272px)}.topbar{height:64px;background:#0c2141;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 26px}.mobile-brand{display:none;align-items:center;gap:10px}.topbar-user{display:flex;align-items:center;gap:10px;font-size:13px;margin-left:auto}.topbar-user .bell{font-size:20px;margin-right:15px}.topbar-user .top-avatar{width:34px;height:34px}.topbar-user>a{color:#fff;margin-left:15px}.modern-container{width:min(1490px,calc(100% - 48px));margin:0 auto;padding:34px 0 44px}.page-heading-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.page-heading-row>div:first-child{display:flex;align-items:center;gap:14px}.page-heading-row h1{margin:0;font-size:30px;letter-spacing:-.7px;color:#132b51}.page-heading-row p{margin:4px 0 0;color:#6880a4;font-size:14px}.eyebrow-icon{width:44px;height:44px;border-radius:12px;background:#e8f3ff;color:#0873ee;display:grid;place-items:center;font-size:25px}.modern-primary,.modern-secondary,.modern-primary:visited{border:0;border-radius:9px;padding:11px 18px;background:#0873ed;color:#fff;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 5px 15px rgba(20,105,230,.18)}.modern-primary:hover{background:#0565d5}.modern-secondary{background:#fff;color:#2b5d9e;border:1px solid #d7e5f5;box-shadow:none}.modern-alert{background:#fff0f0;border:1px solid #ffd0d0;color:#ad3030;border-radius:10px;padding:12px 15px;margin-bottom:14px}.success-alert{background:#eafaf2;border-color:#c7efd9;color:#118a54}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:21px}.stat-card{background:#fff;border:1px solid #e0eaf6;border-radius:13px;padding:19px 20px;display:flex;align-items:center;gap:15px;box-shadow:0 8px 28px rgba(22,61,105,.045)}.stat-icon{width:51px;height:51px;border-radius:13px;display:grid;place-items:center;font-size:24px;flex:0 0 auto}.stat-icon.blue{background:#e9f3ff;color:#0873ed}.stat-icon.green{background:#e6f9f1;color:#0db179}.stat-icon.purple{background:#f0eaff;color:#7a42e8}.stat-icon.orange{background:#fff1da;color:#ee9a12}.stat-card small{display:block;color:#7188aa;font-size:13px}.stat-card strong{display:block;font-size:29px;line-height:1.15;margin-top:5px;color:#172e50}.stat-card p{margin:5px 0 0;color:#7c90ad;font-size:11px}.servers-panel{background:#fff;border:1px solid #dfe9f5;border-radius:14px;box-shadow:0 9px 30px rgba(22,61,105,.045);padding:18px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px}.panel-heading>div:first-child{display:flex;align-items:center;gap:12px}.panel-heading h2{margin:0;font-size:21px;color:#173153}.panel-icon{font-size:24px;color:#145fc2}.panel-tools{display:flex;align-items:center;gap:10px}.panel-tools button,.panel-tools select{border:0;background:#fff;color:#1b74e6;font-weight:600;padding:9px 11px;border-radius:8px;cursor:pointer}.panel-tools select{border:1px solid #e0e8f2;color:#526d91}.server-row{display:grid;grid-template-columns:1.25fr 1.05fr 1.05fr .85fr;align-items:stretch;border:1px solid #dfe8f3;border-left:5px solid #25c887;border-radius:11px;margin-top:11px;overflow:hidden;background:#fff}.server-main,.server-meta,.server-os{padding:18px 17px;display:flex;align-items:center;gap:12px;min-width:0}.server-main{border-right:1px solid #edf1f6}.server-main h3{font-size:15px;margin:0 0 7px;color:#173154}.server-main small{display:block;color:#7890ae;margin-top:7px;font-size:10px}.edit-mark{color:#4d83ca;font-size:12px}.os-logo-box{width:58px;height:58px;border:1px solid #dbe7f3;border-radius:12px;display:grid;place-items:center;font-size:31px;flex:0 0 auto}.os-logo-box.ubuntu{background:#fff6f1;color:#e95420}.os-logo-box.windows{background:#eef7ff;color:#0873ed}.os-logo-box.generic{background:#f4f7fb;color:#4e79ac}.status-pill{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:700}.status-pill.running{background:#e4f8ef;color:#0a9b62}.status-pill.off{background:#feecec;color:#c43636}.server-meta{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:15px;border-right:1px solid #edf1f6}.server-meta small,.server-os small{display:block;color:#7890ae;font-size:10px;margin-bottom:4px}.server-meta strong,.server-os strong{display:block;color:#26476f;font-size:12px;font-weight:600;word-break:break-word}.server-meta em{display:block;font-style:normal;font-size:9px;color:#7890ae;margin-top:3px}.server-os{justify-content:center;flex-direction:column;align-items:flex-start}.os-tag{background:#eaf3ff;color:#1670e9;border-radius:999px;padding:3px 7px;font-size:9px;margin-left:4px}.server-actions{grid-column:1/-1;border-top:1px solid #edf1f6;padding:12px 16px;display:flex;gap:10px;align-items:center}.server-actions form{margin:0}.outline-success,.outline-danger,.details-btn{background:#fff;border:1px solid #cfe0f4;border-radius:8px;padding:9px 17px;font-weight:600;cursor:pointer;color:#1673e8}.outline-success{color:#0a9f65;border-color:#b9ead5}.outline-danger{color:#ef4d52;border-color:#ffc7c9}.details-btn{margin-left:auto}.empty-state{text-align:center;padding:55px 20px;color:#7a8eaa}.empty-state>div{font-size:40px;color:#297ce9}.empty-state h3{color:#173153;margin:8px 0}.empty-state p{margin-bottom:18px}
.server-details-page .modern-back{display:inline-block;color:#0d6ee2;font-size:13px;font-weight:700;margin-bottom:12px}.server-heading{margin-bottom:18px}.server-heading h1{font-size:30px}.server-top-actions button{background:#fff;border:1px solid #d9e6f5;border-radius:9px;padding:11px 17px;color:#23558e;font-weight:600;cursor:pointer}.server-summary-banner{display:grid;grid-template-columns:1.35fr 1fr 1.15fr 1fr 1fr;align-items:stretch;background:#fff;border:1px solid #dce8f5;border-radius:13px;box-shadow:0 9px 28px rgba(22,61,105,.045);overflow:hidden}.summary-primary,.summary-item{padding:20px;min-width:0}.summary-primary{display:flex;align-items:center;gap:18px}.big-os-logo{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 7px 20px rgba(0,0,0,.12);border:1px solid rgba(255,255,255,.18);flex:0 0 auto;overflow:hidden}.big-os-logo img{width:78px;height:78px;display:block;object-fit:contain}.big-os-logo.ubuntu,.big-os-logo.debian,.big-os-logo.fedora,.big-os-logo.centos,.big-os-logo.rocky,.big-os-logo.almalinux,.big-os-logo.opensuse,.big-os-logo.windows{background:#fff}.big-os-logo.generic{background:#f0f5fa}.summary-primary h2{margin:0 0 9px;color:#173154;font-size:18px}.summary-primary small{display:block;color:#7890ae;font-size:10px;margin-top:9px}.summary-item{border-left:1px solid #e4edf6;display:flex;flex-direction:column;justify-content:center}.summary-item small{color:#7790ae;font-size:11px;margin-bottom:7px}.summary-item strong{color:#25466f;font-size:12px;word-break:break-word}.detail-tabs{margin:14px 0;background:#fff;border:1px solid #dce8f5;border-radius:11px;display:flex;gap:28px;padding:0 15px}.detail-tabs span{padding:13px 5px;color:#506f99;font-size:12px;font-weight:600;border-bottom:3px solid transparent}.detail-tabs span.active{color:#0873ed;border-bottom-color:#0873ed}.details-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px}.modern-card{background:#fff;border:1px solid #dce8f5;border-radius:13px;box-shadow:0 8px 26px rgba(22,61,105,.045);padding:18px;margin-bottom:15px}.modern-card h2{font-size:16px;color:#173154;margin:0 0 12px}.info-table>div{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #edf2f7}.info-table>div:last-child{border-bottom:0}.info-table span{color:#7189aa;font-size:12px}.info-table strong{color:#26476f;font-size:12px;text-align:right;word-break:break-word}.network-info{display:grid;grid-template-columns:1fr 1fr}.network-info>div+div{border-left:1px solid #e5edf6;padding-left:18px}.network-info small{display:block;color:#7890ae;font-size:11px;margin-bottom:7px}.network-info strong{color:#1859a8;font-size:13px;word-break:break-all}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick-grid .rebuild-link{grid-column:2;grid-row:1;box-sizing:border-box;text-decoration:none}.quick-grid #root-password{grid-column:1/-1;grid-row:2}.quick-grid .quick-password-link{grid-column:2;grid-row:1 / span 2}.quick-grid .delete-action-form{grid-column:1;grid-row:2}.quick-grid .delete-action-form .quick{height:100%;box-sizing:border-box}.quick-grid form{margin:0;min-width:0}.quick{width:100%;display:flex;align-items:center;gap:12px;border:1px solid #dce8f5;background:#fff;border-radius:11px;padding:13px;text-align:left;cursor:pointer;color:#1b5fa9}.quick b{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#eaf4ff;color:#0b70e8;font-size:18px;flex:0 0 auto}.quick span{min-width:0;flex:1}.quick strong{display:block;font-size:13px}.quick small{display:block;color:#7890ae;font-size:9px;margin-top:3px}.quick.success{border-color:#bfead8;color:#0a9d62}.quick.success b{background:#e7f9f1;color:#0a9d62}.quick.danger{border-color:#ffcfd1;color:#e74a50}.quick.danger b{background:#fff0f0;color:#e74a50}.quick.password{color:#6e4ad7;background:#fbf9ff;border-color:#e2d8ff}.quick.password b{background:#f0eaff;color:#7446df}.quick>a{color:inherit;font-size:25px}.quick.wide{grid-column:1/-1}.root-card{scroll-margin-top:20px}.password-row{display:flex;gap:7px}.password-row input{margin:0;min-width:0}.danger-zone{display:flex;justify-content:space-between;align-items:center;gap:15px;border:1px solid #ffc9cd;background:#fff6f6;border-radius:12px;padding:15px 20px}.danger-zone h3{margin:0;color:#7c2630;font-size:14px}.danger-zone p{margin:4px 0 0;color:#9a6570;font-size:10px}.danger-solid{border:0;border-radius:8px;background:#ef4148;color:#fff;padding:10px 16px;font-weight:700;cursor:pointer}.action-box.card{margin-top:12px}
@media(max-width:1100px){.sidebar{width:220px;flex-basis:220px}.app-main{margin-left:220px;width:calc(100% - 220px)}.stat-grid{grid-template-columns:repeat(2,1fr)}.server-summary-banner{grid-template-columns:1.4fr 1fr 1fr}.summary-item:nth-child(4){border-left:0}.server-row{grid-template-columns:1.3fr 1fr 1fr}.server-os{display:none}}
@media(max-width:760px){.sidebar{position:relative;width:100%;height:auto;min-height:0;padding:12px;display:block}.sidebar-brand{padding:0 5px 10px}.sidebar-brand b{font-size:17px}.brand-mark{width:38px;height:38px;font-size:22px}.side-nav{display:grid;grid-template-columns:repeat(2,1fr)}.side-nav a{padding:10px;font-size:12px}.side-nav a span{font-size:18px;width:20px}.sidebar-bottom{display:none}.app-shell{display:block}.app-main{margin-left:0;width:100%}.topbar{height:54px;padding:0 14px}.mobile-brand{display:flex}.mobile-brand .brand-mark{width:31px;height:31px;font-size:18px}.topbar-user .bell,.topbar-user>a{display:none}.topbar-user{font-size:11px}.topbar-user .top-avatar{width:28px;height:28px}.modern-container{width:calc(100% - 20px);padding:20px 0 30px}.page-heading-row{align-items:flex-start;flex-direction:column}.page-heading-row>div:first-child{align-items:flex-start}.page-heading-row h1{font-size:25px}.page-heading-row p{font-size:12px}.modern-primary{width:100%}.stat-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:13px;gap:10px}.stat-icon{width:40px;height:40px;font-size:19px}.stat-card strong{font-size:23px}.stat-card small{font-size:11px}.stat-card p{font-size:9px}.servers-panel{padding:12px}.panel-heading{align-items:flex-start;flex-direction:column}.panel-tools{width:100%;justify-content:space-between}.server-row{grid-template-columns:1fr;margin-top:10px}.server-main,.server-meta,.server-os{border-right:0;border-bottom:1px solid #edf1f6}.server-meta{flex-direction:row;justify-content:space-between}.server-os{display:flex}.server-actions{flex-wrap:wrap}.details-btn{margin-left:0;width:100%;text-align:center}.outline-success,.outline-danger{flex:1}.server-summary-banner{grid-template-columns:1fr}.summary-item{border-left:0;border-top:1px solid #e4edf6;padding:13px 17px}.summary-primary{padding:16px}.detail-tabs{overflow:auto;gap:18px;white-space:nowrap}.details-columns{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr}.quick-grid .quick-password-link{grid-column:auto;grid-row:auto}.quick-grid .delete-action-form{grid-column:auto;grid-row:auto}.quick.wide{grid-column:auto}.danger-zone{align-items:stretch;flex-direction:column}.danger-zone form,.danger-solid{width:100%}.network-info{grid-template-columns:1fr;gap:14px}.network-info>div+div{border-left:0;border-top:1px solid #e5edf6;padding-left:0;padding-top:14px}}
@media(max-width:430px){.side-nav{grid-template-columns:1fr 1fr}.stat-grid{grid-template-columns:1fr}.modern-container{width:calc(100% - 14px)}.server-meta{flex-direction:column;align-items:flex-start;gap:9px}.summary-primary{gap:11px}.big-os-logo{width:66px;height:66px;font-size:32px}.big-os-logo img{width:64px;height:64px}.password-row{flex-wrap:wrap}.password-row input{width:100%}.password-row button{flex:1}}
.quick-password-link{text-decoration:none;display:flex;align-items:center;gap:12px}
.quick-password-link .quick-arrow{color:inherit;font-size:25px;line-height:1}
.quick-password-link:hover{border-color:#cdbdff;background:#f8f5ff}
.quick-password-link:focus-visible{outline:3px solid rgba(45,112,235,.22);outline-offset:2px}
.quick-password-link:visited{color:#6e4ad7}

/* Root Password is intentionally a single Quick Actions card. */
.quick-grid{align-items:stretch}
.quick-grid > form:not(.delete-action-form){grid-column:1;grid-row:1}
.quick-grid .quick-password-card{grid-column:2;grid-row:2;box-sizing:border-box;display:flex;align-items:flex-start;gap:12px;padding:13px;min-width:0;cursor:default}
.quick-password-card > b{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#f0eaff;color:#7446df;font-size:18px;flex:0 0 auto}
.quick-password-content{display:block;min-width:0;flex:1}
.quick-password-content > strong{display:block;font-size:13px;color:#6e4ad7}
.quick-password-content > small{display:block;color:#7890ae;font-size:9px;margin-top:3px}
.quick-password-row{display:flex;gap:7px;margin-top:11px;width:100%}
.quick-password-row input{flex:1;min-width:0;width:0;height:38px;box-sizing:border-box;border:1px solid #d7e2f1;border-radius:8px;padding:8px 10px;font-family:monospace;letter-spacing:1px;color:#24456f;background:#fff}
.quick-mini-btn{height:38px;padding:0 12px;border:1px solid #d9ccff;border-radius:8px;background:#fff;color:#6e4ad7;font-weight:700;cursor:pointer}
.quick-muted{margin:11px 0 0;color:#7890ae;font-size:10px}
.quick-password-card form{margin:10px 0 0}
.quick-generate{width:100%;border:0;border-radius:9px;background:#0873ed;color:#fff;padding:11px 13px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px}
.quick-generate:hover{background:#0565d5}
.quick-grid .delete-action-form{grid-column:1;grid-row:2;margin:0}
.quick-grid .rebuild-link{grid-column:2;grid-row:1;text-decoration:none;box-sizing:border-box;color:#b66b00;border-color:#f1d7a5;background:#fffaf0;display:flex;align-items:center;gap:12px;min-width:0}
.quick-grid .rebuild-link b{background:#fff2d8;color:#c27a00}
.quick-grid .rebuild-link strong{display:block;font-size:13px}
.quick-grid .rebuild-link small{display:block;color:#9b835e;font-size:9px;margin-top:3px}
.quick-grid .rebuild-link:hover{border-color:#e8bf70;background:#fff7e8}
.quick-grid .delete-action-form .quick{height:100%;box-sizing:border-box}
@media(max-width:760px){
  .quick-grid{grid-template-columns:1fr}
  .quick-grid > form:not(.delete-action-form),.quick-grid .quick-password-card,.quick-grid .delete-action-form,.quick-grid .rebuild-link{grid-column:auto;grid-row:auto}
  .quick-password-card{min-height:0}
}
@media(max-width:430px){
  .quick-password-row{flex-wrap:wrap}
  .quick-password-row input{width:100%;flex-basis:100%}
  .quick-mini-btn{flex:1}
}

/* Rebuild Server — Cloud Price modern UI */
.rebuild-page{max-width:1240px;padding-bottom:60px}
.rebuild-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin:4px 0 18px}
.rebuild-eyebrow{display:inline-block;color:#1769e0;background:#edf5ff;border:1px solid #dceaff;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.45px;margin-bottom:8px}
.rebuild-heading h1{margin:0;color:#12284b;font-size:32px;letter-spacing:-.6px}
.rebuild-heading p{margin:5px 0 0;color:#7185a2;font-size:13px}
.rebuild-server-chip{display:flex;align-items:center;gap:10px;min-width:190px;background:#fff;border:1px solid #dce8f5;border-radius:12px;padding:11px 13px;box-shadow:0 7px 22px rgba(22,61,105,.04)}
.rebuild-server-chip>span{width:34px;height:34px;border-radius:10px;background:#e6f8ef;color:#0aa367;display:grid;place-items:center;font-size:11px}
.rebuild-server-chip strong{display:block;color:#203b61;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:145px}
.rebuild-server-chip small{display:block;color:#7d91ad;font-size:9px;margin-top:3px}
.rebuild-layout{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:15px;align-items:start}
.rebuild-card{padding:0;overflow:hidden}
.rebuild-card-head{display:flex;align-items:center;gap:12px;padding:20px 21px 16px;border-bottom:1px solid #edf2f7}
.rebuild-icon{width:40px;height:40px;border-radius:11px;background:#eef5ff;color:#1769e0;display:grid;place-items:center;font-size:22px;font-weight:800}
.rebuild-card-head h2{margin:0;color:#173154;font-size:17px}
.rebuild-card-head p{margin:3px 0 0;color:#7b8da5;font-size:11px}
.rebuild-warning{display:flex;gap:11px;margin:17px 20px;padding:13px 14px;border:1px solid #ffd2d2;background:#fff7f7;border-radius:11px}
.rebuild-warning>span{width:29px;height:29px;flex:0 0 auto;border-radius:8px;background:#ffe7e7;color:#e84a50;display:grid;place-items:center;font-size:15px;font-weight:800}
.rebuild-warning strong{display:block;color:#8e2932;font-size:11px}
.rebuild-warning p{margin:4px 0 0;color:#9b6871;font-size:9px;line-height:1.5}
.rebuild-section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin:19px 20px 11px}
.rebuild-section-title h3{margin:0;color:#203b61;font-size:14px}
.rebuild-section-title p{margin:3px 0 0;color:#8192a9;font-size:10px}
.rebuild-count{color:#1769e0;background:#edf5ff;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:800;white-space:nowrap}
.rebuild-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:0 20px 20px}
.rebuild-image-card{position:relative;display:flex;align-items:center;gap:10px;min-width:0;min-height:72px;padding:11px;border:1px solid #dce7f3;border-radius:11px;background:#fff;cursor:pointer;transition:.16s ease}
.rebuild-image-card:hover{border-color:#8ebcf7;background:#f9fcff;transform:translateY(-1px)}
.rebuild-image-card input{position:absolute;opacity:0;pointer-events:none}
.rebuild-image-card:has(input:checked){border-color:#287be7;background:#f7fbff;box-shadow:0 0 0 1px #287be7,0 6px 18px rgba(40,123,231,.08)}
.rebuild-radio{width:16px;height:16px;border:2px solid #c9d7e7;border-radius:50%;flex:0 0 auto;position:relative}
.rebuild-image-card:has(input:checked) .rebuild-radio{border-color:#1769e0}
.rebuild-image-card:has(input:checked) .rebuild-radio:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#1769e0;left:2.5px;top:2.5px}
.rebuild-os-icon{width:39px;height:39px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto;font-size:18px;font-weight:800}
.rebuild-os-icon.ubuntu{background:#fff0e9;color:#e95420}.rebuild-os-icon.debian{background:#fff0f5;color:#d70a53}.rebuild-os-icon.rocky{background:#fff7ea;color:#d77a13}.rebuild-os-icon.alma{background:#f3edff;color:#6f42c1}.rebuild-os-icon.centos{background:#eef5ff;color:#6d5bd0}.rebuild-os-icon.fedora{background:#edf6ff;color:#3b78c8}.rebuild-os-icon.windows{background:#eef7ff;color:#0873ed}.rebuild-os-icon.generic{background:#f2f6fa;color:#56799f}
.rebuild-image-copy{min-width:0;flex:1}.rebuild-image-copy strong{display:block;color:#213d62;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rebuild-image-copy small{display:block;color:#8294ab;font-size:9px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rebuild-check{position:absolute;right:8px;top:7px;color:#1769e0;font-size:11px;opacity:0}.rebuild-image-card:has(input:checked) .rebuild-check{opacity:1}
.rebuild-footer{display:flex;justify-content:flex-end;align-items:center;gap:9px;border-top:1px solid #edf2f7;padding:14px 20px;background:#fbfdff}
.rebuild-cancel{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 15px;border:1px solid #d7e4f2;border-radius:9px;color:#547292;text-decoration:none;font-size:11px;font-weight:700;background:#fff}
.rebuild-submit{min-height:40px;padding:0 17px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:11px;box-shadow:0 7px 17px rgba(239,65,72,.16)}
.rebuild-submit:disabled{opacity:.75;cursor:wait}
.rebuild-spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:rebuild-spin .7s linear infinite}
@keyframes rebuild-spin{to{transform:rotate(360deg)}}
.rebuild-side{display:grid;gap:15px}
.rebuild-summary-card,.rebuild-help-card{margin:0}
.side-title{display:flex;align-items:center;gap:8px;margin-bottom:14px}.side-title>span{width:29px;height:29px;border-radius:8px;background:#edf5ff;color:#1769e0;display:grid;place-items:center;font-size:12px;font-weight:800}.side-title h2{margin:0;color:#173154;font-size:15px}
.summary-line{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #edf2f7}.summary-line:last-child{border-bottom:0;padding-bottom:0}.summary-line span{color:#7b8eaa;font-size:10px}.summary-line strong{color:#27486e;font-size:10px;text-align:right;word-break:break-word}.rebuild-status{color:#0a9d62!important}
.rebuild-help-card ul{margin:0;padding-left:17px}.rebuild-help-card li{color:#7085a3;font-size:10px;line-height:1.55;margin:8px 0}.rebuild-alert{margin-bottom:15px}
.rebuild-empty{margin:0 20px 20px;padding:25px;text-align:center;border:1px dashed #cddceb;border-radius:10px;color:#7b8da5;font-size:11px}
@media(max-width:1000px){.rebuild-layout{grid-template-columns:1fr}.rebuild-side{grid-template-columns:1fr 1fr}.rebuild-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.rebuild-page{padding-bottom:35px}.rebuild-heading{flex-direction:column}.rebuild-server-chip{width:100%;box-sizing:border-box}.rebuild-heading h1{font-size:27px}.rebuild-heading p{font-size:12px}.rebuild-card-head{padding:17px 15px}.rebuild-warning{margin:14px}.rebuild-section-title{margin:17px 14px 10px}.rebuild-image-grid{grid-template-columns:1fr;padding:0 14px 14px}.rebuild-footer{padding:13px 14px;flex-direction:column-reverse}.rebuild-cancel,.rebuild-submit{width:100%;box-sizing:border-box}.rebuild-side{grid-template-columns:1fr}}
@media(max-width:430px){.rebuild-image-card{min-height:66px}.rebuild-os-icon{width:36px;height:36px}.rebuild-card-head h2{font-size:15px}}

.quick-password-manual{margin-top:10px;width:100%}.quick-password-generate{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;border-radius:9px;background:#0d73e8;color:#fff;padding:11px 13px;font-size:11px;font-weight:700;cursor:pointer;box-shadow:0 5px 14px rgba(13,115,232,.16)}.quick-password-generate:hover{background:#0867d2}.quick-password-generate span{font-size:18px;line-height:1}.quick-muted{margin:9px 0 0;color:#7890ae;font-size:9px;line-height:1.4}


/* Create Server provisioning notification */
.create-progress-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(9,25,48,.58);backdrop-filter:blur(4px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease;box-sizing:border-box}
.create-progress-overlay.show{opacity:1;visibility:visible;pointer-events:auto}
.create-progress-card{width:min(430px,100%);box-sizing:border-box;background:#fff;border:1px solid #dce8f5;border-radius:16px;padding:28px 26px;text-align:center;box-shadow:0 22px 70px rgba(5,27,56,.25)}
.create-progress-spinner{width:42px;height:42px;margin:0 auto 17px;border:4px solid #e3edf9;border-top-color:#0873ed;border-radius:50%;animation:create-progress-spin .8s linear infinite}
.create-progress-title{color:#16345a;font-size:18px;font-weight:800;letter-spacing:-.2px}
.create-progress-text{margin:9px auto 0;max-width:350px;color:#7185a2;font-size:11px;line-height:1.65}
.create-progress-status{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:16px;color:#1769e0;font-size:10px;font-weight:700}
.create-progress-status span{width:7px;height:7px;border-radius:50%;background:#1769e0;animation:create-progress-pulse 1.1s ease-in-out infinite}
.create-submit-spinner{display:inline-block;width:11px;height:11px;margin-right:7px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;vertical-align:-2px;animation:create-progress-spin .7s linear infinite}
.create-submit:disabled{opacity:.82;cursor:wait}
@keyframes create-progress-spin{to{transform:rotate(360deg)}}
@keyframes create-progress-pulse{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}
@media(max-width:430px){.create-progress-card{padding:24px 19px;border-radius:14px}.create-progress-title{font-size:16px}.create-progress-text{font-size:10px}}

/* VPS Sales */
.sales-page{max-width:1450px;padding-top:32px;padding-bottom:45px}.sales-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px}.sales-head h1{margin:4px 0;color:#132b51;font-size:32px}.sales-head p{margin:0;color:#7185a3;font-size:13px}.eyebrow{display:inline-block;color:#1769e0;font-size:11px;font-weight:800;letter-spacing:.4px}.sales-rule{background:#eef6ff;border:1px solid #d8eaff;color:#285b95;border-radius:11px;padding:11px 14px;margin-bottom:18px;font-size:12px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.product-card{background:#fff;border:1px solid #dfe9f5;border-radius:16px;padding:20px;box-shadow:0 8px 28px rgba(22,61,105,.045)}.product-top{display:flex;justify-content:space-between;align-items:center}.product-chip,.product-location{font-size:10px;font-weight:800}.product-chip{background:#eaf3ff;color:#1769e0;border-radius:999px;padding:5px 9px}.product-location{color:#7085a3}.product-card h2{margin:16px 0 4px;color:#173153;font-size:21px}.product-type{color:#6e86a7;font-size:12px;font-weight:700}.product-price{margin-top:18px;display:flex;align-items:baseline;gap:5px}.product-price strong{font-size:25px;color:#132f55}.product-price span{font-size:11px;color:#7890ae}.product-hourly{margin-top:5px;color:#607b9e;font-size:11px}.product-hourly b{color:#1769e0}.product-note{margin:17px 0;padding:10px;border-radius:9px;background:#f7faff;color:#7085a3;font-size:10px;line-height:1.5}.sales-buy{width:100%;margin-top:4px}.orders-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.order-card{background:#fff;border:1px solid #dfe9f5;border-radius:15px;padding:18px;box-shadow:0 8px 28px rgba(22,61,105,.045)}.order-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.order-id{font-size:10px;color:#7a90ad}.order-card h2{margin:5px 0 0;color:#173153;font-size:18px}.order-status{font-size:10px;font-weight:800;padding:6px 9px;border-radius:999px;background:#eef4fb;color:#53708f;white-space:nowrap}.status-active{background:#e7f8f0;color:#0b9b61}.status-pending_payment{background:#fff4df;color:#b67608}.status-cancelled{background:#feecec;color:#c53a3a}.order-meta{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px;color:#7890ad;font-size:10px}.order-meta b{color:#2c4b72}.order-total{margin-top:15px;border-top:1px solid #edf2f7;padding-top:12px;display:flex;justify-content:space-between;align-items:center;color:#6d84a4;font-size:11px}.order-total strong{font-size:17px;color:#1769e0}.empty-sales{padding:35px;text-align:center;color:#7085a3}.admin-sales-grid{display:grid;grid-template-columns:390px 1fr;gap:15px;margin-bottom:15px}.sales-admin-card{padding:18px}.sales-admin-card h2{margin:0;color:#173153;font-size:18px}.sales-form{display:grid;gap:11px;margin-top:15px}.sales-form label{display:grid;gap:6px;font-size:11px;font-weight:800;color:#345173}.sales-form input,.sales-form select{width:100%;box-sizing:border-box;border:1px solid #d6e3f0;border-radius:8px;padding:10px;background:#fff}.checkline{display:flex!important;grid-template-columns:none!important;align-items:center;gap:7px}.checkline input{width:auto}.sales-admin-tip{margin-top:12px;background:#eef7ff;color:#39658e;border-radius:9px;padding:10px;font-size:10px;line-height:1.5}.admin-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.admin-card-head>span{font-size:10px;color:#7a90ad}.sales-products-list{display:grid;gap:8px}.sales-product-row{display:grid;grid-template-columns:1.3fr 1fr auto auto;align-items:center;gap:12px;border:1px solid #e1eaf4;border-radius:10px;padding:11px}.sales-product-row strong{display:block;font-size:12px;color:#24466e}.sales-product-row small{display:block;font-size:9px;color:#8093ab;margin-top:4px}.sales-product-price{font-size:11px;font-weight:800;color:#1769e0}.sales-product-price small{color:#7a90ad;font-weight:500}.mini-status{font-size:9px;font-weight:800;border-radius:999px;padding:5px 8px}.mini-status.on{background:#e7f8f0;color:#0b9b61}.mini-status.off{background:#f0f2f5;color:#718096}.row-actions{display:flex;gap:7px;align-items:center}.row-actions form{margin:0}.link-btn{border:0;background:none;color:#1769e0;font-size:10px;font-weight:800;cursor:pointer}.link-btn.danger{color:#d33}.sales-orders-table{overflow:auto}.sales-orders-table table{width:100%;border-collapse:collapse}.sales-orders-table th,.sales-orders-table td{padding:11px;border-bottom:1px solid #edf2f7;text-align:right;font-size:10px;color:#516d90;white-space:nowrap}.sales-orders-table th{color:#24466e;background:#f8fbff}.sales-orders-table td small{display:block;color:#8a9bb0;margin-top:3px}
@media(max-width:1000px){.product-grid{grid-template-columns:1fr 1fr}.admin-sales-grid{grid-template-columns:1fr}.orders-grid{grid-template-columns:1fr}}
@media(max-width:650px){.sales-page{padding:20px 14px}.sales-head{align-items:flex-start;flex-direction:column}.sales-head h1{font-size:26px}.product-grid{grid-template-columns:1fr}.product-card{padding:16px}.sales-product-row{grid-template-columns:1fr 1fr}.row-actions{grid-column:1/-1;justify-content:flex-start}.order-meta{grid-template-columns:1fr}.topbar{padding:0 14px}}

/* Wallet & Billing */
.finance-page{max-width:1450px;padding-top:32px;padding-bottom:50px}.finance-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:16px;margin-bottom:16px}.finance-balance-card,.finance-info-card,.finance-panel{background:#fff;border:1px solid #dfe9f5;border-radius:16px;box-shadow:0 8px 28px rgba(22,61,105,.045)}.finance-balance-card{padding:25px;background:linear-gradient(135deg,#0b63d9,#176fe9);color:#fff}.finance-balance-card>span{font-size:11px;opacity:.82}.finance-balance-card>strong{display:block;font-size:31px;margin-top:9px;letter-spacing:-.5px}.finance-balance-card small{font-size:13px}.finance-balance-card p{margin:10px 0 0;font-size:10px;opacity:.8}.finance-info-card{padding:25px}.finance-info-card b{color:#173153;font-size:15px}.finance-info-card p{color:#7185a3;font-size:11px;line-height:1.7;margin:10px 0 16px}.finance-panel{padding:0;margin-bottom:16px;overflow:hidden}.finance-panel .panel-heading{padding:17px 20px;border-bottom:1px solid #edf2f7}.finance-table{overflow:auto}.finance-table table{width:100%;border-collapse:collapse;min-width:650px}.finance-table th,.finance-table td{padding:12px 15px;border-bottom:1px solid #edf2f7;text-align:right;font-size:10px;color:#597493;white-space:nowrap}.finance-table th{background:#f8fbff;color:#27476c;font-weight:800}.finance-table tr:last-child td{border-bottom:0}.tx-pill,.billing-status{display:inline-block;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:800}.tx-pill.credit{background:#e8f8f0;color:#0b9960}.tx-pill.debit{background:#fff0f0;color:#c23e46}.tx-plus{color:#0a9c61!important;font-weight:800}.tx-minus{color:#c23e46!important;font-weight:800}.billing-note{margin-bottom:16px;background:#eef7ff;border:1px solid #d9ebfb;color:#426789;border-radius:11px;padding:12px 15px;font-size:11px;line-height:1.7}.billing-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px}.billing-card{border:1px solid #e0eaf4;border-radius:13px;padding:16px;background:#fbfdff}.billing-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:15px}.billing-card-head strong{display:block;color:#173153;font-size:14px}.billing-card-head small{display:block;color:#8295ad;font-size:9px;margin-top:4px}.billing-status.active{background:#e8f8f0;color:#0b9960}.billing-status.paused_insufficient_funds{background:#fff0f0;color:#c23e46}.billing-stat{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #edf2f7;color:#7185a3;font-size:10px}.billing-stat b{color:#294c73}.billing-total{display:flex;justify-content:space-between;margin-top:12px;color:#7185a3;font-size:10px}.billing-total strong{color:#1769e0;font-size:15px}.finance-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.finance-form{padding:20px;display:grid;gap:11px}.finance-form label{display:grid;gap:6px;color:#385674;font-size:10px;font-weight:800}.finance-form input,.finance-form select{width:100%;box-sizing:border-box;border:1px solid #d5e2ef;border-radius:9px;padding:10px;background:#fff;color:#28496d}.finance-help{margin:0;padding:10px;border-radius:9px;background:#f5f9fd;color:#7489a5;font-size:9px;line-height:1.6}.inline-debit{display:flex;gap:6px;align-items:center}.inline-debit input{border:1px solid #d5e2ef;border-radius:7px;padding:7px;font-size:9px}.inline-debit input[name=amount_toman]{width:90px}.inline-debit input[name=description]{width:145px}.inline-debit button{border:0;border-radius:7px;background:#fcecec;color:#c53c43;padding:8px 10px;font-size:9px;font-weight:800;cursor:pointer}
@media(max-width:850px){.finance-grid,.finance-admin-grid,.billing-cards{grid-template-columns:1fr}}@media(max-width:600px){.finance-page{padding:20px 14px}.finance-balance-card>strong{font-size:25px}.inline-debit{flex-wrap:wrap}.inline-debit input[name=description]{width:100%}}

.stat-grid{grid-template-columns:repeat(5,minmax(0,1fr))}@media(max-width:1200px){.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:430px){.stat-grid{grid-template-columns:1fr}}

/* Hetzner plan pricing */
.finance-plan-help{margin:16px 20px 0}.finance-pricing-table table{min-width:1050px}.server-plan-name{font-size:13px;color:#173153}.plan-price-form{display:flex;align-items:center;gap:7px}.plan-price-input{display:flex;align-items:center;gap:5px}.plan-price-input input{width:135px;box-sizing:border-box;border:1px solid #d5e2ef;border-radius:8px;padding:8px 9px;background:#fff;color:#28496d;font-size:10px}.plan-price-input span{font-size:9px;color:#7185a3}.plan-save-button{white-space:nowrap;padding:9px 12px!important;font-size:9px!important}.price-status-set,.price-status-unset{display:inline-block;border-radius:999px;padding:5px 9px;font-size:8px;font-weight:800}.price-status-set{background:#e8f8f0;color:#0b9960}.price-status-unset{background:#fff5df;color:#a66b00}.price-unset{color:#9aaabd}.finance-empty{padding:24px 20px;color:#7185a3;font-size:11px}.finance-pricing-table td{vertical-align:middle}
@media(max-width:600px){.finance-plan-help{margin:12px}.finance-pricing-table table{min-width:1000px}.plan-price-input input{width:120px}}
.server-type-card.unpriced{opacity:.58;cursor:not-allowed}
.server-type-card.unpriced:hover{transform:none;box-shadow:none;border-color:#dce7f3}
.server-type-card.unpriced .type-price{color:#8a6d1f}

.server-type-card.cp-hidden{display:none !important}
/* Persian UI + notification center */
html[dir="rtl"] body{direction:rtl} html[dir="rtl"] input,html[dir="rtl"] select,html[dir="rtl"] textarea{direction:rtl}
.notification-wrap{position:relative}.bell{position:relative;border:0;background:transparent;font-size:18px;cursor:pointer;padding:5px}.notification-count{position:absolute;top:-2px;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:99px;background:#e64b4b;color:#fff;font:700 9px/16px Arial;text-align:center}.notification-panel{position:absolute;top:38px;right:0;width:340px;max-width:calc(100vw - 30px);background:#fff;border:1px solid #dfe8f3;border-radius:12px;box-shadow:0 15px 45px rgba(20,50,90,.16);z-index:1000;overflow:hidden}.notification-head{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;border-bottom:1px solid #edf1f6}.notification-head button{border:0;background:none;color:#1673e8;cursor:pointer}.notification-item{padding:12px 15px;border-bottom:1px solid #f0f3f7;cursor:pointer}.notification-item.unread{background:#f5f9ff}.notification-item strong{display:block;color:#173153;font-size:12px}.notification-item p{margin:4px 0;color:#647b99;font-size:11px;line-height:1.6}.notification-item time{color:#9aabc0;font-size:9px}.notification-empty{padding:28px 15px;text-align:center;color:#8a9bb0;font-size:11px}.toast-stack{position:fixed;left:20px;bottom:20px;z-index:3000;display:flex;flex-direction:column;gap:9px;width:min(360px,calc(100vw - 40px))}.cpv-toast{background:#fff;border:1px solid #dce7f3;border-radius:11px;box-shadow:0 12px 35px rgba(20,50,90,.16);padding:12px 14px;animation:cpvToastIn .25s ease}.cpv-toast.success{border-right:4px solid #20b978}.cpv-toast.error{border-right:4px solid #e45555}.cpv-toast.warning{border-right:4px solid #e4a72f}.cpv-toast.info{border-right:4px solid #3885e8}.cpv-toast strong{display:block;font-size:12px;color:#173153}.cpv-toast span{display:block;font-size:11px;color:#647b99;margin-top:3px;line-height:1.6}@keyframes cpvToastIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* Cloud Price VPS — premium authentication experience */
.auth-page{min-height:100vh;background:radial-gradient(circle at 15% 15%,rgba(55,139,255,.18),transparent 32%),radial-gradient(circle at 85% 80%,rgba(104,71,255,.15),transparent 30%),linear-gradient(135deg,#07172f 0%,#0c2447 48%,#091b38 100%);color:#172b49;overflow-x:hidden;position:relative}
.auth-page:before{content:'';position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent)}
.auth-page .navbar{background:transparent;position:absolute;top:0;left:0;right:0;height:72px;z-index:2}.auth-page .navbar .brand{color:#fff}
.auth-wrap{width:min(500px,calc(100% - 28px));min-height:100vh;margin:auto;padding:52px 0 28px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}
.auth-brand{display:flex;justify-content:center;margin-bottom:18px}.auth-brand>a{display:inline-flex;align-items:center;gap:12px;color:#fff}.auth-brand-mark{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-size:27px;background:linear-gradient(145deg,#e9f5ff,#78b4ff);color:#0d66db;box-shadow:0 12px 30px rgba(32,126,255,.25)}.auth-brand strong{display:block;font-size:20px;letter-spacing:-.3px}.auth-brand small{display:block;color:#a9bfdc;font-size:10px;margin-top:3px}
.auth-card{background:rgba(255,255,255,.98);border:1px solid rgba(255,255,255,.65);border-radius:24px;padding:30px;box-shadow:0 30px 80px rgba(0,0,0,.28);backdrop-filter:blur(16px);animation:auth-in .45s ease both}.auth-login-card{padding-bottom:27px}.auth-card-head{display:flex;gap:13px;align-items:flex-start;margin-bottom:24px}.auth-icon{width:46px;height:46px;flex:0 0 auto;border-radius:14px;background:linear-gradient(145deg,#eaf4ff,#d8eaff);color:#116ee8;display:grid;place-items:center;font-size:22px;font-weight:900;box-shadow:inset 0 0 0 1px #d5e7fc}.auth-card h1{margin:0;color:#122b50;font-size:27px;letter-spacing:-.6px}.auth-card-head p{margin:5px 0 0;color:#7890ad;font-size:12px;line-height:1.65}.auth-form{display:flex;flex-direction:column}.auth-form label{font-size:12px;font-weight:800;color:#294363;margin:0 0 7px}.auth-input{display:flex;align-items:center;gap:8px;min-height:48px;border:1px solid #d8e3ef;background:#fbfdff;border-radius:12px;padding:0 12px;margin-bottom:15px;transition:.18s}.auth-input:focus-within{border-color:#4c92f7;background:#fff;box-shadow:0 0 0 4px rgba(58,133,242,.1)}.auth-input>span{color:#8ba1bb;font-size:17px;line-height:1}.auth-input input{border:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;padding:0!important;margin:0!important;min-width:0;flex:1;height:44px;font-size:13px;color:#1e385a;direction:rtl}.auth-input input::placeholder{color:#a2b1c3}.password-toggle{border:0;background:#edf4fc;color:#3278c9;border-radius:7px;padding:6px 8px;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap}.password-toggle:hover{background:#e2eefc}.auth-submit{width:100%;min-height:50px;border:0;border-radius:12px;background:linear-gradient(135deg,#1676ed,#125de0);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px;cursor:pointer;font-size:14px;font-weight:800;box-shadow:0 10px 22px rgba(20,101,224,.23);transition:.18s}.auth-submit:hover{transform:translateY(-1px);box-shadow:0 13px 27px rgba(20,101,224,.3)}.auth-submit b{font-size:20px;font-weight:500}.auth-divider{display:flex;align-items:center;gap:10px;margin:20px 0 12px;color:#a0afc1;font-size:10px}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:#e6edf5;flex:1}.auth-switch{text-align:center;color:#778ba5;font-size:12px;margin:0}.auth-switch a{color:#1470e4;font-weight:800}.auth-footnote{text-align:center;color:#8ea8c6;font-size:10px;margin:14px 0 0}.auth-alert{display:flex;gap:10px;align-items:flex-start;border-radius:11px;padding:11px 12px;margin-bottom:17px;font-size:11px;line-height:1.7}.auth-alert>span{width:20px;height:20px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;font-weight:900}.auth-alert-error{background:#fff1f1;border:1px solid #ffd2d2;color:#a62c32}.auth-alert-error>span{background:#e85b61;color:#fff}.auth-alert-ok{background:#ecfaf3;border:1px solid #c8edda;color:#168153}.auth-alert-ok>span{background:#1daf70;color:#fff}
.password-strength{display:flex;align-items:center;gap:9px;margin:-7px 0 8px}.strength-track{height:5px;background:#e8eef5;border-radius:999px;overflow:hidden;flex:1}.strength-track i{display:block;height:100%;width:0;background:#ef5350;border-radius:inherit;transition:.2s}.strength-track i[data-level=good]{background:#f0a126}.strength-track i[data-level=strong]{background:#19a86d}.password-strength strong{font-size:9px;color:#8295ac;min-width:63px;text-align:left}.password-rules{display:flex;flex-wrap:wrap;gap:5px;margin:-1px 0 17px}.password-rules span{font-size:9px;color:#8799ad;background:#f2f5f8;border:1px solid #e3e9ef;border-radius:999px;padding:4px 7px;transition:.15s}.password-rules span:before{content:'○';margin-left:4px}.password-rules span.ok{background:#ebfaf3;border-color:#c9eddc;color:#138457}.password-rules span.ok:before{content:'✓'}
@keyframes auth-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.auth-wrap{width:min(100% - 20px,500px);padding-top:28px}.auth-card{padding:23px 18px;border-radius:20px}.auth-card h1{font-size:24px}.auth-brand{margin-bottom:13px}.auth-brand strong{font-size:18px}}

/* Cloud Price VPS — premium authentication experience */
.auth-page{min-height:100vh;background:radial-gradient(circle at 15% 15%,rgba(55,139,255,.18),transparent 32%),radial-gradient(circle at 85% 80%,rgba(104,71,255,.15),transparent 30%),linear-gradient(135deg,#07172f 0%,#0c2447 48%,#091b38 100%);color:#172b49;overflow-x:hidden;position:relative}
.auth-page:before{content:'';position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent)}
.auth-page .navbar{background:transparent;position:absolute;top:0;left:0;right:0;height:72px;z-index:2}.auth-page .navbar .brand{color:#fff}
.auth-wrap{width:min(500px,calc(100% - 28px));min-height:100vh;margin:auto;padding:52px 0 28px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}
.auth-brand{display:flex;justify-content:center;margin-bottom:18px}.auth-brand>a{display:inline-flex;align-items:center;gap:12px;color:#fff}.auth-brand-mark{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-size:27px;background:linear-gradient(145deg,#e9f5ff,#78b4ff);color:#0d66db;box-shadow:0 12px 30px rgba(32,126,255,.25)}.auth-brand strong{display:block;font-size:20px;letter-spacing:-.3px}.auth-brand small{display:block;color:#a9bfdc;font-size:10px;margin-top:3px}
.auth-card{background:rgba(255,255,255,.98);border:1px solid rgba(255,255,255,.65);border-radius:24px;padding:30px;box-shadow:0 30px 80px rgba(0,0,0,.28);backdrop-filter:blur(16px);animation:auth-in .45s ease both}.auth-login-card{padding-bottom:27px}.auth-card-head{display:flex;gap:13px;align-items:flex-start;margin-bottom:24px}.auth-icon{width:46px;height:46px;flex:0 0 auto;border-radius:14px;background:linear-gradient(145deg,#eaf4ff,#d8eaff);color:#116ee8;display:grid;place-items:center;font-size:22px;font-weight:900;box-shadow:inset 0 0 0 1px #d5e7fc}.auth-card h1{margin:0;color:#122b50;font-size:27px;letter-spacing:-.6px}.auth-card-head p{margin:5px 0 0;color:#7890ad;font-size:12px;line-height:1.65}.auth-form{display:flex;flex-direction:column}.auth-form label{font-size:12px;font-weight:800;color:#294363;margin:0 0 7px}.auth-input{display:flex;align-items:center;gap:8px;min-height:48px;border:1px solid #d8e3ef;background:#fbfdff;border-radius:12px;padding:0 12px;margin-bottom:15px;transition:.18s}.auth-input:focus-within{border-color:#4c92f7;background:#fff;box-shadow:0 0 0 4px rgba(58,133,242,.1)}.auth-input>span{color:#8ba1bb;font-size:17px;line-height:1}.auth-input input{border:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;padding:0!important;margin:0!important;min-width:0;flex:1;height:44px;font-size:13px;color:#1e385a;direction:rtl}.auth-input input::placeholder{color:#a2b1c3}.password-toggle{border:0;background:#edf4fc;color:#3278c9;border-radius:7px;padding:6px 8px;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap}.password-toggle:hover{background:#e2eefc}.auth-submit{width:100%;min-height:50px;border:0;border-radius:12px;background:linear-gradient(135deg,#1676ed,#125de0);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px;cursor:pointer;font-size:14px;font-weight:800;box-shadow:0 10px 22px rgba(20,101,224,.23);transition:.18s}.auth-submit:hover{transform:translateY(-1px);box-shadow:0 13px 27px rgba(20,101,224,.3)}.auth-submit b{font-size:20px;font-weight:500}.auth-divider{display:flex;align-items:center;gap:10px;margin:20px 0 12px;color:#a0afc1;font-size:10px}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:#e6edf5;flex:1}.auth-switch{text-align:center;color:#778ba5;font-size:12px;margin:0}.auth-switch a{color:#1470e4;font-weight:800}.auth-footnote{text-align:center;color:#8ea8c6;font-size:10px;margin:14px 0 0}.auth-alert{display:flex;gap:10px;align-items:flex-start;border-radius:11px;padding:11px 12px;margin-bottom:17px;font-size:11px;line-height:1.7}.auth-alert>span{width:20px;height:20px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;font-weight:900}.auth-alert-error{background:#fff1f1;border:1px solid #ffd2d2;color:#a62c32}.auth-alert-error>span{background:#e85b61;color:#fff}.auth-alert-ok{background:#ecfaf3;border:1px solid #c8edda;color:#168153}.auth-alert-ok>span{background:#1daf70;color:#fff}
.password-strength{display:flex;align-items:center;gap:9px;margin:-7px 0 8px}.strength-track{height:5px;background:#e8eef5;border-radius:999px;overflow:hidden;flex:1}.strength-track i{display:block;height:100%;width:0;background:#ef5350;border-radius:inherit;transition:.2s}.strength-track i[data-level=good]{background:#f0a126}.strength-track i[data-level=strong]{background:#19a86d}.password-strength strong{font-size:9px;color:#8295ac;min-width:63px;text-align:left}.password-rules{display:flex;flex-wrap:wrap;gap:5px;margin:-1px 0 17px}.password-rules span{font-size:9px;color:#8799ad;background:#f2f5f8;border:1px solid #e3e9ef;border-radius:999px;padding:4px 7px;transition:.15s}.password-rules span:before{content:'○';margin-left:4px}.password-rules span.ok{background:#ebfaf3;border-color:#c9eddc;color:#138457}.password-rules span.ok:before{content:'✓'}
@keyframes auth-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.auth-wrap{width:min(100% - 20px,500px);padding-top:28px}.auth-card{padding:23px 18px;border-radius:20px}.auth-card h1{font-size:24px}.auth-brand{margin-bottom:13px}.auth-brand strong{font-size:18px}}

/* V6.35 — premium responsive notifications/toasts */
.toast-stack{position:fixed;top:82px;left:50%;bottom:auto;transform:translateX(-50%);z-index:4000;display:flex;flex-direction:column;align-items:center;gap:10px;width:min(560px,calc(100vw - 28px));pointer-events:none}
.cpv-toast{position:relative;overflow:hidden;width:100%;box-sizing:border-box;background:rgba(255,255,255,.98);border:1px solid #dce7f3;border-radius:15px;box-shadow:0 18px 55px rgba(15,44,82,.18),0 3px 12px rgba(15,44,82,.07);padding:14px 45px 14px 16px;animation:cpvToastIn .3s cubic-bezier(.2,.8,.2,1);pointer-events:auto;direction:rtl;text-align:right}
.cpv-toast:before{content:"";position:absolute;right:0;top:0;bottom:0;width:4px;background:#3885e8}
.cpv-toast.success:before{background:#16b879}.cpv-toast.error:before{background:#e45555}.cpv-toast.warning:before{background:#e4a72f}.cpv-toast.info:before{background:#3885e8}
.cpv-toast:after{content:"";position:absolute;right:0;left:0;bottom:0;height:2px;background:currentColor;opacity:.18;transform-origin:right;animation:cpvToastProgress 5.5s linear forwards}
.cpv-toast .cpv-toast-icon{position:absolute;right:14px;top:14px;width:25px;height:25px;border-radius:8px;display:grid;place-items:center;font-size:13px;font-weight:900;background:#edf5ff;color:#287be7}
.cpv-toast.success .cpv-toast-icon{background:#e7f9f1;color:#0a9f66}.cpv-toast.error .cpv-toast-icon{background:#fff0f0;color:#dc4c55}.cpv-toast.warning .cpv-toast-icon{background:#fff7e6;color:#c98a18}
.cpv-toast strong{display:block;font-size:12px;color:#173153;padding-right:35px}.cpv-toast span{display:block;font-size:11px;color:#647b99;margin-top:4px;line-height:1.7;padding-right:35px}
.cpv-toast .cpv-toast-close{position:absolute;left:10px;top:9px;width:25px;height:25px;border:0;background:transparent;color:#8ea0b5;border-radius:7px;cursor:pointer;font-size:17px;line-height:25px}.cpv-toast .cpv-toast-close:hover{background:#f2f6fa;color:#173153}
.cpv-inline-hidden{display:none!important}
.notification-panel{width:365px;max-height:min(520px,calc(100vh - 110px));overflow:auto;border-radius:16px;box-shadow:0 20px 60px rgba(20,50,90,.2)}
.notification-head{position:sticky;top:0;background:#fff;z-index:1;padding:15px 16px}.notification-head strong{font-size:13px;color:#16345a}.notification-head button{font-size:10px;font-weight:700;padding:6px 9px;border-radius:7px;background:#eef5ff}
.notification-item{padding:13px 16px;transition:background .15s}.notification-item:hover{background:#f7faff}.notification-item.unread{background:#f2f7ff}.notification-item strong{font-size:11px}.notification-item p{font-size:10px;line-height:1.7}.notification-item time{font-size:8px}
.action-tracker{position:relative!important;padding:17px 18px!important;border:1px solid #dbe8f5!important;background:linear-gradient(135deg,#fff,#f8fbff)!important;box-shadow:0 8px 25px rgba(30,77,125,.07)!important;overflow:hidden}.action-tracker-head{display:flex;align-items:center;gap:10px}.action-tracker-head>div{flex:1}.action-tracker-head b{display:block;color:#17345a;font-size:12px}.action-tracker-head small{display:block;color:#8a9db4;font-size:9px;margin-top:3px}.action-tracker-head>strong{color:#1769e0;font-size:10px;background:#edf5ff;border-radius:999px;padding:6px 9px}.action-live-dot{width:9px;height:9px;flex:0 0 auto;border-radius:50%;background:#2b80ed;box-shadow:0 0 0 5px #eaf3ff;animation:actionPulse 1.2s infinite}.action-tracker-progress{height:5px;background:#edf3f8;border-radius:99px;overflow:hidden;margin-top:14px}.action-tracker-progress span{display:block;width:10%;height:100%;background:linear-gradient(90deg,#1673e8,#61a6ff);border-radius:inherit;transition:width .25s}.action-progress-text{margin-top:7px;color:#7185a2;font-size:9px}.action-error-text{margin-top:6px;color:#d84d56;font-size:10px}.action-tracker:has(#action-status){}@keyframes actionPulse{50%{opacity:.35;transform:scale(.72)}}
@keyframes cpvToastProgress{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@media(max-width:600px){.toast-stack{top:70px;width:calc(100vw - 20px)}.cpv-toast{border-radius:13px;padding:13px 40px 13px 13px}.cpv-toast strong{font-size:11px}.cpv-toast span{font-size:10px}.notification-panel{position:fixed;top:62px;right:10px;left:10px;width:auto;max-width:none;max-height:calc(100vh - 82px);border-radius:14px}.action-tracker{padding:14px!important}.action-tracker-head>strong{font-size:9px}}

/* V6.38 — Enamad placed in the sidebar trust area + auth-page rail */
.sidebar-enamad{min-height:118px;margin:0 0 8px;padding:8px 10px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(117,170,230,.16);border-radius:12px;background:rgba(255,255,255,.025);overflow:hidden}
.sidebar-enamad a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:10px;outline:none}
.sidebar-enamad img{display:block;width:94px;max-width:100%;height:auto;object-fit:contain;cursor:pointer}
.sidebar-enamad:hover{background:rgba(255,255,255,.05);border-color:rgba(117,170,230,.28);transform:translateY(-1px);transition:.18s ease}
.sidebar-enamad a:focus-visible{box-shadow:0 0 0 3px rgba(77,153,247,.35)}
.auth-enamad-rail{position:fixed;left:24px;bottom:88px;z-index:3500;width:150px;padding:12px 10px 10px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:rgba(8,31,61,.72);box-shadow:0 18px 45px rgba(0,0,0,.22);backdrop-filter:blur(12px);text-align:center;animation:auth-enamad-in .45s ease both}
.auth-enamad-label{color:#dce9f9;font-size:9px;font-weight:700;margin-bottom:7px}
.auth-enamad-rail a{display:flex;align-items:center;justify-content:center;min-height:94px;border-radius:10px;background:rgba(255,255,255,.96);outline:none}
.auth-enamad-rail img{display:block;width:88px;max-width:100%;height:auto;object-fit:contain;cursor:pointer}
.auth-enamad-rail a:focus-visible{box-shadow:0 0 0 3px rgba(77,153,247,.35)}
.auth-enamad-rail:hover{transform:translateY(-2px);transition:.18s ease}
@keyframes auth-enamad-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.auth-enamad-rail{left:12px;bottom:12px;width:96px;padding:7px 6px 6px;border-radius:11px}.auth-enamad-label{font-size:7px;margin-bottom:4px}.auth-enamad-rail a{min-height:72px}.auth-enamad-rail img{width:66px}}
@media(max-width:760px){.sidebar-enamad{display:flex;min-height:100px}.sidebar-enamad img{width:82px}}

/* V6.39 — Auth code + password recovery UI */
.auth-forgot{display:block;text-align:center;margin-top:13px;color:#176fe8;font-size:11px;font-weight:800;text-decoration:none}.auth-forgot:hover{text-decoration:underline}.auth-code-card{padding-bottom:28px}.auth-code-input{display:flex;align-items:center;justify-content:center;min-height:72px;border:1px solid #d8e3ef;background:#fbfdff;border-radius:14px;padding:0 12px;margin-bottom:8px;transition:.18s}.auth-code-input:focus-within{border-color:#4c92f7;background:#fff;box-shadow:0 0 0 4px rgba(58,133,242,.1)}.auth-code-input input{width:100%;border:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;text-align:center;direction:ltr;letter-spacing:12px;font-size:29px;font-weight:900;color:#12335b!important;-webkit-text-fill-color:#12335b!important;caret-color:#12335b!important;padding:0!important;margin:0!important}.auth-code-input input::placeholder{color:#c4d0dd;letter-spacing:9px}.auth-code-hint{text-align:center;color:#8396ad;font-size:10px;margin:4px 0 17px}.password-rules{display:flex;flex-wrap:wrap;gap:6px;margin:-5px 0 15px}.password-rules span{font-size:9px;color:#7f91a7;background:#f3f6fa;border:1px solid #e2e9f1;border-radius:999px;padding:5px 8px}.password-rules span:before{content:'○';margin-left:4px}.password-rules span.ok{color:#087f50;background:#eaf9f2;border-color:#c8ecdb}.password-rules span.ok:before{content:'✓'}
@media(max-width:600px){.auth-code-input{min-height:64px}.auth-code-input input{font-size:25px;letter-spacing:8px}.auth-forgot{font-size:10px}}

/* V6.40 — manual payment / wallet top-up */
.manual-payment-grid{margin-top:16px}.manual-payment-panel{overflow:hidden}.manual-payment-body{display:grid;grid-template-columns:1fr 1.1fr;gap:18px;padding:20px}.payment-bank-card{border:1px solid #dce8f4;border-radius:15px;background:linear-gradient(145deg,#f8fbff,#eef6ff);padding:20px}.payment-bank-label{display:inline-flex;padding:6px 10px;border-radius:999px;background:#e4f0ff;color:#1769d8;font-size:9px;font-weight:900;margin-bottom:12px}.payment-bank-card>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #dfeaf4;align-items:center}.payment-bank-card>div:last-of-type{border-bottom:0}.payment-bank-card small{color:#7890aa;font-size:9px}.payment-bank-card b{color:#17385f;font-size:12px}.payment-number{direction:ltr;font-family:monospace;letter-spacing:.4px}.payment-bank-card p{margin:13px 0 0;color:#6d829c;font-size:10px;line-height:1.9}.manual-payment-form{display:grid;gap:11px;padding:4px}.manual-payment-form label,.manual-payment-settings-form label{display:grid;gap:6px;color:#385674;font-size:10px;font-weight:800}.manual-payment-form input,.manual-payment-form textarea,.manual-payment-settings-form input,.manual-payment-settings-form textarea{width:100%;box-sizing:border-box;border:1px solid #d5e2ef;border-radius:9px;padding:10px;background:#fff;color:#28496d;font:inherit;font-size:10px;outline:none;transition:.16s}.manual-payment-form input:focus,.manual-payment-form textarea:focus,.manual-payment-settings-form input:focus,.manual-payment-settings-form textarea:focus{border-color:#4c92f7;box-shadow:0 0 0 3px rgba(58,133,242,.09)}.field-muted,.form-hint{color:#8a9db4;font-size:8px;font-weight:500}.form-hint{line-height:1.7}.payment-status{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:9px;font-weight:900}.payment-status.pending{background:#fff7e6;color:#bd7d12}.payment-status.approved{background:#e8f8f0;color:#0a9560}.payment-status.rejected{background:#fff0f0;color:#c13f48}.payment-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.manual-payment-settings-form{padding:20px}.manual-payment-settings-form>label{margin-top:1px}.payment-count-badge{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#eaf3ff;color:#176fe8;font-size:9px;vertical-align:middle}.payment-review-actions{display:grid;gap:7px;min-width:245px}.payment-review-actions form{display:grid;grid-template-columns:1fr auto;gap:5px}.payment-review-actions input{min-width:0;border:1px solid #d7e3ee;border-radius:7px;padding:7px;font-size:8px}.payment-review-actions button{border:0;border-radius:7px;padding:8px 10px;font-size:8px;font-weight:900;cursor:pointer;white-space:nowrap}.payment-approve{background:#e8f8f0;color:#078958}.payment-reject{background:#fff0f0;color:#c23d47}.table-subline{display:block;color:#91a2b6;font-size:8px;margin-top:4px}.finance-quick-links{margin:-4px 0 14px;display:flex;justify-content:flex-start}.finance-quick-links .details-btn{display:inline-flex;text-decoration:none}.compact-empty{padding:30px 20px}
@media(max-width:900px){.manual-payment-body{grid-template-columns:1fr}.payment-settings-grid{grid-template-columns:1fr 1fr}.payment-review-actions{min-width:220px}}
@media(max-width:600px){.payment-settings-grid{grid-template-columns:1fr}.manual-payment-body{padding:14px}.payment-bank-card{padding:16px}.payment-review-actions{min-width:190px}.payment-review-actions form{grid-template-columns:1fr}.payment-review-actions button{width:100%}}


/* V6.41 — Premium public landing + unified visual system */
:root{--cp-navy:#071a35;--cp-navy2:#0b2850;--cp-blue:#1677f2;--cp-cyan:#42b8ff;--cp-ink:#102847;--cp-muted:#6e829f;--cp-bg:#f4f8fd;--cp-card:#fff;--cp-line:#dce7f3}
html{scroll-behavior:smooth}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif}button,input,select,textarea{font-family:inherit}
/* Guest navbar is replaced visually by the landing navigation */
.auth-page .navbar{display:none}
.landing-page{background:#f6f9fd;color:var(--cp-ink);overflow:hidden}.landing-hero{position:relative;min-height:760px;background:radial-gradient(circle at 78% 32%,rgba(48,145,255,.18),transparent 30%),radial-gradient(circle at 15% 70%,rgba(73,93,255,.12),transparent 34%),linear-gradient(135deg,#06162e 0%,#092750 48%,#06172f 100%);color:#fff;padding:20px 0 72px}.landing-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent 88%);pointer-events:none}.landing-nav,.landing-hero-grid,.landing-section,.landing-cta,.landing-footer{width:min(1180px,calc(100% - 40px));margin:auto;position:relative;z-index:1}.landing-nav{height:66px;display:flex;align-items:center;justify-content:space-between;gap:20px}.landing-logo{display:flex;align-items:center;gap:11px;color:#fff}.landing-logo-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#dff2ff,#72b9ff);color:#0b61d3;font-size:24px;box-shadow:0 10px 28px rgba(61,156,255,.22)}.landing-logo b{display:block;font-size:17px;letter-spacing:-.3px}.landing-logo small{display:block;color:#91aed1;font-size:9px;margin-top:3px}.landing-nav-links{display:flex;gap:28px;color:#b9cbe2;font-size:12px}.landing-nav-links a:hover{color:#fff}.landing-nav-actions{display:flex;align-items:center;gap:9px}.landing-login{padding:10px 15px;color:#d9e7f8;font-size:12px;font-weight:800}.landing-nav-cta,.landing-main-cta{display:inline-flex;align-items:center;gap:14px;background:linear-gradient(135deg,#2385ff,#1163e9);color:#fff;border-radius:11px;padding:11px 16px;font-size:12px;font-weight:900;box-shadow:0 12px 28px rgba(21,111,238,.28)}.landing-nav-cta span,.landing-main-cta span{font-size:17px}.landing-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding-top:80px}.landing-copy{position:relative;z-index:2}.landing-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid rgba(125,184,255,.2);border-radius:999px;background:rgba(255,255,255,.045);color:#b9d8fb;font-size:10px;font-weight:800}.landing-kicker span{width:7px;height:7px;border-radius:50%;background:#35d99b;box-shadow:0 0 0 5px rgba(53,217,155,.1)}.landing-copy h1{font-size:54px;line-height:1.18;letter-spacing:-2.2px;margin:20px 0 18px}.landing-copy h1 strong{background:linear-gradient(90deg,#64c7ff,#5d8fff);-webkit-background-clip:text;background-clip:text;color:transparent}.landing-copy>p{max-width:610px;color:#a9bdd7;line-height:2;font-size:14px;margin:0}.landing-hero-actions{display:flex;gap:11px;margin-top:27px;flex-wrap:wrap}.landing-secondary-cta{display:inline-flex;align-items:center;gap:10px;padding:11px 17px;border-radius:11px;border:1px solid rgba(180,213,247,.2);color:#d6e5f7;background:rgba(255,255,255,.045);font-size:12px;font-weight:800}.landing-trust-row{display:flex;gap:30px;margin-top:38px;padding-top:23px;border-top:1px solid rgba(180,213,247,.13)}.landing-trust-row div{display:flex;flex-direction:column;gap:5px}.landing-trust-row b{font-size:11px}.landing-trust-row span{font-size:9px;color:#7f9ab9}.landing-dashboard-preview{position:relative}.preview-glow{position:absolute;inset:8% 2%;background:#2485ff;filter:blur(65px);opacity:.2}.preview-window{position:relative;border:1px solid rgba(157,202,255,.23);border-radius:20px;background:rgba(255,255,255,.09);padding:10px;box-shadow:0 35px 100px rgba(0,0,0,.35);backdrop-filter:blur(14px);transform:perspective(1200px) rotateY(-4deg) rotateX(2deg)}.preview-top{height:34px;display:flex;align-items:center;justify-content:space-between;color:#91afd1;font-size:8px;padding:0 7px}.preview-dots{display:flex;gap:4px}.preview-dots i{width:6px;height:6px;border-radius:50%;background:#6c87a7}.preview-body{display:grid;grid-template-columns:125px 1fr;min-height:385px;border-radius:13px;overflow:hidden;background:#f5f8fc;color:#193354}.preview-body aside{background:#0b2344;color:#94adca;padding:18px 10px;display:flex;flex-direction:column;gap:9px;font-size:8px}.preview-body aside b{font-size:20px;color:#8ec8ff;margin-bottom:8px}.preview-body aside span{padding:9px;border-radius:7px}.preview-body aside .active{background:#1675ee;color:#fff}.preview-main{padding:18px}.preview-welcome{display:flex;align-items:center;justify-content:space-between}.preview-welcome small{color:#7d91ab;font-size:8px}.preview-welcome h3{margin:4px 0;font-size:15px}.preview-welcome em{font-style:normal;background:#176fe7;color:#fff;padding:7px 9px;border-radius:7px;font-size:8px}.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:15px 0}.preview-stats>div{background:#fff;border:1px solid #e1eaf4;border-radius:9px;padding:10px}.preview-stats small,.preview-stats span{display:block;color:#8194aa;font-size:7px}.preview-stats b{display:block;font-size:15px;margin:4px 0}.preview-server{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #e1eaf4;border-radius:9px;padding:11px}.preview-server-icon{width:27px;height:27px;border-radius:8px;background:#e9f9f2;color:#0aa66b;display:grid;place-items:center;font-size:11px}.preview-server b{display:block;font-size:8px}.preview-server small{display:block;color:#8194aa;font-size:6px;margin-top:4px}.preview-server i{margin-right:auto;background:#e8f8f0;color:#0a9d64;padding:4px 7px;border-radius:99px;font-size:7px;font-style:normal}.preview-chart{height:80px;margin-top:10px;border-radius:9px;background:linear-gradient(180deg,#f4f8ff,#fff);display:flex;align-items:end;gap:7px;padding:14px}.preview-chart span{flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#4a9aff,#cde5ff);height:30%}.preview-chart span:nth-child(2){height:46%}.preview-chart span:nth-child(3){height:39%}.preview-chart span:nth-child(4){height:70%}.preview-chart span:nth-child(5){height:54%}.preview-chart span:nth-child(6){height:82%}.preview-chart span:nth-child(7){height:68%}
.landing-section{padding:95px 0}.landing-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;padding:0;margin-top:-34px;background:#fff;border:1px solid #e0e9f3;border-radius:16px;box-shadow:0 18px 50px rgba(20,58,100,.07);overflow:hidden}.landing-stats>div{padding:26px 24px;background:#fff}.landing-stats strong{display:block;color:#16355b;font-size:13px}.landing-stats span{display:block;color:#8294aa;font-size:10px;margin-top:6px}.section-intro{max-width:650px;margin-bottom:34px}.section-intro.centered{text-align:center;margin-left:auto;margin-right:auto}.section-intro>span{color:#1673ea;font-size:10px;font-weight:900}.section-intro h2{font-size:35px;line-height:1.35;letter-spacing:-1px;margin:10px 0;color:#112c4d}.section-intro p{color:#7589a4;font-size:13px;line-height:1.9;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-grid article{background:#fff;border:1px solid #e0e9f3;border-radius:16px;padding:25px;box-shadow:0 10px 30px rgba(20,58,100,.035);transition:.2s}.feature-grid article:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(20,58,100,.08);border-color:#c9dcf2}.feature-icon{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;font-size:20px;margin-bottom:18px}.feature-icon.blue{background:#eaf3ff;color:#1975ea}.feature-icon.green{background:#e8f9f1;color:#0b9d66}.feature-icon.purple{background:#f1ebff;color:#7543df}.feature-icon.orange{background:#fff2df;color:#df8d14}.feature-icon.cyan{background:#e7faff;color:#159bb8}.feature-icon.red{background:#fff0f1;color:#d54d59}.feature-grid h3{margin:0 0 8px;font-size:15px}.feature-grid p{margin:0;color:#7b8da4;font-size:11px;line-height:1.9}.plans-section{background:#eef5fc;width:100%;padding-left:max(20px,calc((100% - 1180px)/2));padding-right:max(20px,calc((100% - 1180px)/2));max-width:none}.landing-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;max-width:1180px;margin:auto}.landing-plan{position:relative;background:#fff;border:1px solid #dfe9f4;border-radius:17px;padding:25px;box-shadow:0 12px 35px rgba(20,58,100,.05)}.landing-plan.featured{border:1px solid #4c99f5;box-shadow:0 20px 50px rgba(32,117,235,.13);transform:translateY(-7px)}.plan-popular{position:absolute;top:-12px;right:20px;background:#176fe8;color:#fff;padding:6px 10px;border-radius:99px;font-size:8px;font-weight:900}.plan-head{display:flex;justify-content:space-between;color:#8093aa;font-size:10px}.plan-head b{color:#17375e;font-size:17px}.plan-price{margin:20px 0}.plan-price strong{display:block;color:#0f2b4d;font-size:30px}.plan-price small{color:#8395aa;font-size:9px}.landing-plan ul{list-style:none;padding:0;margin:20px 0;border-top:1px solid #edf2f7}.landing-plan li{padding:10px 0;border-bottom:1px solid #edf2f7;color:#657b97;font-size:10px}.landing-plan li:before{content:'✓';color:#159d67;font-weight:900;margin-left:7px}.landing-plan>a{display:flex;align-items:center;justify-content:space-between;background:#f0f6fd;color:#176fe8;padding:11px 13px;border-radius:9px;font-size:10px;font-weight:900}.landing-plan.featured>a{background:#176fe8;color:#fff}.how-section{background:#fff}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.steps-grid>div{border:1px solid #e0e9f3;border-radius:15px;padding:23px;background:#fbfdff}.steps-grid b{font-size:11px;color:#176fe8}.steps-grid h3{font-size:14px;margin:16px 0 7px}.steps-grid p{font-size:10px;line-height:1.8;color:#8091a7;margin:0}.landing-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:80px;border-radius:22px;padding:45px 50px;background:radial-gradient(circle at 80% 20%,rgba(63,171,255,.28),transparent 35%),linear-gradient(135deg,#071a35,#0c3566);color:#fff;box-shadow:0 25px 70px rgba(10,45,90,.2)}.landing-cta span{font-size:10px;color:#79bcff;font-weight:900}.landing-cta h2{font-size:30px;margin:8px 0}.landing-cta p{margin:0;color:#a8c0dd;font-size:11px}.landing-cta>a{background:#fff;color:#0c55b6;padding:13px 18px;border-radius:10px;font-size:11px;font-weight:900;white-space:nowrap}.landing-footer{border-top:1px solid #dfe8f1;padding:45px 0 55px;display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:40px}.landing-footer .landing-logo{color:#16375d}.landing-footer .landing-logo small{color:#7d91aa}.landing-footer p,.landing-footer span,.landing-footer a{display:block;color:#7d90a8;font-size:10px;margin-top:8px}.landing-footer>b,.landing-footer>div>b{display:block;color:#234566;font-size:11px;margin-bottom:12px}
/* unify app surfaces */
body.app-page{background:linear-gradient(180deg,#f5f9fd 0,#f3f7fc 100%)}.sidebar{box-shadow:14px 0 45px rgba(4,28,59,.12)}.topbar{box-shadow:0 5px 25px rgba(5,28,58,.13)}.modern-container{padding-top:40px}.stat-card,.servers-panel,.card,.create-main-card,.create-side,.summary-card{box-shadow:0 12px 34px rgba(19,61,103,.055);border-color:#dce7f2}.modern-primary{border-radius:11px}.btn{border-radius:10px}.card{border-radius:16px}.app-page table{border-radius:12px;overflow:hidden}.app-page th{background:#f7faff;color:#56708f;font-size:11px}.app-page td{font-size:11px;color:#294665}.app-page input,.app-page select,.app-page textarea{border-radius:10px;border-color:#d6e2ee;transition:.18s}.app-page input:focus,.app-page select:focus,.app-page textarea:focus{outline:0;border-color:#4a93f7;box-shadow:0 0 0 4px rgba(74,147,247,.1)}
@media(max-width:980px){.landing-hero-grid{grid-template-columns:1fr;gap:45px;padding-top:60px}.landing-copy{text-align:center}.landing-copy>p{margin:auto}.landing-hero-actions,.landing-trust-row{justify-content:center}.landing-dashboard-preview{max-width:680px;margin:auto}.feature-grid{grid-template-columns:repeat(2,1fr)}.landing-plans{grid-template-columns:1fr;max-width:520px}.landing-plan.featured{transform:none}.steps-grid{grid-template-columns:repeat(2,1fr)}.landing-stats{grid-template-columns:repeat(2,1fr);margin-top:-20px}.landing-nav-links{display:none}}
@media(max-width:640px){.landing-hero{min-height:auto;padding-bottom:45px}.landing-nav,.landing-hero-grid,.landing-section,.landing-cta,.landing-footer{width:calc(100% - 24px)}.landing-nav{height:58px}.landing-logo b{font-size:14px}.landing-logo-mark{width:36px;height:36px;font-size:20px}.landing-login{display:none}.landing-nav-cta{padding:9px 11px;font-size:10px}.landing-hero-grid{padding-top:48px}.landing-copy h1{font-size:37px;letter-spacing:-1.4px}.landing-copy>p{font-size:12px}.landing-trust-row{gap:14px}.landing-trust-row div{min-width:0}.landing-trust-row b{font-size:9px}.landing-trust-row span{font-size:7px}.preview-window{transform:none}.preview-body{grid-template-columns:80px 1fr;min-height:300px}.preview-body aside{font-size:6px;padding:12px 6px}.preview-body aside span{padding:7px 5px}.preview-main{padding:10px}.preview-stats b{font-size:11px}.preview-stats small,.preview-stats span{font-size:6px}.preview-server small{font-size:5px}.section-intro h2{font-size:27px}.landing-section{padding:65px 0}.landing-stats{margin-top:-8px}.landing-stats>div{padding:18px 13px}.feature-grid,.steps-grid{grid-template-columns:1fr}.feature-grid article{padding:20px}.landing-cta{margin-bottom:55px;padding:30px 24px;flex-direction:column;align-items:stretch}.landing-cta h2{font-size:25px}.landing-cta>a{text-align:center}.landing-footer{grid-template-columns:1fr 1fr;gap:25px}.landing-footer>div:first-child{grid-column:1/-1}.plans-section{padding-left:12px;padding-right:12px}.landing-plan{padding:21px}.auth-enamad-rail{position:relative;left:auto;bottom:auto;margin:12px auto 24px;width:120px}.auth-wrap{padding-bottom:8px}}

/* V6.43 — OS family -> version picker */
.image-field{position:relative}.image-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:10px}.image-section-head label{margin-bottom:2px!important;font-size:14px!important}.image-help{margin:0!important;color:#7c8da5!important;font-size:10px!important}.image-selection-badge{display:inline-flex;align-items:center;white-space:nowrap;padding:6px 10px;border:1px solid #d8e7f7;border-radius:999px;background:#f6faff;color:#46719f;font-size:9px;font-weight:800}.os-family-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.os-card{position:relative;display:flex;align-items:center;gap:10px;text-align:right!important;min-height:74px;padding:10px 12px!important;border:1px solid #dce7f2!important;border-radius:12px!important;background:linear-gradient(180deg,#fff,#fbfdff)!important;box-shadow:0 4px 15px rgba(30,70,110,.035);transition:.18s ease}.os-card:hover{transform:translateY(-1px);border-color:#86b7f7!important;box-shadow:0 8px 22px rgba(30,90,160,.08)}.os-card.active{border-color:#3989f4!important;box-shadow:0 0 0 2px rgba(57,137,244,.10),0 8px 24px rgba(30,90,160,.08)!important;background:#f7fbff!important}.os-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto}.os-icon .os-logo{width:36px;height:36px}.os-card-copy{min-width:0;display:flex;flex-direction:column;gap:4px;flex:1}.os-card-copy strong{font-size:12px!important;color:#19385e}.os-card-copy small{font-size:9px!important;color:#8192a9}.os-card-arrow{font-size:15px;color:#82a1c3;transition:.18s}.os-card.active .os-card-arrow{color:#247be5;transform:translateX(-2px)}.os-version-panel{margin-top:10px;padding:13px;border:1px solid #dce8f5;border-radius:13px;background:#f9fcff}.os-version-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.os-version-head>div{display:flex;align-items:baseline;gap:8px}.os-version-head strong{font-size:12px;color:#173a63}.os-version-head span{font-size:9px;color:#8293aa}.os-back{border:1px solid #d5e4f3;background:#fff;color:#3178c8;border-radius:8px;padding:6px 9px;font-size:9px;font-weight:800;cursor:pointer}.os-version-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.os-version-card{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:right;border:1px solid #dce7f2;background:#fff;border-radius:10px;padding:10px 11px;cursor:pointer;transition:.18s}.os-version-card:hover{border-color:#77aef0;transform:translateY(-1px)}.os-version-card.active{border-color:#3687ef;background:#f2f8ff;box-shadow:0 0 0 2px rgba(54,135,239,.09)}.os-version-card span{display:flex;flex-direction:column;gap:3px;min-width:0}.os-version-card strong{font-size:11px;color:#193a61}.os-version-card small{font-size:8px;color:#8a99ad;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr;text-align:right}.os-version-card i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#e9eff6;color:transparent;font-style:normal;font-size:11px;flex:0 0 auto}.os-version-card.active i{background:#247fe9;color:#fff}.image-native-select{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;margin:0!important}.image-field:focus-within .image-selection-badge{border-color:#8bbcf4;background:#eef7ff;color:#1769e0}@media(max-width:1050px){.os-family-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.os-version-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.image-section-head{align-items:flex-start;flex-direction:column;gap:7px}.os-family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.os-version-grid{grid-template-columns:1fr 1fr}.os-version-head{align-items:flex-start;flex-direction:column}.os-back{width:100%}}@media(max-width:430px){.os-family-grid,.os-version-grid{grid-template-columns:1fr}.os-card{min-height:68px}}

/* V6.44 - premium VPS builder inspired by modern cloud control panels */
.create-server-page{max-width:1320px;padding-bottom:70px}
.create-server-page .create-breadcrumb{margin-top:4px}
.create-server-page .create-hero{background:linear-gradient(135deg,#0a1830 0%,#102b55 55%,#173f78 100%);border:1px solid rgba(104,164,255,.24);border-radius:22px;padding:24px 26px;color:#fff;box-shadow:0 18px 50px rgba(9,28,58,.18);position:relative;overflow:hidden}
.create-server-page .create-hero:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;left:-100px;top:-160px;background:radial-gradient(circle,rgba(45,142,255,.28),transparent 68%);pointer-events:none}
.create-server-page .create-hero h1{color:#fff;font-size:32px}
.create-server-page .create-hero p{color:#b9cbe5}
.create-server-page .help-card{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12);color:#fff;backdrop-filter:blur(8px)}
.create-server-page .help-card strong{color:#fff}.create-server-page .help-card small{color:#b7c8e1}.create-server-page .help-card>span{background:rgba(67,151,255,.18)}
.create-server-page .create-progress{background:#0c1b34;border:1px solid rgba(102,153,220,.18);box-shadow:0 12px 35px rgba(11,31,61,.12)}
.create-server-page .create-step strong{color:#f5f9ff}.create-server-page .create-step small{color:#8fa7c8}.create-server-page .create-step span{background:#16335d;color:#a9c7ef;border:1px solid #2a5287}.create-server-page .create-step.active span{background:#1e78f0;color:#fff;border-color:#4d9aff;box-shadow:0 0 0 5px rgba(30,120,240,.12)}
.create-server-page .create-layout{grid-template-columns:minmax(0,1fr) 330px;gap:18px}
.create-server-page .create-main-card,.create-server-page .side-card{background:linear-gradient(180deg,#111f39,#0c182d);border-color:rgba(109,157,218,.2);box-shadow:0 18px 45px rgba(8,25,51,.13);color:#fff}
.create-server-page .config-block{padding:24px}
.create-server-page .field label:not(.toggle-row),.create-server-page .section-label label,.create-server-page .image-section-head label{color:#f3f7ff}
.create-server-page .field small,.create-server-page .section-label small,.create-server-page .image-help{color:#8ea5c4!important}
.create-server-page .field input,.create-server-page .field select{background:#0b1830;border-color:#294467;color:#eef5ff}
.create-server-page .field input::placeholder{color:#657d9f}
.create-server-page .location-native-field{display:none}
.create-server-page .location-picker-section{margin-top:0}
.create-server-page .location-card-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:11px}
.create-server-page .location-card{position:relative;min-width:0;text-align:right;display:flex;align-items:center;gap:10px;border:1px solid #263e62;background:linear-gradient(145deg,#172b4c,#101f38);border-radius:14px;padding:12px 13px;color:#fff;cursor:pointer;transition:.2s ease;overflow:hidden}
.create-server-page .location-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(64,146,255,.10),transparent 45%);opacity:0;transition:.2s}
.create-server-page .location-card:hover{transform:translateY(-2px);border-color:#3e8df2;box-shadow:0 10px 25px rgba(0,0,0,.18)}
.create-server-page .location-card:hover:before,.create-server-page .location-card.active:before{opacity:1}
.create-server-page .location-card.active{border-color:#2f8aff;box-shadow:0 0 0 2px rgba(47,138,255,.16),0 12px 28px rgba(20,108,210,.18);background:linear-gradient(145deg,#18375f,#10294a)}
.create-server-page .location-card-flag{width:42px;height:29px;display:flex;align-items:center;justify-content:center;flex:0 0 42px;border-radius:8px;overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.62);box-shadow:0 4px 12px rgba(0,0,0,.22),0 0 0 1px rgba(15,35,60,.65),inset 0 1px 0 rgba(255,255,255,.35);padding:0}
.create-server-page .location-card-flag img{display:block;width:100%;height:100%;object-fit:cover;border-radius:6px;filter:saturate(1.08) contrast(1.04);box-shadow:0 1px 3px rgba(0,0,0,.20);outline:1px solid rgba(255,255,255,.30);outline-offset:-1px}
.create-server-page .location-card-status{width:9px;height:9px;border-radius:50%;background:#25d18a;color:transparent;box-shadow:0 0 0 4px rgba(37,209,138,.10);flex:0 0 auto}
.create-server-page .location-card-main{min-width:0;flex:1}.create-server-page .location-card-main strong{display:block;color:#fff;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.create-server-page .location-card-main small{display:block;color:#839bbd;font-size:9px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.create-server-page .location-card-arrow{color:#6e9bd0;font-size:15px}
.create-server-page .server-type-section{border-top:1px solid rgba(105,145,194,.15);padding-top:20px}
.create-server-page .server-type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.create-server-page .server-type-card{background:linear-gradient(145deg,#172946,#101e35)!important;border:1px solid #284263!important;border-radius:15px!important;color:#fff!important;box-shadow:none!important;min-height:132px;transition:.2s ease}
.create-server-page .server-type-card:hover{transform:translateY(-2px);border-color:#428ff5!important;box-shadow:0 10px 28px rgba(0,0,0,.16)!important}
.create-server-page .server-type-card.active{border-color:#2787ff!important;box-shadow:0 0 0 2px rgba(39,135,255,.18),0 12px 28px rgba(22,103,196,.18)!important;background:linear-gradient(145deg,#183861,#122746)!important}
.create-server-page .server-type-card strong{color:#f6f9ff}.create-server-page .server-type-card small{color:#8ea7c7}.create-server-page .server-type-card .type-price{color:#55b5ff}
.create-server-page .type-check{background:#18365e!important;color:#83b5ef!important}.create-server-page .server-type-card.active .type-check{background:#267ff0!important;color:#fff!important}
.create-server-page .image-field{border-top:1px solid rgba(105,145,194,.15);padding-top:20px}
.create-server-page .image-selection-badge{background:#122846;border-color:#29486d;color:#9fc4ef}
.create-server-page .os-family-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.create-server-page .os-card{background:linear-gradient(145deg,#172946,#101e35)!important;border-color:#284263!important;color:#fff!important;border-radius:15px!important;min-height:82px;box-shadow:none!important}
.create-server-page .os-card:hover{border-color:#428ff5!important;background:#17345a!important}.create-server-page .os-card.active{border-color:#2b87ff!important;background:linear-gradient(145deg,#183b67,#112948)!important;box-shadow:0 0 0 2px rgba(43,135,255,.14)!important}.create-server-page .os-card-copy strong{color:#fff}.create-server-page .os-card-copy small{color:#89a4c7}.create-server-page .os-card-arrow{color:#6d99ce}
.create-server-page .os-version-panel{background:#0b1a31;border-color:#294362}.create-server-page .os-version-head strong{color:#fff}.create-server-page .os-version-head span{color:#8199b9}.create-server-page .os-back{background:#132946;border-color:#315276;color:#9fc7f5}.create-server-page .os-version-card{background:#12233e;border-color:#294361;color:#fff}.create-server-page .os-version-card:hover{background:#18365b;border-color:#418ff5}.create-server-page .os-version-card.active{background:#153d6a;border-color:#2e88ff}.create-server-page .os-version-card strong{color:#fff}.create-server-page .os-version-card small{color:#8ba3c2}.create-server-page .os-version-card i{background:#243b58}.create-server-page .os-version-card.active i{background:#2786f4}
.create-server-page .networking-panel,.create-server-page .access-grid{border-color:rgba(105,145,194,.15)}
.create-server-page .panel-title h2,.create-server-page .private-network-heading h3{color:#f4f8ff}.create-server-page .panel-title p,.create-server-page .private-network-heading p{color:#849cba}.create-server-page .panel-badge,.create-server-page .optional-badge{background:#112b4c;color:#78b5ff}.create-server-page .network-option,.create-server-page .private-network-box,.create-server-page .private-network-option{background:#10223b!important;border-color:#294361!important;color:#fff}.create-server-page .network-option strong,.create-server-page .private-network-option strong{color:#edf5ff}.create-server-page .network-option small,.create-server-page .private-network-option small{color:#849cba}.create-server-page .network-option.selected{background:#14315a!important;border-color:#2d83ee!important}.create-server-page .create-footer{background:#0a172a;border-color:rgba(105,145,194,.15)}
.create-server-page .create-side{position:sticky;top:18px}.create-server-page .side-title{color:#f5f8ff}.create-server-page .side-hint,.create-server-page .side-info{background:#102b4a;border-color:#244d79;color:#91c4f7}.create-server-page .summary-card dl>div{border-color:#1d3351}.create-server-page .summary-card dt{color:#8ea6c6}.create-server-page .summary-card dd{color:#edf5ff}.create-server-page .side-success{background:#0e342b;color:#62dcae}.create-server-page .selected-location,.create-server-page .type-mini{background:#10233e;border-color:#294361;color:#fff}.create-server-page .type-mini:hover,.create-server-page .type-mini.active{background:#15345b;border-color:#378af3}.create-server-page .type-mini strong{color:#fff}.create-server-page .type-mini small{color:#849cba}.create-server-page .type-mini b{color:#61b4ff}
.create-server-page .create-submit{background:linear-gradient(135deg,#1678f2,#2b8cff)!important;box-shadow:0 10px 24px rgba(27,121,239,.25);border-radius:11px!important;padding:12px 24px!important}.create-server-page .create-submit:hover{background:linear-gradient(135deg,#0f6fe8,#2184f4)!important}
.create-server-page .available-pill{background:#10372d;color:#57d6a1}.create-server-page .field-help{color:#7f9bbd}
@media(max-width:1100px){.create-server-page .location-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.create-server-page .server-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.create-server-page .os-family-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.create-server-page .create-layout{grid-template-columns:1fr}.create-server-page .create-side{position:static}.create-server-page .location-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.create-server-page .config-block{padding:15px}.create-server-page .create-hero{padding:18px}.create-server-page .create-hero h1{font-size:26px}.create-server-page .location-card-grid,.create-server-page .server-type-grid,.create-server-page .os-family-grid{grid-template-columns:1fr}.create-server-page .field-row,.create-server-page .access-grid{grid-template-columns:1fr}.create-server-page .help-card{min-width:0;width:100%}}

/* V6.45 — Unified Cloud Price VPS Design System
   One visual language across landing, auth, dashboard, VPS builder, wallet,
   billing, payments, server details and admin pages. */
:root{
  --cp-primary:#1673ea;
  --cp-primary-2:#0d5ed7;
  --cp-primary-soft:#eaf3ff;
  --cp-navy:#0a2142;
  --cp-navy-2:#0d2b52;
  --cp-ink:#16345a;
  --cp-text:#294766;
  --cp-muted:#7890ad;
  --cp-bg:#f3f7fc;
  --cp-surface:#ffffff;
  --cp-border:#dce7f3;
  --cp-shadow:0 12px 34px rgba(14,52,91,.065);
  --cp-radius:16px;
}
html{scroll-behavior:smooth}body{overflow-x:hidden}img,svg,video{max-width:100%}button,input,select,textarea{font:inherit}button{touch-action:manipulation}

/* Global page canvas */
body.app-page{background:linear-gradient(180deg,#f5f9fd 0%,#f1f6fc 100%)!important;color:var(--cp-ink)!important}
body.auth-page{background:radial-gradient(circle at 15% 10%,rgba(44,128,242,.20),transparent 32%),radial-gradient(circle at 88% 82%,rgba(28,94,205,.18),transparent 30%),linear-gradient(135deg,#07182f 0%,#0b2850 52%,#071a35 100%)!important}
.navbar{border-bottom:1px solid rgba(255,255,255,.07);box-shadow:0 8px 30px rgba(5,26,53,.10)}
.container,.modern-container,.finance-page,.sales-page,.server-details-page,.rebuild-page{width:min(1480px,calc(100% - 40px));margin-left:auto;margin-right:auto}
.card,.modern-card,.servers-panel,.finance-balance-card,.finance-info-card,.finance-panel,.product-card,.order-card,.sales-admin-card,.rebuild-card,.rebuild-summary-card,.rebuild-help-card{border-color:var(--cp-border)!important;border-radius:var(--cp-radius)!important;box-shadow:var(--cp-shadow)!important}

/* One primary color for controls */
.btn,.modern-primary,.create-submit,.sales-buy,.auth-submit,.quick-password-generate{background:linear-gradient(135deg,var(--cp-primary),#2a88f4)!important;color:#fff!important;border-color:transparent!important}
.btn:hover,.modern-primary:hover,.create-submit:hover,.sales-buy:hover,.auth-submit:hover,.quick-password-generate:hover{background:linear-gradient(135deg,var(--cp-primary-2),var(--cp-primary))!important}
.btn.secondary,.modern-secondary{background:#fff!important;color:var(--cp-primary)!important;border:1px solid #cfe0f3!important;box-shadow:none!important}
.btn.danger,.outline-danger{background:#fff!important;color:#d34a50!important;border-color:#f0bfc3!important}
.btn.success,.outline-success{background:#fff!important;color:#078b5a!important;border-color:#bde8d5!important}
input,select,textarea,.field input,.field select{border-color:#d3e1ee!important;background:#fff;color:var(--cp-text)}
input:focus,select:focus,textarea:focus,.field input:focus,.field select:focus{border-color:#4b96f5!important;box-shadow:0 0 0 4px rgba(22,115,234,.10)!important;outline:0}

/* App shell */
.app-shell{background:var(--cp-bg)!important}.sidebar{background:linear-gradient(180deg,#0b2448 0%,#071b38 100%)!important;box-shadow:12px 0 42px rgba(3,24,52,.13)!important}.sidebar-brand{border-bottom:1px solid rgba(151,190,232,.09);margin-bottom:12px}.side-nav a.active{background:linear-gradient(135deg,#1679ee,#1764df)!important;box-shadow:0 10px 25px rgba(22,115,234,.24)!important}.side-nav a:hover{background:rgba(63,143,239,.12)!important}.topbar{background:linear-gradient(90deg,#0a2142,#0d2b52)!important;box-shadow:0 6px 25px rgba(4,28,57,.14)!important}
.modern-container{padding-top:32px!important}.page-heading-row h1,.sales-head h1,.server-heading h1,.finance-page h1{color:var(--cp-ink)!important}.page-heading-row p,.sales-head p{color:var(--cp-muted)!important}.eyebrow-icon,.stat-icon.blue{background:var(--cp-primary-soft)!important;color:var(--cp-primary)!important}.stat-icon.green,.stat-icon.purple,.stat-icon.orange{background:var(--cp-primary-soft)!important;color:var(--cp-primary)!important}.stat-card strong{color:var(--cp-ink)!important}

/* Consistent surfaces and spacing */
.panel-heading h2,.modern-card h2,.side-title h2,.finance-info-card b,.product-card h2,.order-card h2{color:var(--cp-ink)!important}.panel-heading,.finance-panel .panel-heading{border-color:#e6eef6}.servers-panel,.modern-card,.finance-panel,.product-card,.order-card{background:var(--cp-surface)!important}.server-row{border-color:var(--cp-border)!important;background:#fff!important;border-left-color:#2bbf8a!important}.server-main h3,.server-meta strong,.server-os strong,.summary-primary h2{color:var(--cp-ink)!important}.server-meta small,.server-os small,.server-main small,.muted,.field small{color:var(--cp-muted)!important}
.status-pill.running,.billing-status.active,.payment-status.approved{background:#e8f8f1!important;color:#078b5a!important}.status-pill.off,.billing-status.paused_insufficient_funds,.payment-status.rejected{background:#fff0f0!important;color:#c6454d!important}.status-pill{border:1px solid rgba(0,0,0,.04)}

/* Tables become contained, readable and scrollable instead of breaking layouts */
.app-page table{display:table;width:100%;min-width:620px;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--cp-border);border-radius:12px;overflow:hidden}.app-page th{background:#f3f7fc!important;color:#496783!important}.app-page th,.app-page td{border-color:#e8eff6!important}.app-page .finance-table,.app-page .table-wrap,.app-page .table-responsive{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}

/* Forms */
.form-section,.networking-panel,.access-grid,.image-field{border-color:#e5edf6!important}.form-section h2,.section-heading h2,.panel-title h2{color:var(--cp-ink)}.empty-note,.compact-empty,.empty-sales{background:#f7faff!important;border:1px dashed #d4e2ef;color:var(--cp-muted)!important;border-radius:12px}

/* VPS builder stays dark, but uses the same blue identity */
.create-server-page .create-main-card,.create-server-page .side-card{border-color:#254568!important}.create-server-page .create-submit{box-shadow:0 12px 28px rgba(22,115,234,.25)!important}.create-server-page .location-card.active,.create-server-page .server-type-card.active,.create-server-page .os-card.active,.create-server-page .os-version-card.active{border-color:#2b88f5!important}.create-server-page .create-side{top:18px}

/* Auth pages — same navy/blue identity */
.auth-card{border-color:rgba(116,171,232,.20)!important;box-shadow:0 28px 75px rgba(1,18,39,.30)!important}.auth-icon{background:var(--cp-primary-soft)!important;color:var(--cp-primary)!important}.auth-submit{box-shadow:0 12px 28px rgba(22,115,234,.25)!important}.auth-switch a,.auth-forgot{color:var(--cp-primary)!important}.auth-enamad-rail{border-color:rgba(103,157,222,.22);background:rgba(6,28,56,.78)}

/* Notifications / action states */
.modern-alert,.action-tracker{border-radius:13px!important}.cpv-toast{border-color:var(--cp-border)!important}.notification-panel{border-color:var(--cp-border)!important}.notification-item.unread{background:#f1f7ff!important}

/* Landing page follows the same palette */
.landing-hero,.landing-cta{background:linear-gradient(135deg,#071b37 0%,#0b2d59 58%,#0f4e91 100%)!important}.landing-plan.featured{border-color:#4a96f5!important}.landing-plan>a{color:var(--cp-primary)!important}.landing-plan.featured>a,.landing-nav-cta{background:linear-gradient(135deg,var(--cp-primary),#2b8cf4)!important;color:#fff!important}.feature-grid article:hover,.steps-grid>div:hover{border-color:#b9d5f4!important;box-shadow:var(--cp-shadow)!important}

/* Payment / finance cards use the same blue instead of unrelated colors */
.finance-balance-card{background:linear-gradient(135deg,#0b4fa9,#1679ee)!important}.payment-bank-card{background:linear-gradient(145deg,#f7fbff,#edf6ff)!important;border-color:#d4e5f5!important}.payment-bank-label,.payment-status.pending,.product-chip{background:var(--cp-primary-soft)!important;color:var(--cp-primary)!important}.payment-review-actions .payment-approve{background:#e8f8f1!important;color:#078b5a!important}.payment-review-actions .payment-reject{background:#fff0f0!important;color:#c6454d!important}

/* Make every common content block fit small screens */
@media(max-width:1100px){
  .container,.modern-container,.finance-page,.sales-page,.server-details-page,.rebuild-page{width:min(100% - 28px,1480px)}
  .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .container,.modern-container,.finance-page,.sales-page,.server-details-page,.rebuild-page{width:calc(100% - 20px)!important}
  .app-shell{display:block!important}
  .sidebar{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:0!important;padding:12px 10px!important;display:block!important}
  .sidebar-brand{padding:0 4px 12px!important;margin-bottom:8px!important}
  .sidebar-brand b{font-size:17px!important}.sidebar-brand small{font-size:9px!important}
  .side-nav{display:flex!important;flex-direction:row!important;overflow-x:auto!important;gap:7px!important;padding:2px 0 5px!important;scrollbar-width:none}.side-nav::-webkit-scrollbar{display:none}
  .side-nav a{flex:0 0 auto!important;padding:10px 12px!important;font-size:11px!important;white-space:nowrap!important}.side-nav a span{width:auto!important;font-size:17px!important}
  .sidebar-bottom{display:none!important}.app-main{margin:0!important;width:100%!important}.topbar{height:56px!important;padding:0 12px!important;position:sticky;top:0;z-index:70}.mobile-brand{display:flex!important}.mobile-brand b{font-size:12px}.topbar-user{font-size:10px!important}.topbar-user>a{display:inline!important;margin-left:5px!important}.topbar-user .bell{margin-right:2px!important}
  .modern-container{padding:20px 0 28px!important}.page-heading-row{gap:12px!important;margin-bottom:16px!important}.page-heading-row h1,.sales-head h1,.server-heading h1{font-size:24px!important}.page-heading-row p,.sales-head p{font-size:11px!important}
  .stat-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.stat-card{padding:13px!important;border-radius:13px!important}.stat-card strong{font-size:21px!important}.stat-card small{font-size:10px!important}.stat-icon{width:38px!important;height:38px!important;font-size:18px!important}
  .servers-panel,.modern-card,.finance-panel,.product-card,.order-card{border-radius:14px!important}.panel-heading{align-items:flex-start!important;flex-direction:column!important}.panel-tools{width:100%}
  .server-row{grid-template-columns:1fr!important}.server-main,.server-meta,.server-os{border-right:0!important;border-bottom:1px solid #e8eff6!important}.server-actions{flex-wrap:wrap!important}.server-actions .details-btn{width:100%;margin:0!important}.server-actions form{flex:1}.server-actions form .btn,.server-actions form button{width:100%}
  .details-columns,.finance-grid,.orders-grid,.admin-sales-grid{grid-template-columns:1fr!important}.billing-cards{grid-template-columns:1fr!important;padding:12px!important}.finance-grid{gap:12px!important}.finance-balance-card{padding:20px!important}.finance-balance-card>strong{font-size:25px!important}
  .sales-head{align-items:flex-start!important;flex-direction:column!important}.product-grid{grid-template-columns:1fr!important}.product-card{padding:17px!important}
  .detail-tabs{overflow-x:auto!important;white-space:nowrap!important}.info-table>div,.info-list>div{flex-direction:column!important;gap:4px!important}.info-list strong{text-align:right!important}
  .manual-payment-body{grid-template-columns:1fr!important;padding:14px!important}.payment-settings-grid{grid-template-columns:1fr!important}.payment-review-actions{min-width:0!important;width:100%!important}.payment-review-actions form{grid-template-columns:1fr!important}
  .auth-wrap{width:min(calc(100% - 20px),520px)!important;padding:30px 0 20px!important}.auth-card{padding:22px 17px!important;border-radius:19px!important}.auth-card h1{font-size:23px!important}.auth-input{min-height:48px}.auth-submit{min-height:48px}.auth-enamad-rail{position:relative!important;left:auto!important;bottom:auto!important;margin:12px auto 22px!important;width:116px!important}
  .toast-stack{top:66px!important;width:calc(100vw - 18px)!important}.cpv-toast{border-radius:13px!important}
}
@media(max-width:430px){
  .container,.modern-container,.finance-page,.sales-page,.server-details-page,.rebuild-page{width:calc(100% - 14px)!important}
  .stat-grid{grid-template-columns:1fr!important}.side-nav a{padding:9px 10px!important}.topbar-user b{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .page-heading-row h1,.sales-head h1,.server-heading h1{font-size:22px!important}.modern-primary,.modern-secondary,.btn{min-height:42px}
  .server-main,.server-meta,.server-os{padding:14px!important}.summary-primary{padding:14px!important}.summary-item{padding:12px 14px!important}
  .create-server-page .create-hero h1{font-size:25px!important}.create-server-page .create-main-card{border-radius:14px!important}.create-server-page .location-card-grid,.create-server-page .server-type-grid,.create-server-page .os-family-grid{grid-template-columns:1fr!important}
  .landing-copy h1{font-size:33px!important}
}

/* V6.46 — True Dark Cloud UI
   One visual system across dashboard, VPS builder, billing, wallet, admin and auth. */
:root{
  --cp-dark-bg:#07111f;
  --cp-dark-bg-2:#0a1728;
  --cp-dark-surface:#0d1b2e;
  --cp-dark-surface-2:#11233a;
  --cp-dark-surface-3:#142943;
  --cp-dark-border:#203b5b;
  --cp-dark-border-2:#29496c;
  --cp-dark-text:#f1f6ff;
  --cp-dark-text-2:#c6d5e8;
  --cp-dark-muted:#8197b3;
  --cp-blue:#2488ff;
  --cp-blue-2:#1269dc;
  --cp-blue-soft:rgba(36,136,255,.14);
  --cp-green:#2dd49a;
  --cp-red:#ff626c;
  --cp-shadow-dark:0 18px 55px rgba(0,0,0,.28);
}
html{background:var(--cp-dark-bg)!important}
body.app-page{background:radial-gradient(circle at 85% -10%,rgba(36,136,255,.10),transparent 30%),linear-gradient(180deg,var(--cp-dark-bg),#081423 55%,#07111f)!important;color:var(--cp-dark-text)!important}
body.app-page a{color:inherit}
.app-shell{background:transparent!important;min-height:100vh}
.app-main{background:transparent!important}
.topbar{background:rgba(7,20,36,.94)!important;border-bottom:1px solid var(--cp-dark-border)!important;box-shadow:0 8px 28px rgba(0,0,0,.18)!important;backdrop-filter:blur(14px)}
.sidebar{background:linear-gradient(180deg,#081b32 0%,#061321 100%)!important;border-right:1px solid var(--cp-dark-border)!important;box-shadow:12px 0 40px rgba(0,0,0,.22)!important}
.sidebar-brand{border-bottom-color:rgba(126,169,215,.12)!important}
.side-nav a{color:#c9d8ea!important}
.side-nav a:hover{background:rgba(36,136,255,.10)!important;color:#fff!important}
.side-nav a.active{background:linear-gradient(135deg,#1679ee,#1264d8)!important;box-shadow:0 10px 28px rgba(18,105,220,.28)!important}
.sidebar-service{color:#dce8f7!important}.sidebar-service small{color:#7f98b6!important}
.sidebar-user{background:rgba(255,255,255,.025)!important;border-color:var(--cp-dark-border)!important}
.sidebar-user small{color:#7f98b6!important}.sidebar-user>a{color:#fff!important}
.mobile-brand{color:#fff!important}
.modern-container,.container,.finance-page,.sales-page,.server-details-page,.rebuild-page{color:var(--cp-dark-text)!important}
.page-heading-row h1,.sales-head h1,.server-heading h1,.finance-page h1,.page-heading h1,.create-hero h1{color:var(--cp-dark-text)!important}
.page-heading-row p,.sales-head p,.page-heading p,.create-hero p{color:var(--cp-dark-muted)!important}
.eyebrow-icon,.stat-icon.blue,.stat-icon.green,.stat-icon.purple,.stat-icon.orange{background:var(--cp-blue-soft)!important;color:#66b1ff!important}
.card,.modern-card,.servers-panel,.finance-info-card,.finance-panel,.product-card,.order-card,.sales-admin-card,.rebuild-card,.rebuild-summary-card,.rebuild-help-card,.stat-card,.server-summary-banner,.details-columns>.card,.quick,.danger-zone,.root-password-card,.server-action-card,.server-summary,.action-box{background:linear-gradient(180deg,var(--cp-dark-surface-2),var(--cp-dark-surface))!important;border-color:var(--cp-dark-border)!important;color:var(--cp-dark-text)!important;box-shadow:var(--cp-shadow-dark)!important}
.card h1,.card h2,.card h3,.modern-card h2,.panel-heading h2,.side-title h2,.finance-info-card b,.product-card h2,.order-card h2,.server-main h3,.server-meta strong,.server-os strong,.summary-primary h2{color:var(--cp-dark-text)!important}
.muted,.server-meta small,.server-os small,.server-main small,.field small,.stat-card small,.stat-card p,.page-heading p,.form-help,.server-subtitle,.danger-zone-heading p,.root-password-heading p,.root-password-card>p{color:var(--cp-dark-muted)!important}
.stat-card{box-shadow:0 14px 36px rgba(0,0,0,.22)!important}
.stat-card strong{color:#fff!important}
.panel-heading,.finance-panel .panel-heading{border-color:var(--cp-dark-border)!important}
.server-row{background:linear-gradient(180deg,#10243c,#0d1d31)!important;border-color:var(--cp-dark-border)!important;border-left-color:#2dd49a!important}
.server-main,.server-meta,.server-os{border-color:var(--cp-dark-border)!important}
.server-meta strong,.server-os strong{color:#dce8f8!important}
.server-meta small,.server-os small,.server-main small{color:#7f97b4!important}
.os-logo-box{background:#10243a!important;border-color:var(--cp-dark-border-2)!important}
.server-actions{border-top-color:var(--cp-dark-border)!important}
.outline-success,.outline-danger,.details-btn,.modern-secondary{background:#10243a!important;border-color:var(--cp-dark-border-2)!important;color:#78baff!important}
.outline-success{color:#4ce2b0!important;border-color:rgba(45,212,154,.35)!important}
.outline-danger{color:#ff7b83!important;border-color:rgba(255,98,108,.35)!important}
.btn,.modern-primary,.create-submit,.sales-buy,.auth-submit,.quick-password-generate{background:linear-gradient(135deg,#2488ff,#1269dc)!important;color:#fff!important;box-shadow:0 10px 26px rgba(36,136,255,.20)!important}
.btn.secondary,.modern-secondary{background:#10243a!important;color:#8fc4ff!important}
.btn.danger,.outline-danger{background:#2a1720!important;color:#ff858c!important}
.btn.success,.outline-success{background:#0d2a27!important;color:#59e4b6!important}
.btn.warning{background:#352815!important;color:#ffd27a!important}
input,select,textarea,.field input,.field select,.password-row input,.delete-confirm-row input{background:#091829!important;color:#edf5ff!important;border:1px solid var(--cp-dark-border-2)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important}
input::placeholder,textarea::placeholder{color:#647d9c!important}
input:focus,select:focus,textarea:focus,.field input:focus,.field select:focus{border-color:#3b96ff!important;box-shadow:0 0 0 3px rgba(36,136,255,.14)!important}
select option{background:#0d1b2e;color:#edf5ff}
.badge{background:#19304a!important;color:#bcd0e8!important}.badge.running{background:rgba(45,212,154,.13)!important;color:#57e3b1!important}.badge.off{background:rgba(255,98,108,.13)!important;color:#ff858c!important}
.status-pill.running,.billing-status.active,.payment-status.approved{background:rgba(45,212,154,.13)!important;color:#55e2af!important}
.status-pill.off,.billing-status.paused_insufficient_funds,.payment-status.rejected{background:rgba(255,98,108,.13)!important;color:#ff858c!important}
.empty-state{color:#8197b3!important}.empty-state h3{color:#edf5ff!important}
.alert,.modern-alert{background:#291b24!important;border-color:#5a303d!important;color:#ff9aa1!important}.success-alert{background:#102a27!important;border-color:#245b4d!important;color:#69e6bd!important}
.action-box{background:#2a2416!important;color:#ffd27a!important;border-color:#5c4b25!important}
.danger-zone{border-color:#69313b!important}.danger-alert{background:#2a2416!important}
table,.app-page table{background:#0d1b2e!important;border-color:var(--cp-dark-border)!important;color:#dbe8f7!important}
th,.app-page th{background:#112640!important;color:#a9c4df!important;border-color:var(--cp-dark-border)!important}
td,.app-page td{background:#0d1b2e!important;color:#d6e4f3!important;border-color:#1b3450!important}
.app-page .table-wrap,.app-page .table-responsive,.app-page .finance-table{background:transparent!important}

/* VPS builder: deliberately dark too, with the same Cloud Price palette. */
.create-server-page{color:var(--cp-dark-text)!important}
.create-breadcrumb{color:#7892b1!important}.create-breadcrumb a{color:#66b1ff!important}
.help-card{background:linear-gradient(180deg,#102640,#0d1d31)!important;border-color:var(--cp-dark-border)!important;color:#9ac8ff!important;box-shadow:var(--cp-shadow-dark)!important}
.help-card strong{color:#e7f2ff!important}.help-card small{color:#7f98b6!important}.help-card>span{background:var(--cp-blue-soft)!important}
.create-progress{background:linear-gradient(180deg,#10243a,#0d1b2e)!important;border-color:var(--cp-dark-border)!important;box-shadow:var(--cp-shadow-dark)!important}
.create-step{color:#7891ae!important}.create-step strong{color:#dce8f7!important}.create-step small{color:#718aa8!important}.create-step span{background:#122940!important;border-color:var(--cp-dark-border-2)!important;color:#8fa9c4!important}.create-step.active{color:#69b5ff!important}.create-step.active span{background:#1679ee!important;border-color:#1679ee!important}
.create-main-card,.create-server-form{background:linear-gradient(180deg,#10243a,#0c1b2d)!important;border-color:var(--cp-dark-border)!important;box-shadow:var(--cp-shadow-dark)!important}
.config-block{background:transparent!important}.config-block,.form-section,.networking-panel,.access-grid,.image-field{border-color:var(--cp-dark-border)!important}
.field label:not(.toggle-row),.create-server-form label{color:#dce9f8!important}.field small{color:#7892b0!important}
.available-pill{background:rgba(45,212,154,.13)!important;color:#57dfae!important}
.panel-title h2,.section-heading h2{color:#edf5ff!important}.panel-title p,.section-heading p{color:#7892b0!important}.section-icon{background:var(--cp-blue-soft)!important;color:#66b1ff!important}.section-icon.network-icon{background:rgba(45,212,154,.12)!important;color:#54dfae!important}
.os-card,.os-version-card,.location-card,.server-type-card,.network-option,.private-network-option,.toggle-row,.private-network-box,.side-card,.type-mini,.selected-location{background:linear-gradient(180deg,#142943,#102138)!important;border-color:var(--cp-dark-border-2)!important;color:#dce9f8!important}
.os-card:hover,.os-card.active,.os-version-card:hover,.os-version-card.active,.location-card:hover,.location-card.active,.server-type-card:hover,.server-type-card.active,.type-mini:hover,.type-mini.active{background:linear-gradient(180deg,#173352,#10263e)!important;border-color:#2f8cff!important;box-shadow:0 0 0 1px rgba(47,140,255,.35),0 12px 30px rgba(12,101,207,.12)!important}
.os-card strong,.os-version-card strong,.location-card strong,.server-type-card strong,.type-mini strong{color:#edf5ff!important}.os-card small,.os-version-card small,.location-card small,.server-type-card small,.type-mini small{color:#8198b5!important}
.network-option.selected{background:#102d48!important;border-color:#2d8dff!important}.network-option-title,.network-option strong{color:#e4effc!important}.network-option-desc,.network-option small{color:#7f97b4!important}.fake-check,.network-check{background:#1b3550!important}.network-option.selected .fake-check,.network-option.selected .network-check{background:#1679ee!important}
.network-note,.side-hint,.side-info{background:#0d2742!important;border-color:#21486d!important;color:#88b8e8!important}.network-note strong{color:#dcecff!important}
.optional-badge,.panel-badge{background:#18324d!important;color:#9fc1e4!important}
.create-footer{background:rgba(10,25,42,.92)!important;border-top-color:var(--cp-dark-border)!important}.create-summary{color:#9ab2cd!important}
.side-title{color:#e6f1fd!important}.summary-card dl>div{border-color:#203a57!important}.summary-card dt{color:#a6bed8!important}.summary-card dd{color:#7f98b6!important}.side-success{background:rgba(45,212,154,.10)!important;color:#5be1b0!important}.create-server-page .side-card{box-shadow:var(--cp-shadow-dark)!important}

/* Auth / verification / recovery */
body.auth-page{background:radial-gradient(circle at 50% -10%,rgba(36,136,255,.18),transparent 38%),linear-gradient(180deg,#06111f,#081727 70%,#06111f)!important;color:#edf5ff!important}
.auth-wrap{color:#edf5ff!important}.auth-card{background:linear-gradient(180deg,#10243b,#0c1a2c)!important;border:1px solid var(--cp-dark-border)!important;box-shadow:0 30px 90px rgba(0,0,0,.38)!important}.auth-card h1,.auth-card h2,.auth-card label{color:#f1f6ff!important}.auth-card p,.auth-card small,.auth-switch{color:#8197b3!important}.auth-input{background:#091829!important;color:#f1f6ff!important;border-color:#294a6d!important}.auth-submit{background:linear-gradient(135deg,#2488ff,#1269dc)!important}.auth-enamad-rail{background:#0b1d31!important;border-color:#284766!important}.auth-enamad-label{color:#a9c4df!important}

/* Wallet, billing, manual payment and admin */
.finance-balance-card{background:linear-gradient(135deg,#0c4f9f,#126edb)!important;border:1px solid #2a83ed!important;box-shadow:0 20px 55px rgba(10,88,180,.22)!important}
.payment-bank-card{background:linear-gradient(145deg,#112a45,#0d1e32)!important;border-color:#274967!important;color:#e5f0fc!important}.payment-bank-card *{color:inherit}.payment-bank-label,.payment-status.pending,.product-chip{background:var(--cp-blue-soft)!important;color:#78bbff!important}
.payment-review-actions .payment-approve{background:#0d2a27!important;color:#5de3b2!important}.payment-review-actions .payment-reject{background:#2a1720!important;color:#ff858c!important}

/* Landing page — dark from hero through footer, not just the hero. */
.landing-page{background:#07111f!important;color:#edf5ff!important}.landing-section,.landing-main,.landing-pricing,.landing-features,.landing-steps,.landing-faq,.landing-footer{background:#07111f!important;color:#edf5ff!important}.landing-plan,.feature-grid article,.steps-grid>div,.faq-item{background:linear-gradient(180deg,#10243a,#0c1b2d)!important;border-color:#203b5b!important;color:#eaf3fd!important}.landing-plan p,.feature-grid article p,.steps-grid>div p,.faq-item p{color:#8299b5!important}

/* Toasts / notifications */
.cpv-toast,.notification-panel{background:#0e2035!important;border-color:#274866!important;color:#edf5ff!important;box-shadow:0 18px 55px rgba(0,0,0,.35)!important}.notification-item{border-color:#203b59!important;color:#dce9f7!important}.notification-item.unread{background:#102d4a!important}.notification-head{border-color:#203b59!important}

/* Responsive dark shell */
@media(max-width:760px){
 body.app-page{background:#07111f!important}.sidebar{border-right:0!important;border-bottom:1px solid var(--cp-dark-border)!important}.side-nav a{background:#0d2035!important;border:1px solid #183551!important}.side-nav a.active{background:linear-gradient(135deg,#1679ee,#1264d8)!important;border-color:#1679ee!important}.topbar{background:#081a2e!important}.stat-grid{grid-template-columns:1fr 1fr!important}.server-row{background:#10243a!important}.server-main,.server-meta,.server-os{border-color:#203b59!important}.app-page table{min-width:600px!important}.create-server-page .create-main-card,.create-server-page .side-card{box-shadow:0 16px 42px rgba(0,0,0,.28)!important}}
@media(max-width:430px){.stat-grid{grid-template-columns:1fr!important}.side-nav a{background:#0c1e32!important}.auth-card{border-radius:18px!important}.landing-copy h1{color:#fff!important}}

/* V6.48 — Landing dark-theme contrast fix
   All public landing text must remain readable on the unified dark palette. */
.landing-page .landing-stats{background:linear-gradient(180deg,#10243a,#0c1b2d)!important;border-color:#203b5b!important;box-shadow:0 18px 50px rgba(0,0,0,.22)!important}
.landing-page .landing-stats>div{background:transparent!important;border-color:#203b5b!important}
.landing-page .landing-stats strong{color:#edf5ff!important}
.landing-page .landing-stats span{color:#8299b5!important}
.landing-page .section-intro>span{color:#5caeff!important}
.landing-page .section-intro h2{color:#f1f6ff!important}
.landing-page .section-intro p{color:#8299b5!important}
.landing-page .feature-grid article h3,
.landing-page .steps-grid>div h3,
.landing-page .faq-item h3,
.landing-page .faq-item summary{color:#edf5ff!important}
.landing-page .feature-grid article p,
.landing-page .steps-grid>div p,
.landing-page .faq-item p{color:#8299b5!important}
.landing-page .feature-grid article,
.landing-page .steps-grid>div,
.landing-page .faq-item{background:linear-gradient(180deg,#10243a,#0c1b2d)!important;border-color:#203b5b!important;color:#eaf3fd!important}
.landing-page .plans-section{background:#07111f!important}
.landing-page .landing-plan{background:linear-gradient(180deg,#10243a,#0c1b2d)!important;border-color:#294766!important;color:#eaf3fd!important;box-shadow:0 18px 45px rgba(0,0,0,.24)!important}
.landing-page .landing-plan.featured{border-color:#3b91ff!important;box-shadow:0 20px 55px rgba(22,120,242,.18)!important}
.landing-page .plan-head{color:#8299b5!important}
.landing-page .plan-head b{color:#f1f6ff!important}
.landing-page .plan-price strong{color:#ffffff!important}
.landing-page .plan-price small{color:#8da4bf!important}
.landing-page .landing-plan ul{border-color:#203b59!important}
.landing-page .landing-plan li{color:#a9bdd5!important;border-color:#203b59!important}
.landing-page .landing-plan li:before{color:#35d79d!important}
.landing-page .landing-plan>a{background:#102d4a!important;color:#67b2ff!important}
.landing-page .landing-plan.featured>a{background:linear-gradient(135deg,#2488ff,#1269dc)!important;color:#fff!important}
.landing-page .how-section{background:#07111f!important}
.landing-page .landing-cta{border-color:#294766!important}
.landing-page .landing-cta h2{color:#fff!important}
.landing-page .landing-cta p{color:#a9bdd5!important}
.landing-page .landing-footer{color:#dce9f7!important}
.landing-page .landing-footer p,
.landing-page .landing-footer span{color:#8299b5!important}
.landing-page .landing-footer b{color:#edf5ff!important}
.landing-page .landing-footer a:not(.landing-logo){color:#a9c8e8!important}

@media(max-width:760px){
  .landing-page .section-intro h2{font-size:28px!important}
  .landing-page .landing-plans{grid-template-columns:1fr!important}
  .landing-page .landing-plan.featured{transform:none!important}
}

/* V6.49 — Unified Dark Dashboard & Contrast System */
:root{
  --cp-bg:#07111f;
  --cp-surface:#0d1b2d;
  --cp-surface-2:#10243a;
  --cp-surface-3:#142b45;
  --cp-border:#203b59;
  --cp-border-strong:#2a4d70;
  --cp-text:#f2f7ff;
  --cp-text-soft:#c8d8ea;
  --cp-muted:#8da5bf;
  --cp-primary:#2488ff;
  --cp-primary-2:#1269dc;
}
body.app-page{
  background:radial-gradient(circle at 80% -10%,rgba(36,136,255,.12),transparent 30%),linear-gradient(180deg,#06101d 0%,#081524 55%,#06101d 100%)!important;
  color:var(--cp-text)!important;
}
.app-shell{min-height:100vh!important;background:transparent!important}
.app-main{background:transparent!important}
.topbar{background:rgba(7,19,34,.96)!important;border-bottom:1px solid var(--cp-border)!important}
.modern-container,.container,.finance-page,.sales-page,.server-details-page,.rebuild-page{color:var(--cp-text)!important}
.modern-container *,.container *,.finance-page *,.sales-page *,.server-details-page *,.rebuild-page *{border-color:var(--cp-border)}
.page-heading-row h1,.page-heading h1,.sales-head h1,.server-heading h1,.finance-page h1,.rebuild-heading h1,.section-heading h2,.panel-heading h2{color:#f5f8ff!important}
.page-heading-row p,.page-heading p,.sales-head p,.server-heading p,.server-subtitle,.finance-page .muted,.rebuild-heading p{color:var(--cp-muted)!important}
.card,.modern-card,.servers-panel,.finance-info-card,.finance-panel,.product-card,.order-card,.sales-admin-card,.rebuild-card,.rebuild-summary-card,.rebuild-help-card,.stat-card,.server-summary-banner,.details-columns>.card,.quick,.danger-zone,.root-password-card,.server-action-card,.server-summary,.action-box,.payment-bank-card,.manual-payment-card{
  background:linear-gradient(180deg,var(--cp-surface-2),var(--cp-surface))!important;
  border:1px solid var(--cp-border)!important;
  color:var(--cp-text)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.24)!important;
}
.card h1,.card h2,.card h3,.card h4,.modern-card h2,.modern-card h3,.finance-info-card h2,.finance-info-card h3,.product-card h2,.order-card h2,.server-main h3,.summary-primary h2{color:#f3f7ff!important}
.card p,.card small,.card label,.modern-card p,.finance-info-card p,.product-card p,.order-card p,.quick p,.danger-zone p,.root-password-card p,.server-action-card p{color:var(--cp-text-soft)!important}
.muted,.form-help,.field-help,.server-meta small,.server-os small,.server-main small,.stat-card small,.stat-card p,.empty-state,.root-password-heading p,.danger-zone-heading p{color:var(--cp-muted)!important}
.stat-card{background:linear-gradient(145deg,#112842,#0c1a2c)!important}
.stat-card strong{color:#fff!important}
.stat-icon{background:rgba(36,136,255,.13)!important;color:#6ab5ff!important}
.stat-card:hover,.server-row:hover,.quick:hover,.card:hover{border-color:#2c5378!important;transform:translateY(-1px);transition:.18s ease}
.servers-panel{padding:22px!important}
.server-row{background:linear-gradient(145deg,#122942,#0d1d30)!important;border-color:var(--cp-border)!important}
.server-main,.server-meta,.server-os,.server-actions{border-color:var(--cp-border)!important}
.server-main h3,.server-meta strong,.server-os strong{color:#eaf3ff!important}
.server-meta em{color:#8199b4!important}
.panel-tools select,.panel-tools button{background:#0d2035!important;border:1px solid var(--cp-border-strong)!important;color:#b9d5f2!important}
.empty-state h3{color:#f1f6ff!important}.empty-state p{color:var(--cp-muted)!important}
.info-list>div,.server-summary div,.success-details>div{border-color:var(--cp-border)!important}
.info-list span,.server-summary span{color:var(--cp-muted)!important}
.info-list strong,.server-summary strong{color:#e7f1fc!important}
.detail-item{background:#10243a!important;color:var(--cp-text)!important;border:1px solid var(--cp-border)!important}
input,select,textarea,input[type=text],input[type=email],input[type=password],input[type=number]{background:#091829!important;color:#f2f7ff!important;border-color:#294a6d!important}
input::placeholder,textarea::placeholder{color:#6f88a4!important}
select option{background:#0c1b2d!important;color:#f2f7ff!important}
.btn,.modern-primary,.create-submit{background:linear-gradient(135deg,#2488ff,#1269dc)!important;color:#fff!important;border:0!important}
.modern-secondary,.btn.secondary,.outline-success,.outline-danger,.details-btn{background:#10243a!important;color:#b9d8f5!important;border-color:#2a4d70!important}
.alert,.modern-alert{background:#251a22!important;border-color:#59313d!important;color:#ffb0b7!important}
.success-alert{background:#102b27!important;border-color:#27604f!important;color:#75e8c1!important}
.action-box{background:#2a2416!important;color:#ffe09a!important}
table{background:#0c1a2b!important;color:#e4eef9!important}
th{background:#122840!important;color:#b9cee4!important;border-color:var(--cp-border)!important}
td{background:#0c1a2b!important;color:#dce8f5!important;border-color:#1d3854!important}
.badge{background:#18324d!important;color:#c2d7eb!important}
.status-badge.running,.status-pill.running,.billing-status.active,.payment-status.approved{background:rgba(45,212,154,.13)!important;color:#62e4b5!important}
.status-badge.off,.status-pill.off,.billing-status.paused_insufficient_funds,.payment-status.rejected{background:rgba(255,98,108,.13)!important;color:#ff8e96!important}
.success-icon{background:rgba(45,212,154,.13)!important;color:#61e5b4!important}
/* Existing create-server light rules are intentionally overridden here. */
.create-server-page{color:var(--cp-text)!important}
.create-main-card,.create-server-form,.create-progress,.help-card,.create-side .side-card,.config-block,.private-network-box,.create-footer{background:linear-gradient(180deg,#10243a,#0b1a2c)!important;border-color:var(--cp-border)!important;color:var(--cp-text)!important}
.create-server-form .form-section + .form-section{border-top-color:var(--cp-border)!important}
.create-server-form label,.create-server-form .section-label label,.section-heading h2{color:#edf5ff!important}
.create-server-form small,.section-heading p,.create-server-form .field-help{color:var(--cp-muted)!important}
.location-card,.os-card,.os-version-card,.server-type-card,.network-option,.private-network-option,.toggle-row,.type-mini{background:linear-gradient(145deg,#142b45,#0e2035)!important;border-color:var(--cp-border-strong)!important;color:#eaf3ff!important}
.location-card strong,.os-card strong,.os-version-card strong,.server-type-card strong,.network-option strong,.type-mini strong{color:#f0f6ff!important}
.location-card small,.os-card small,.os-version-card small,.server-type-card small,.network-option small,.type-mini small{color:#8199b4!important}
.location-card.active,.os-card.active,.os-version-card.active,.server-type-card.active,.network-option.selected,.type-mini.active{background:linear-gradient(145deg,#163654,#102842)!important;border-color:#328fff!important;box-shadow:0 0 0 1px rgba(50,143,255,.25),0 15px 35px rgba(0,86,180,.14)!important}
.network-note,.side-hint,.side-info{background:#0d2742!important;border-color:#21486d!important;color:#9ac8f1!important}
.optional-badge,.panel-badge{background:#18324d!important;color:#a9c5df!important}
.create-footer{background:#091827!important}
/* Admin/finance/payment pages */
.finance-grid,.finance-admin-grid,.billing-cards{color:var(--cp-text)!important}
.finance-balance-card{box-shadow:0 20px 55px rgba(0,80,180,.22)!important}
.payment-bank-card,.payment-review-card,.manual-payment-body,.payment-history-card{background:linear-gradient(145deg,#112a45,#0d1e32)!important;border-color:var(--cp-border)!important;color:#edf5ff!important}
.payment-bank-card *,.payment-review-card *{color:inherit}
/* Navigation polish */
.side-nav a{min-height:46px}.side-nav a span{color:#9fc7ed}.side-nav a.active span{color:#fff}
.sidebar-enamad{background:rgba(255,255,255,.025)!important;border-color:var(--cp-border)!important}
/* Mobile app shell */
@media(max-width:760px){
  .sidebar{position:relative!important;inset:auto!important;width:100%!important;flex:none!important;padding:10px 10px 8px!important;border-right:0!important;border-bottom:1px solid var(--cp-border)!important;box-shadow:0 10px 30px rgba(0,0,0,.22)!important}
  .sidebar-brand{padding:2px 5px 10px!important;margin-bottom:8px!important}
  .sidebar-brand b{font-size:17px!important}.sidebar-brand small{font-size:9px!important}
  .side-nav{display:flex!important;flex-direction:row!important;gap:7px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 1px 5px!important;scrollbar-width:none!important}
  .side-nav::-webkit-scrollbar{display:none}
  .side-nav a{flex:0 0 auto!important;min-width:max-content!important;padding:9px 12px!important;border-radius:10px!important;font-size:11px!important;white-space:nowrap!important}
  .side-nav a span{font-size:15px!important;width:auto!important}
  .app-main{width:100%!important;margin:0!important}
  .topbar{height:58px!important;padding:0 12px!important;position:sticky;top:0;z-index:70}
  .topbar-user{font-size:10px!important}.mobile-brand b{font-size:12px!important}
  .modern-container{width:calc(100% - 18px)!important;padding:18px 0 28px!important}
  .page-heading-row{gap:12px!important;margin-bottom:16px!important}
  .page-heading-row h1{font-size:24px!important}.page-heading-row p{font-size:11px!important}
  .stat-grid{grid-template-columns:1fr 1fr!important;gap:9px!important}
  .stat-card{padding:12px!important;border-radius:12px!important;gap:9px!important;min-width:0!important}
  .stat-card strong{font-size:20px!important}.stat-card small{font-size:10px!important}.stat-card p{font-size:8px!important}
  .stat-icon{width:36px!important;height:36px!important;font-size:16px!important}
  .servers-panel{padding:11px!important;border-radius:13px!important}
  .panel-heading{gap:9px!important}.panel-heading h2{font-size:17px!important}
  .server-row{grid-template-columns:1fr!important;border-left-width:3px!important}
  .server-main,.server-meta,.server-os{padding:13px!important;border-right:0!important;border-bottom:1px solid var(--cp-border)!important}
  .server-meta{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
  .server-actions{padding:10px!important}.details-btn,.outline-success,.outline-danger{min-height:40px!important}
  .server-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.server-actions .details-btn{width:auto!important;margin:0!important}.server-actions form{display:contents}
}
@media(max-width:430px){
  .sidebar-brand{justify-content:center}.sidebar-brand span:last-child{display:block}
  .stat-grid{grid-template-columns:1fr!important}
  .server-meta{grid-template-columns:1fr!important}
  .server-actions{grid-template-columns:1fr!important}
  .page-heading-row .modern-primary{width:100%!important}
}
/* Ensure text that previously inherited old light-theme navy is readable. */
.app-page .text-muted,.app-page .text-secondary,.app-page .label,.app-page .subtitle,.app-page .description{color:var(--cp-muted)!important}
.app-page h1,.app-page h2,.app-page h3,.app-page h4,.app-page h5,.app-page strong{color:#f2f7ff}


/* V6.50 — Mobile viewport / full-width hardening
   Prevent the application and VPS builder from retaining desktop width on phones. */
@media (max-width: 760px) {
  html, body {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
  }

  body.app-page,
  .app-shell,
  .app-main,
  .topbar,
  .sidebar {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .app-shell {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .sidebar {
    position: relative !important;
    inset: auto !important;
    margin: 0 !important;
    transform: none !important;
  }

  .app-main {
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
  }

  .topbar {
    margin: 0 !important;
    padding-inline: 12px !important;
    overflow: hidden !important;
  }

  .topbar-user,
  .mobile-brand,
  .sidebar-brand {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .topbar-user { overflow: hidden !important; }
  .topbar-user b { min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }

  .container,
  .modern-container,
  .create-server-page {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    margin-inline: 0 !important;
    padding-inline: 12px !important;
  }

  .create-server-page {
    padding-top: 14px !important;
    padding-bottom: 28px !important;
  }

  .create-server-page .create-hero,
  .create-server-page .create-progress,
  .create-server-page .create-layout,
  .create-server-page .create-main-card,
  .create-server-page .create-side,
  .create-server-page .side-card,
  .create-server-page .config-block,
  .create-server-page .create-footer {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .create-server-page .create-layout {
    grid-template-columns: minmax(0, 1fr) !important;
    overflow: visible !important;
  }

  .create-server-page .create-hero {
    margin-inline: 0 !important;
  }

  .create-server-page .field-row,
  .create-server-page .network-choice-grid,
  .create-server-page .private-network-list,
  .create-server-page .access-grid {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .create-server-page input,
  .create-server-page select,
  .create-server-page textarea,
  .create-server-page button {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .create-server-page .create-progress {
    overflow: hidden !important;
  }

  .create-server-page .create-step {
    min-width: 0 !important;
    width: 100% !important;
  }

  .create-server-page .create-step div {
    min-width: 0 !important;
  }

  .create-server-page .create-step strong,
  .create-server-page .create-step small {
    overflow-wrap: anywhere !important;
  }

  .create-server-page .location-card-grid,
  .create-server-page .os-family-grid,
  .create-server-page .server-type-grid,
  .create-server-page .os-grid {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 430px) {
  .container,
  .modern-container,
  .create-server-page { padding-inline: 9px !important; }
  .topbar { padding-inline: 9px !important; }
  .create-server-page .create-hero { padding: 16px !important; }
}

/* V6.51 — Final contrast corrections: manual payment + landing CTA */
.payment-bank-card,
.payment-bank-card *{
  color:#edf5ff !important;
}
.payment-bank-card .payment-bank-label{
  color:#8fc8ff !important;
  background:#12375b !important;
}
.payment-bank-card small{
  color:#9fb7d0 !important;
}
.payment-bank-card b{
  color:#ffffff !important;
}
.payment-bank-card p{
  color:#b7c9dc !important;
}
.payment-bank-card>div{
  border-color:#294766 !important;
}
.manual-payment-form label,
.manual-payment-settings-form label{
  color:#dce9f7 !important;
}
.manual-payment-form input,
.manual-payment-form textarea,
.manual-payment-settings-form input,
.manual-payment-settings-form textarea{
  background:#091829 !important;
  color:#edf5ff !important;
  border-color:#294a6d !important;
}
.manual-payment-form input::placeholder,
.manual-payment-form textarea::placeholder,
.manual-payment-settings-form input::placeholder,
.manual-payment-settings-form textarea::placeholder{
  color:#6f88a5 !important;
}
.field-muted,.form-hint{
  color:#8ea8c2 !important;
}

/* Landing CTA: never use low-contrast white-on-light styling in dark mode. */
.landing-page .landing-cta>a,
.landing-page .landing-cta a.landing-main-cta{
  background:linear-gradient(135deg,#2488ff,#1269dc) !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 12px 30px rgba(18,105,220,.28) !important;
}
.landing-page .landing-cta>a:hover,
.landing-page .landing-cta a.landing-main-cta:hover{
  color:#ffffff !important;
  transform:translateY(-1px);
}
.landing-page .landing-cta h2{color:#ffffff !important;}
.landing-page .landing-cta p{color:#b9cce0 !important;}
.landing-page .landing-cta span{color:#78bdff !important;}
.landing-page .landing-cta>a span{color:#ffffff !important;}

/* V6.52 — Unified Support Center */
.support-page{max-width:1380px}
.support-layout,.support-admin-layout{display:grid;grid-template-columns:300px minmax(0,1fr) 360px;gap:16px;align-items:start}
.support-admin-layout{grid-template-columns:330px minmax(0,1fr)}
.support-list-card,.support-thread-card,.support-new-card{min-width:0;overflow:hidden}
.support-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 20px;border-bottom:1px solid var(--cp-border)}
.support-toolbar h2,.support-card-title h2{margin:0;color:#f4f8ff!important;font-size:17px}
.support-count{display:grid;place-items:center;min-width:28px;height:28px;border-radius:999px;background:rgba(36,136,255,.15);color:#79bcff;font-weight:900;font-size:11px}
.support-filters{display:flex;gap:5px;flex-wrap:wrap}
.support-filters a{color:var(--cp-muted);text-decoration:none;border:1px solid var(--cp-border);background:#0b1c2f;border-radius:8px;padding:6px 8px;font-size:9px;font-weight:800}
.support-filters a.active{background:#176fe0;color:#fff;border-color:#2b8bff}
.support-ticket-list{padding:8px;display:grid;gap:6px;max-height:650px;overflow:auto}
.support-ticket-row{display:flex;align-items:center;justify-content:space-between;gap:10px;text-decoration:none;padding:12px;border:1px solid transparent;border-radius:11px;color:#eaf3ff;background:#0b1c2f;transition:.16s}
.support-ticket-row:hover,.support-ticket-row.active{border-color:#2d83ee;background:linear-gradient(145deg,#123150,#0d2238);box-shadow:0 8px 25px rgba(0,0,0,.15)}
.support-ticket-row strong{display:block;color:#f3f8ff;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:205px}
.support-ticket-row small{display:block;color:#829ab5;font-size:8px;margin-top:5px}
.support-status{flex:0 0 auto;border-radius:999px;padding:5px 7px;font-size:8px;font-weight:900;background:#17314b;color:#a9c8e4}
.support-status.waiting_support{background:rgba(36,136,255,.13);color:#72baff}.support-status.waiting_user{background:rgba(251,191,36,.12);color:#ffd36c}.support-status.closed{background:rgba(148,163,184,.12);color:#aab8c7}.support-status.open{background:rgba(45,212,154,.12);color:#68e6b8}
.support-thread-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:20px;border-bottom:1px solid var(--cp-border)}
.support-thread-head h2{margin:6px 0 5px;color:#f4f8ff!important;font-size:20px}.support-thread-head p{margin:0;color:var(--cp-muted);font-size:9px}.support-ticket-number{display:inline-block;color:#6bb6ff;background:rgba(36,136,255,.11);border:1px solid rgba(36,136,255,.2);padding:5px 8px;border-radius:999px;font-size:8px;font-weight:900}
.support-thread-head select{min-width:145px;background:#091829;color:#eaf3ff;border:1px solid #294a6d;border-radius:9px;padding:9px;font-size:9px}
.support-messages{padding:18px;display:grid;gap:12px;max-height:570px;overflow:auto}
.support-message{max-width:82%;padding:13px 15px;border:1px solid var(--cp-border);border-radius:14px;background:#0b1c2f}.support-message.from-user{justify-self:start;border-top-right-radius:5px;background:#102b46}.support-message.from-support{justify-self:end;border-top-left-radius:5px;background:linear-gradient(145deg,#123a63,#0e2945);border-color:#285a87}
.support-message-meta{display:flex;justify-content:space-between;gap:15px;margin-bottom:7px}.support-message-meta strong{color:#eaf5ff;font-size:9px}.support-message-meta time{color:#7892ad;font-size:8px}.support-message p{margin:0;color:#d4e2ef;line-height:1.9;font-size:10px;white-space:pre-wrap;word-break:break-word}
.support-reply-form,.support-new-form{padding:18px;display:grid;gap:10px;border-top:1px solid var(--cp-border)}
.support-new-card{position:sticky;top:78px}.support-card-title{display:flex;gap:10px;align-items:flex-start;padding:20px;border-bottom:1px solid var(--cp-border)}.support-card-title>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(36,136,255,.13);color:#68b6ff;font-weight:900}.support-card-title p{margin:4px 0 0;color:var(--cp-muted);font-size:9px}
.support-new-form label{display:grid;gap:6px;color:#dbe8f5;font-size:10px;font-weight:800}.support-new-form input,.support-new-form select,.support-new-form textarea,.support-reply-form textarea{width:100%;box-sizing:border-box;background:#091829!important;color:#f1f7ff!important;border:1px solid #294a6d!important;border-radius:10px;padding:11px;font-size:10px;resize:vertical}.support-new-form input:focus,.support-new-form select:focus,.support-new-form textarea:focus,.support-reply-form textarea:focus{outline:0;border-color:#3d98ff!important;box-shadow:0 0 0 3px rgba(36,136,255,.12)!important}.support-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.support-empty{padding:35px 18px;text-align:center;color:#8098b2;font-size:10px}.support-empty.large{min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.support-empty h3{margin:0;color:#f0f6ff;font-size:17px}.support-empty p{margin:0;color:#819ab5}.support-empty-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:rgba(36,136,255,.13);color:#72baff;font-size:24px;font-weight:900}
.support-page .modern-primary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;min-height:42px;padding:0 16px;border-radius:10px;font-size:10px;font-weight:900}
@media(max-width:1050px){.support-layout{grid-template-columns:280px minmax(0,1fr)}.support-new-card{grid-column:1/-1;position:static}.support-admin-layout{grid-template-columns:280px minmax(0,1fr)}}
@media(max-width:760px){.support-layout,.support-admin-layout{grid-template-columns:1fr;gap:10px}.support-new-card{grid-column:auto}.support-thread-head{padding:14px;flex-direction:column}.support-thread-head form{width:100%}.support-thread-head select{width:100%}.support-messages{max-height:none;padding:12px}.support-message{max-width:94%}.support-ticket-list{max-height:330px}.support-toolbar{padding:13px;align-items:flex-start;flex-direction:column}.support-filters{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.support-filters a{white-space:nowrap}.support-form-grid{grid-template-columns:1fr}.support-page .page-heading-row{flex-direction:column;align-items:stretch}.support-page .page-heading-row>a{width:100%}}

/* V6.53 automatic/manual pricing */
.auto-pricing-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:12px;margin:16px 20px;padding:16px;border:1px solid #23415f;border-radius:16px;background:#0d1c2c}
.auto-pricing-settings label{display:flex;flex-direction:column;gap:7px;color:#dcecff;font-weight:700;font-size:12px}.auto-pricing-settings input,.pricing-mode-select{border:1px solid #2b4b6c;background:#091522;color:#f3f8ff;border-radius:10px;padding:10px 12px;min-width:0}.auto-pricing-settings button{align-self:end;white-space:nowrap}
.pricing-mode-select{width:100px}.plan-price-form{flex-wrap:wrap}.plan-price-input input{background:#091522!important;color:#f3f8ff!important;border-color:#2b4b6c!important}
@media(max-width:900px){.auto-pricing-settings{grid-template-columns:1fr 1fr}.auto-pricing-settings button{grid-column:1/-1}}
@media(max-width:600px){.auto-pricing-settings{grid-template-columns:1fr;margin:12px}.auto-pricing-settings button{grid-column:auto}.pricing-mode-select{width:100%}}

.support-file-label{display:grid;gap:6px;color:#dbe8f5;font-size:10px;font-weight:800}.support-file-label span{font-size:8px;color:#819ab5;font-weight:600}.support-file-label input[type=file]{width:100%;box-sizing:border-box;background:#091829!important;color:#cfe0f2!important;border:1px dashed #315677!important;border-radius:10px;padding:9px;font-size:9px}.support-attachment{display:block;margin-top:9px;max-width:280px}.support-attachment img{display:block;max-width:100%;max-height:220px;border-radius:10px;border:1px solid #315677;object-fit:contain;background:#081522}.inline-admin-form{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.inline-admin-form select,.inline-admin-form input{background:#091829;color:#edf5ff;border:1px solid #294a6d;border-radius:8px;padding:7px;font-size:9px}.note-form{min-width:220px}.note-form input{min-width:150px;flex:1}.admin-users-page .finance-table table{min-width:1050px}


/* Multi-Hetzner account picker — compact premium selector */
.create-server-page .hetzner-account-field{margin-top:0!important;padding:12px 14px 11px;border:1px solid rgba(83,137,201,.18);border-radius:15px;background:linear-gradient(145deg,rgba(17,36,63,.72),rgba(8,22,40,.78));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.create-server-page .hetzner-account-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}
.create-server-page .hetzner-account-heading label{margin:0!important;color:#f5f9ff!important;font-size:12px!important;font-weight:900!important}
.create-server-page .hetzner-account-heading small{display:block;margin-top:3px;color:#7892b0!important;font-size:8px!important}
.create-server-page .hetzner-account-capacity{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border:1px solid rgba(83,137,201,.2);border-radius:999px;background:rgba(27,60,96,.28);color:#9eb8d5;font-size:7px;font-weight:800;white-space:nowrap}
.create-server-page .hetzner-account-capacity i{width:5px;height:5px;border-radius:50%;background:#2bd391;box-shadow:0 0 0 3px rgba(43,211,145,.07)}
.create-server-page .hetzner-account-capacity b{color:#f5f9ff}
.create-server-page .hetzner-account-capacity strong{color:#76b9ff}
.create-server-page .hetzner-account-current i{width:5px;height:5px;border-radius:50%;background:#2bd391;box-shadow:0 0 0 3px rgba(43,211,145,.07)}
.create-server-page .hetzner-account-picker{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap}
.create-server-page .hetzner-account-card{position:relative;display:flex;align-items:center;gap:9px;flex:1 1 180px;min-width:155px;min-height:58px;padding:9px 10px;border:1px solid #294565;border-radius:12px;background:linear-gradient(145deg,#122640,#0c1b30);color:#fff;text-align:right;cursor:pointer;overflow:hidden;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}
.create-server-page .hetzner-account-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 18%,rgba(55,145,255,.18),transparent 48%);opacity:0;transition:opacity .16s ease;pointer-events:none}
.create-server-page .hetzner-account-card:after{content:"";position:absolute;top:0;right:12px;left:12px;height:1px;background:linear-gradient(90deg,transparent,rgba(102,181,255,.45),transparent);opacity:0;transition:opacity .16s ease}
.create-server-page .hetzner-account-card:hover{transform:translateY(-1px);border-color:#3b8ef4;box-shadow:0 7px 18px rgba(3,17,37,.22)}
.create-server-page .hetzner-account-card:hover:before,.create-server-page .hetzner-account-card:hover:after,.create-server-page .hetzner-account-card.active:before,.create-server-page .hetzner-account-card.active:after{opacity:1}
.create-server-page .hetzner-account-card.active{border-color:#328cff;background:linear-gradient(145deg,#17385f,#102645);box-shadow:0 0 0 1px rgba(50,140,255,.13),0 8px 20px rgba(17,101,196,.18)}
.create-server-page .hetzner-account-card.is-switching{opacity:.72;cursor:wait}
.create-server-page .hetzner-account-picker.is-loading .hetzner-account-card:not(.is-switching){opacity:.48}
.create-server-page .hetzner-account-icon{position:relative;z-index:1;display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border:1px solid rgba(84,159,255,.18);border-radius:10px;background:rgba(40,126,236,.08);color:#64b2ff}
.create-server-page .hetzner-account-card.active .hetzner-account-icon{background:linear-gradient(145deg,#277ff0,#1766ce);color:#fff;border-color:rgba(255,255,255,.14);box-shadow:0 5px 13px rgba(31,119,230,.24)}
.create-server-page .hetzner-account-icon svg{width:25px;height:25px}
.create-server-page .hetzner-account-copy{position:relative;z-index:1;min-width:0;flex:1}
.create-server-page .hetzner-account-copy strong{display:block;color:#f5f9ff;font-size:11px;font-weight:900;letter-spacing:.1px}
.create-server-page .hetzner-account-copy small{display:block;margin-top:3px;color:#8199b7!important;font-size:7px!important}
.create-server-page .hetzner-account-capacity-mini{position:relative;z-index:1;display:block;margin-top:4px;color:#7f9ab8;font-size:7px;font-weight:800;white-space:nowrap}
.create-server-page .hetzner-account-capacity-mini b{color:#dcecff}
.create-server-page .hetzner-account-card.capacity-full{border-color:rgba(255,112,112,.42);background:linear-gradient(145deg,#281b25,#1b1520)}
.create-server-page .hetzner-account-card.capacity-full .hetzner-account-icon{color:#ff8c8c;border-color:rgba(255,112,112,.2);background:rgba(255,112,112,.06)}
.create-server-page .hetzner-account-card.capacity-full .hetzner-account-capacity-mini{color:#ff9c9c}
.create-server-page .hetzner-account-card.capacity-full.active{box-shadow:0 0 0 1px rgba(255,112,112,.13),0 8px 20px rgba(160,35,65,.12)}
.create-server-page .create-submit:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.25)}
.create-server-page .hetzner-account-check{position:relative;z-index:1;display:grid;place-items:center;width:21px;height:21px;border-radius:50%;border:1px solid #355270;color:transparent;font-size:10px;font-weight:900;flex:0 0 auto;transition:.16s ease}
.create-server-page .hetzner-account-card.active .hetzner-account-check{background:#2a88f5;border-color:#5eaeff;color:#fff;box-shadow:0 3px 9px rgba(35,130,241,.22)}
.create-server-page .hetzner-account-note{margin-top:6px!important;color:#6f88a5!important;font-size:7px!important}
@media(max-width:600px){.create-server-page .hetzner-account-picker{display:grid;grid-template-columns:1fr}.create-server-page .hetzner-account-heading{align-items:flex-start}.create-server-page .hetzner-account-current{margin-top:1px}}

/* V6.74 — Create Server mobile viewport polish
   Keep the VPS builder at the real device width while preserving normal pinch-to-zoom. */
html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

@media (max-width: 760px) {
    body.app-page {
        width: 100%;
        min-width: 0;
        overflow-x: hidden;
    }

    .create-server-page {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
        box-sizing: border-box !important;
    }

    .create-server-page .create-hero,
    .create-server-page .create-progress,
    .create-server-page .create-layout,
    .create-server-page .create-main-card,
    .create-server-page .create-side,
    .create-server-page .side-card {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    .create-server-page .config-block {
        width: 100%;
        box-sizing: border-box;
    }

    /* Prevent iOS/Android browsers from automatically zooming the page
       when a small form control receives focus. Manual pinch zoom remains available. */
    .create-server-page input,
    .create-server-page select,
    .create-server-page textarea {
        font-size: 16px !important;
    }

    .create-server-page .field small,
    .create-server-page .section-label small,
    .create-server-page .image-help {
        font-size: 10px !important;
    }

    .create-server-page .create-hero {
        overflow: hidden;
    }

    .create-server-page .location-card-grid,
    .create-server-page .server-type-grid,
    .create-server-page .os-family-grid,
    .create-server-page .os-version-grid {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    .create-server-page .location-card,
    .create-server-page .server-type-card,
    .create-server-page .os-card,
    .create-server-page .os-version-card {
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .create-server-page .create-footer {
        width: 100% !important;
        box-sizing: border-box !important;
    }
}

@media (max-width: 430px) {
    .create-server-page {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    .create-server-page .config-block {
        padding: 13px !important;
    }

    .create-server-page .create-hero {
        padding: 16px !important;
    }
}


/* V6.74 — Mobile create-server width + visible flags correction */
html, body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
    box-sizing: border-box;
}
*, *::before, *::after { box-sizing: border-box; }

@media (max-width: 760px) {
    .app-shell,
    .app-main,
    .create-server-page,
    .create-server-page .create-layout,
    .create-server-page .create-main-card,
    .create-server-page .create-side,
    .create-server-page .create-server-form,
    .create-server-page .config-block,
    .create-server-page .form-section {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    .create-server-page {
        padding-left: 8px !important;
        padding-right: 8px !important;
        overflow-x: hidden !important;
    }

    .create-server-page .location-card-grid {
        width: 100% !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 8px !important;
        overflow: visible !important;
    }

    .create-server-page .location-card {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding: 11px 10px !important;
        gap: 8px !important;
        box-sizing: border-box !important;
    }

    .create-server-page .location-card-main {
        min-width: 0 !important;
        width: auto !important;
        flex: 1 1 auto !important;
    }

    .create-server-page .location-card-arrow {
        flex: 0 0 auto !important;
        width: 16px !important;
        text-align: center !important;
    }

    .create-server-page .location-card-flag {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        flex: 0 0 42px !important;
        width: 42px !important;
        height: 29px !important;
        min-width: 42px !important;
        min-height: 29px !important;
        margin: 0 !important;
        overflow: hidden !important;
    }

    .create-server-page .location-card-flag img {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        object-fit: cover !important;
    }
}

@media (max-width: 430px) {
    .create-server-page { padding-left: 6px !important; padding-right: 6px !important; }
    .create-server-page .location-card-flag {
        flex-basis: 40px !important;
        width: 40px !important;
        min-width: 40px !important;
        height: 28px !important;
    }
}

/* Server Details location flag */
.server-location-value{display:inline-flex!important;align-items:center;justify-content:flex-end;gap:8px;direction:ltr;}
.server-location-value>span{direction:ltr;}
.server-location-flag{width:30px;height:20px;display:block;object-fit:cover;border-radius:6px;border:1px solid rgba(255,255,255,.22);box-shadow:0 2px 8px rgba(0,0,0,.18);flex:0 0 auto;}
@media(max-width:760px){.server-location-value{justify-content:flex-start;gap:7px;}.server-location-flag{width:28px;height:19px;border-radius:5px;}}


/* Homepage plan location chips */
.plan-locations-title{margin:22px 0 10px;color:#17375e;font-size:12px;font-weight:900}
.plan-locations{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.plan-locations span{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #e0eaf5;border-radius:9px;background:#f7faff;color:#526b88;font-size:10px;font-weight:800;white-space:nowrap}
.plan-locations span b{font-size:15px;line-height:1}

/* Homepage locations section (standalone, no plan cards) */
.landing-locations-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;max-width:1000px;margin:28px auto 0}
.landing-location{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;min-height:142px;padding:20px 12px;background:#fff;border:1px solid #dfe9f4;border-radius:18px;box-shadow:0 12px 35px rgba(20,58,100,.05);color:#17375e;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.landing-location:hover{transform:translateY(-4px);border-color:#8bbcf5;box-shadow:0 18px 38px rgba(20,58,100,.1)}
.location-flag{font-size:42px;line-height:1.1}
.landing-location b{font-size:14px;font-weight:900}
@media(max-width:760px){.landing-locations-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.landing-location:last-child{grid-column:1/-1}.landing-location{min-height:120px}.location-flag{font-size:36px}}

/* Use bundled country flag images on the homepage */
.landing-location .location-flag{width:64px;height:42px;object-fit:cover;border-radius:6px;display:block;font-size:initial;line-height:normal}

/* Dark location cards to blend with the homepage background */
.landing-location{
  background:linear-gradient(145deg,rgba(10,29,52,.92),rgba(5,19,37,.96)) !important;
  border:1px solid #203b59 !important;
  color:#f3f7ff !important;
  box-shadow:0 12px 32px rgba(0,0,0,.12) !important;
}
.landing-location:hover{
  background:linear-gradient(145deg,rgba(13,38,67,.98),rgba(7,25,47,.98)) !important;
  border-color:#2d6596 !important;
  box-shadow:0 16px 38px rgba(0,0,0,.2),0 0 0 1px rgba(49,144,255,.06) !important;
}
.landing-location b{color:#f3f7ff !important}

/* Hetzner API account management form */
.hetzner-account-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:18px}
.hetzner-account-form label{display:flex;flex-direction:column;gap:8px;color:var(--text,#294563);font-size:12px;font-weight:800}
.hetzner-account-form input{width:100%;box-sizing:border-box;border:1px solid #d8e3ef;border-radius:10px;padding:12px;background:var(--surface,#fff);color:inherit;font:inherit}
.hetzner-account-form .muted{grid-column:1/-1;margin:0;color:#8495aa;font-size:11px}
.hetzner-account-form button{justify-self:start}
@media(max-width:650px){.hetzner-account-form{grid-template-columns:1fr}}

/* Force Power and Rebuild actions to stay side-by-side in the quick-actions panel. */
.quick-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important}
.quick-grid>form:not(.delete-action-form){grid-column:1!important;grid-row:1!important}
.quick-grid>.rebuild-link{grid-column:2!important;grid-row:1!important}
.quick-grid>#root-password{grid-column:1 / -1!important;grid-row:2!important}
@media(max-width:760px){.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.quick-grid>form:not(.delete-action-form){grid-column:1!important;grid-row:1!important}.quick-grid>.rebuild-link{grid-column:2!important;grid-row:1!important}.quick-grid>#root-password{grid-column:1 / -1!important;grid-row:2!important}}

/* Keep server deletion directly below the power control in the right column. */
@media (min-width: 701px){
  .quick-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .quick-grid .rebuild-link{grid-column:1;grid-row:1}
  .quick-grid > form:first-child{grid-column:2;grid-row:1}
  .quick-grid #open-delete-server{grid-column:2;grid-row:2}
  .quick-grid #root-password{grid-column:1;grid-row:2}
  .quick-grid .primary-ip-pool-card{grid-column:1/-1;grid-row:3}
}
@media (max-width:700px){
  .quick-grid #open-delete-server,
  .quick-grid #root-password,
  .quick-grid .primary-ip-pool-card,
  .quick-grid .rebuild-link,
  .quick-grid > form:first-child{grid-column:1;grid-row:auto}
}


/* V6.77 UI fix: keep the delete-server action compact instead of spanning both columns. */
@media (min-width: 701px){
  .quick-grid #open-delete-server{
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: auto !important;
    justify-self: start !important;
    min-width: 0;
  }
  .quick-grid #open-delete-server > span{flex: 0 1 auto}
}

/* V6.78 — Rebuild Server final dark-theme integration
   Keeps the existing rebuild functionality/markup and brings every rebuild
   component into the same Cloud Price blue/white visual system. */
.rebuild-page{
  max-width:1240px!important;
  color:var(--cp-dark-text)!important;
}
.rebuild-page .modern-back{
  color:#9fc4eb!important;
  border-color:transparent!important;
  text-decoration:none;
  transition:color .18s ease;
}
.rebuild-page .modern-back:hover{color:#fff!important}
.rebuild-heading{margin:4px 0 22px!important}
.rebuild-eyebrow{
  color:#8fc3ff!important;
  background:rgba(36,136,255,.11)!important;
  border:1px solid rgba(76,153,235,.28)!important;
}
.rebuild-heading h1{
  color:#f5f9ff!important;
  text-shadow:0 2px 18px rgba(0,0,0,.18);
}
.rebuild-heading p{color:#91a9c5!important}
.rebuild-server-chip{
  min-width:190px;
  background:linear-gradient(145deg,#122a45,#0d1d31)!important;
  border:1px solid var(--cp-dark-border)!important;
  box-shadow:0 14px 35px rgba(0,0,0,.22)!important;
}
.rebuild-server-chip>span{
  background:rgba(45,212,154,.13)!important;
  color:#55dfae!important;
}
.rebuild-server-chip strong{color:#f0f6ff!important}
.rebuild-server-chip small{color:#809ab8!important}

.rebuild-card,
.rebuild-summary-card,
.rebuild-help-card{
  background:linear-gradient(180deg,#11243a,#0d1b2e)!important;
  border:1px solid var(--cp-dark-border)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.24)!important;
}
.rebuild-card-head{
  border-bottom:1px solid var(--cp-dark-border)!important;
  background:linear-gradient(180deg,rgba(20,41,67,.52),rgba(13,27,46,.18))!important;
}
.rebuild-icon{
  background:rgba(36,136,255,.14)!important;
  color:#6db8ff!important;
  box-shadow:inset 0 0 0 1px rgba(90,168,255,.08);
}
.rebuild-card-head h2{color:#f2f7ff!important}
.rebuild-card-head p{color:#8fa8c4!important}

.rebuild-warning{
  border-color:#5b3944!important;
  background:linear-gradient(145deg,#251a24,#201720)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.015);
}
.rebuild-warning>span{
  background:rgba(255,98,108,.13)!important;
  color:#ff7f88!important;
}
.rebuild-warning strong{color:#ffb4ba!important}
.rebuild-warning p{color:#b9858d!important}

.rebuild-section-title h3{color:#f1f6ff!important}
.rebuild-section-title p{color:#819bb8!important}
.rebuild-count{
  color:#9fcbff!important;
  background:rgba(36,136,255,.13)!important;
  border:1px solid rgba(73,151,238,.18);
}

.rebuild-image-grid{background:transparent!important}
.rebuild-image-card{
  min-height:72px;
  background:linear-gradient(145deg,#142943,#102139)!important;
  border:1px solid #29496c!important;
  color:#edf5ff!important;
  box-shadow:0 8px 22px rgba(0,0,0,.12)!important;
}
.rebuild-image-card:hover{
  background:linear-gradient(145deg,#18314f,#122640)!important;
  border-color:#3975a9!important;
  box-shadow:0 12px 28px rgba(0,0,0,.2),0 0 0 1px rgba(36,136,255,.05)!important;
  transform:translateY(-1px);
}
.rebuild-image-card:has(input:checked){
  background:linear-gradient(145deg,#163b62,#102943)!important;
  border-color:#2488ff!important;
  box-shadow:0 0 0 1px #2488ff,0 12px 30px rgba(36,136,255,.16)!important;
}
.rebuild-radio{border-color:#52708f!important;background:#0b1a2c!important}
.rebuild-image-card:has(input:checked) .rebuild-radio{
  border-color:#55a8ff!important;
}
.rebuild-image-card:has(input:checked) .rebuild-radio:after{background:#55a8ff!important}

/* Keep the OS cards blue/white instead of the old light/purple palette. */
.rebuild-os-icon,
.rebuild-os-icon.ubuntu,
.rebuild-os-icon.debian,
.rebuild-os-icon.rocky,
.rebuild-os-icon.alma,
.rebuild-os-icon.centos,
.rebuild-os-icon.fedora,
.rebuild-os-icon.windows,
.rebuild-os-icon.generic{
  background:rgba(36,136,255,.12)!important;
  color:#82c1ff!important;
  border:1px solid rgba(90,168,255,.10);
}
.rebuild-image-copy strong{color:#f0f6ff!important}
.rebuild-image-copy small{color:#829cb9!important}
.rebuild-check{color:#65b5ff!important}

.rebuild-footer{
  border-top:1px solid var(--cp-dark-border)!important;
  background:linear-gradient(180deg,#0d1c2e,#0b1929)!important;
}
.rebuild-cancel{
  color:#b7cee6!important;
  background:#10243a!important;
  border-color:#2a4d70!important;
}
.rebuild-cancel:hover{
  color:#fff!important;
  background:#15304d!important;
  border-color:#3a6b99!important;
}
.rebuild-submit{
  background:linear-gradient(135deg,#ef515a,#cf303a)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 9px 24px rgba(239,81,90,.20)!important;
}
.rebuild-submit:hover:not(:disabled){
  background:linear-gradient(135deg,#ff626c,#dc3842)!important;
  transform:translateY(-1px);
}
.rebuild-submit:disabled{opacity:.72!important}

.rebuild-side .side-title{margin-bottom:14px}
.rebuild-side .side-title>span{
  background:rgba(36,136,255,.13)!important;
  color:#6eb8ff!important;
}
.rebuild-side .side-title h2{color:#f1f6ff!important}
.summary-line{border-bottom-color:#203b5b!important}
.summary-line span{color:#8199b5!important}
.summary-line strong{color:#eaf3ff!important}
.rebuild-status{color:#55dfae!important}
.rebuild-help-card ul{padding-left:17px}
.rebuild-help-card li{color:#8da5c0!important}
.rebuild-empty{
  border-color:#345675!important;
  background:rgba(9,25,42,.55)!important;
  color:#8ca5bf!important;
}

.rebuild-alert{
  background:#251a22!important;
  border-color:#59313d!important;
  color:#ffb0b7!important;
}

/* Preserve the clean layout at tablet/mobile widths. */
@media(max-width:1000px){
  .rebuild-layout{grid-template-columns:1fr!important}
  .rebuild-side{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .rebuild-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .rebuild-heading{gap:14px!important}
  .rebuild-heading h1{font-size:27px!important}
  .rebuild-server-chip{width:100%;box-sizing:border-box}
  .rebuild-side{grid-template-columns:1fr!important}
  .rebuild-image-grid{grid-template-columns:1fr!important;padding-left:14px!important;padding-right:14px!important}
  .rebuild-warning{margin-left:14px!important;margin-right:14px!important}
  .rebuild-section-title{margin-left:14px!important;margin-right:14px!important}
  .rebuild-footer{padding-left:14px!important;padding-right:14px!important}
}

/* V6.79 — Official-style OS logo treatment for Rebuild cards */
.rebuild-os-icon{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  padding:0!important;
  border-radius:11px!important;
  overflow:hidden!important;
}
.rebuild-os-icon img{
  width:30px!important;
  height:30px!important;
  max-width:30px!important;
  max-height:30px!important;
  display:block!important;
  object-fit:contain!important;
}
.rebuild-image-card:has(input:checked) .rebuild-os-icon{
  background:rgba(36,136,255,.18)!important;
  border-color:rgba(90,168,255,.20)!important;
}
.rebuild-image-card:has(input:checked) .rebuild-os-icon img{filter:drop-shadow(0 2px 5px rgba(0,0,0,.22));}

/* v9.1: server traffic details */
.info-table .traffic-period{display:inline-block;margin-right:7px;font-size:9px;font-weight:700;color:#6f89a3;vertical-align:middle;white-space:nowrap}
@media(max-width:700px){.info-table .traffic-period{display:block;margin:4px 0 0;font-size:8px}}


/* Persistent, prominent lifetime traffic quota warning */
.traffic-quota-warning{display:flex;align-items:flex-start;gap:20px;margin:24px 0;padding:clamp(22px,3vw,36px);border:2px solid #dc2626;border-radius:22px;background:linear-gradient(135deg,#fff1f2 0%,#fff7ed 100%);box-shadow:0 12px 34px rgba(185,28,28,.16);color:#7f1d1d;position:relative;overflow:hidden}
.traffic-quota-warning:after{content:"";position:absolute;inset:0 0 0 auto;width:7px;background:#dc2626}
.traffic-quota-warning-icon{flex:0 0 58px;width:58px;height:58px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:#dc2626;color:#fff;font-size:36px;font-weight:900;box-shadow:0 5px 14px rgba(220,38,38,.25)}
.traffic-quota-warning-content{flex:1;min-width:0}
.traffic-quota-warning-kicker{font-size:13px;font-weight:900;letter-spacing:.02em;color:#b91c1c;margin-bottom:7px}
.traffic-quota-warning h2{font-size:clamp(21px,2.5vw,30px);line-height:1.5;margin:0 0 10px;color:#7f1d1d;font-weight:900}
.traffic-quota-warning p{font-size:15px;line-height:2;margin:0 0 12px;color:#7f1d1d}
.traffic-quota-warning-price{display:inline-flex;flex-wrap:wrap;gap:7px;align-items:center;padding:12px 16px;border-radius:12px;background:#7f1d1d;color:#fff;font-size:15px;line-height:1.8}
.traffic-quota-warning-price strong{font-size:19px;color:#fff;font-weight:900}
.traffic-quota-warning-servers{display:grid;gap:8px;margin-top:14px}
.traffic-quota-warning-server{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:11px 14px;border:1px solid #fecaca;border-radius:11px;background:rgba(255,255,255,.72);color:#7f1d1d;font-weight:800}
.traffic-quota-warning-server span{color:#b91c1c}
.traffic-quota-warning-over{margin-top:12px;font-size:15px;color:#7f1d1d}
.traffic-quota-warning-over strong{font-size:18px}
@media(max-width:600px){.traffic-quota-warning{gap:12px;padding:18px 16px;border-radius:16px}.traffic-quota-warning-icon{flex-basis:42px;width:42px;height:42px;font-size:27px;border-radius:13px}.traffic-quota-warning p{font-size:13px}.traffic-quota-warning-price{font-size:13px;padding:10px 12px}.traffic-quota-warning-price strong{font-size:17px}}

/* V6.80 — Modern professional polish (visual-only; no application logic changed) */
:root{
  --cp-focus-ring:0 0 0 3px rgba(52,145,255,.22);
  --cp-glass:rgba(13,27,45,.82);
}
html{scroll-padding-top:84px}
body.app-page{background:radial-gradient(ellipse at 82% 0%,rgba(36,136,255,.11),transparent 34%),radial-gradient(ellipse at 8% 72%,rgba(81,73,220,.06),transparent 30%),linear-gradient(180deg,#07111f 0%,#091625 52%,#07111f 100%)!important}
.sidebar{background:linear-gradient(180deg,#0a1c31 0%,#071522 100%)!important;border-left:1px solid rgba(133,177,224,.10)!important}
.sidebar-brand{padding-bottom:21px!important}
.brand-mark{box-shadow:0 8px 26px rgba(36,136,255,.25)!important}
.side-nav a{position:relative;transition:background .18s ease,color .18s ease,transform .18s ease!important}
.side-nav a:hover{transform:translateX(-2px);background:rgba(65,145,255,.12)!important}
.side-nav a.active{background:linear-gradient(110deg,rgba(36,136,255,.98),rgba(25,101,220,.92))!important;box-shadow:0 9px 24px rgba(20,105,230,.22),inset 0 1px rgba(255,255,255,.16)!important}
.topbar{background:rgba(8,21,36,.88)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(111,157,206,.15)!important}
.card,.modern-card,.servers-panel,.finance-info-card,.finance-panel,.product-card,.order-card,.sales-admin-card,.rebuild-card,.rebuild-summary-card,.rebuild-help-card,.stat-card,.server-summary-banner,.details-columns>.card,.quick,.danger-zone,.root-password-card,.server-action-card,.server-summary,.payment-bank-card,.manual-payment-card{border-radius:18px!important;box-shadow:0 16px 42px rgba(0,0,0,.19),inset 0 1px rgba(255,255,255,.025)!important;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.stat-card{position:relative;overflow:hidden;min-height:116px}
.stat-card:after{content:"";position:absolute;top:0;right:0;width:4px;height:100%;background:linear-gradient(180deg,#4aa3ff,#246fe0);opacity:.85}
.stat-card:hover,.servers-panel:hover,.modern-card:hover{box-shadow:0 20px 48px rgba(0,0,0,.24),0 0 0 1px rgba(63,143,239,.08)!important}
.btn,.modern-primary,.modern-secondary,.create-submit,.sales-buy,.auth-submit,.quick-password-generate,.outline-success,.outline-danger,.details-btn{border-radius:10px!important;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease!important}
.btn:hover,.modern-primary:hover,.create-submit:hover,.sales-buy:hover,.auth-submit:hover,.quick-password-generate:hover{filter:brightness(1.06);box-shadow:0 9px 22px rgba(36,136,255,.18)!important;transform:translateY(-1px)}
.btn:active,.modern-primary:active,.modern-secondary:active{transform:translateY(0)!important}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:0!important;box-shadow:var(--cp-focus-ring)!important}
input,select,textarea,input[type=text],input[type=email],input[type=password],input[type=number]{border-radius:10px!important;transition:border-color .16s ease,box-shadow .16s ease!important}
input:focus,select:focus,textarea:focus{border-color:#3995ff!important;box-shadow:var(--cp-focus-ring)!important}
.app-page table{border-radius:14px!important;border-color:rgba(93,139,187,.22)!important;overflow:hidden}
.app-page th{font-size:12px;letter-spacing:.01em;background:linear-gradient(180deg,#142a42,#11243a)!important;color:#bcd3eb!important}
.app-page td{vertical-align:middle}
.app-page tbody tr{transition:background .15s ease}
.app-page tbody tr:hover td{background:rgba(36,136,255,.055)!important}
.badge,.status-pill,.status-badge,.billing-status,.payment-status{border-radius:999px!important;padding:6px 10px;font-weight:700;letter-spacing:.01em}
.alert,.modern-alert{border-radius:13px!important;box-shadow:inset 3px 0 rgba(255,255,255,.04)}
.page-heading-row,.page-heading,.server-heading,.sales-head{gap:16px}
.page-heading-row h1,.page-heading h1,.server-heading h1,.sales-head h1{letter-spacing:-.35px}
::selection{background:rgba(36,136,255,.34);color:#fff}
@media(max-width:760px){
  .modern-container,.container,.finance-page,.sales-page,.server-details-page,.rebuild-page{width:calc(100% - 28px)!important}
  .card,.modern-card,.servers-panel,.finance-panel{border-radius:15px!important}
  .topbar{padding-inline:14px!important}
  .stat-card{min-height:96px;padding:15px!important}
  .stat-card strong{font-size:24px!important}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* Premium traffic usage widget */
.traffic-usage-card{position:relative;overflow:hidden;margin:16px 0 16px;padding:19px 22px;border:1px solid rgba(102,164,232,.23);border-radius:22px;background:radial-gradient(ellipse at 100% 0%,rgba(37,130,235,.17),transparent 42%),linear-gradient(135deg,rgba(15,35,57,.98),rgba(9,24,41,.98));box-shadow:0 18px 44px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.045);color:#edf6ff}
.traffic-usage-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,#55b5ff,#3275f0)}
.traffic-usage-card.is-over-quota{border-color:rgba(248,113,113,.42);background:radial-gradient(ellipse at 100% 0%,rgba(220,38,38,.19),transparent 42%),linear-gradient(135deg,#251e2b,#111f31)}
.traffic-usage-card.is-over-quota:before{background:linear-gradient(180deg,#fb7185,#dc2626)}
.traffic-usage-top{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.traffic-usage-title-wrap{display:flex;align-items:center;gap:14px}
.traffic-usage-icon{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border:1px solid rgba(96,165,250,.24);border-radius:14px;background:rgba(59,130,246,.14);color:#7dc4ff;font-size:24px;font-weight:900}
.traffic-usage-title-wrap h2{margin:3px 0 4px;color:#f4f9ff;font-size:18px;font-weight:850;letter-spacing:-.25px}
.traffic-usage-title-wrap p{margin:0;color:#9db4ce;font-size:12px;line-height:1.8}
.traffic-usage-eyebrow{color:#72baff;font-size:10px;font-weight:900;letter-spacing:1.7px}
.traffic-usage-status{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid rgba(74,222,128,.22);border-radius:999px;background:rgba(22,163,74,.11);color:#9be7b5;font-size:12px;font-weight:800}
.traffic-usage-status i{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 4px rgba(74,222,128,.12)}
.traffic-usage-status.over{border-color:rgba(248,113,113,.25);background:rgba(220,38,38,.13);color:#fecaca}.traffic-usage-status.over i{background:#fb7185;box-shadow:0 0 0 4px rgba(251,113,133,.13)}
.traffic-usage-numbers{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:22px;margin:20px 0 15px}
.traffic-usage-current{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.traffic-usage-current strong{font-size:clamp(29px,3.4vw,40px);line-height:1;font-weight:900;letter-spacing:-1.5px;color:#fff;font-variant-numeric:tabular-nums}.traffic-usage-current span,.traffic-usage-quota>span,.traffic-usage-percent span{color:#9db4ce;font-size:12px;font-weight:650}
.traffic-usage-quota,.traffic-usage-percent{display:flex;flex-direction:column;gap:6px;padding-inline-start:23px;border-inline-start:1px solid rgba(145,177,211,.17)}
.traffic-usage-quota strong{color:#e4effd;font-size:20px;font-weight:850}.traffic-usage-quota small{color:#9db4ce;font-size:12px}
.traffic-usage-percent strong{color:#78bdff;font-size:19px;font-weight:900;font-variant-numeric:tabular-nums}.is-over-quota .traffic-usage-percent strong{color:#fda4af}
.traffic-usage-track{height:9px;overflow:hidden;border:1px solid rgba(145,177,211,.1);border-radius:999px;background:rgba(2,10,21,.68);box-shadow:inset 0 2px 4px rgba(0,0,0,.25)}
.traffic-usage-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2878e8,#45bdff);box-shadow:0 0 18px rgba(59,156,255,.32);transition:width .45s ease}
.is-over-quota .traffic-usage-track span{background:linear-gradient(90deg,#dc2626,#fb7185);box-shadow:0 0 18px rgba(248,113,113,.3)}
.traffic-usage-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:10px;color:#9db4ce;font-size:12px}.traffic-usage-footer>span{display:inline-flex;align-items:center;gap:8px}.traffic-usage-footer strong{color:#d9eaff;font-weight:800}.is-over-quota .traffic-usage-footer strong{color:#fecaca}.traffic-legend-dot{width:7px;height:7px;border-radius:50%;background:#45adff;box-shadow:0 0 0 4px rgba(69,173,255,.12)}
@media(max-width:650px){.traffic-usage-card{padding:19px 17px;border-radius:18px}.traffic-usage-top{align-items:flex-start}.traffic-usage-title-wrap{gap:11px}.traffic-usage-icon{width:44px;height:44px;flex-basis:44px;border-radius:13px;font-size:24px}.traffic-usage-title-wrap h2{font-size:17px}.traffic-usage-status{font-size:10px;padding:7px 10px}.traffic-usage-numbers{grid-template-columns:1fr auto;gap:17px;margin:23px 0 17px}.traffic-usage-current{grid-column:1/-1}.traffic-usage-current strong{font-size:38px}.traffic-usage-quota{padding-inline-start:0;border-inline-start:0}.traffic-usage-percent{padding-inline-start:15px}.traffic-usage-footer{font-size:11px}}


/* Traffic usage card: reduce visual size by approximately 50% while keeping it readable */
.traffic-usage-card{padding:10px 12px!important;margin:8px 0!important;border-radius:13px!important}
.traffic-usage-top{gap:9px!important}
.traffic-usage-title-wrap{gap:8px!important}
.traffic-usage-icon{width:28px!important;height:28px!important;flex-basis:28px!important;border-radius:8px!important;font-size:16px!important}
.traffic-usage-title-wrap h2{font-size:13px!important;margin:1px 0 2px!important}
.traffic-usage-title-wrap p{font-size:9px!important;line-height:1.4!important}
.traffic-usage-eyebrow{font-size:8px!important;letter-spacing:1px!important}
.traffic-usage-status{gap:5px!important;padding:5px 8px!important;font-size:9px!important}
.traffic-usage-status i{width:5px!important;height:5px!important}
.traffic-usage-numbers{gap:11px!important;margin:10px 0 8px!important}
.traffic-usage-current{gap:5px!important}
.traffic-usage-current strong{font-size:clamp(20px,2vw,26px)!important;letter-spacing:-.6px!important}
.traffic-usage-current span,.traffic-usage-quota>span,.traffic-usage-percent span{font-size:9px!important}
.traffic-usage-quota,.traffic-usage-percent{gap:3px!important;padding-inline-start:11px!important}
.traffic-usage-quota strong{font-size:14px!important}
.traffic-usage-quota small{font-size:9px!important}
.traffic-usage-percent strong{font-size:14px!important}
.traffic-usage-track{height:6px!important}
.traffic-usage-footer{gap:6px!important;margin-top:6px!important;font-size:9px!important}
.traffic-usage-footer>span{gap:5px!important}
.traffic-legend-dot{width:5px!important;height:5px!important}
@media(max-width:650px){.traffic-usage-card{padding:10px!important;border-radius:12px!important}.traffic-usage-title-wrap{gap:7px!important}.traffic-usage-icon{width:28px!important;height:28px!important;flex-basis:28px!important;font-size:16px!important}.traffic-usage-title-wrap h2{font-size:13px!important}.traffic-usage-status{font-size:9px!important;padding:5px 7px!important}.traffic-usage-numbers{grid-template-columns:1fr auto!important;gap:9px!important;margin:10px 0 8px!important}.traffic-usage-current{grid-column:1/-1}.traffic-usage-current strong{font-size:25px!important}.traffic-usage-quota{padding-inline-start:0!important;border-inline-start:0!important}.traffic-usage-percent{padding-inline-start:9px!important}.traffic-usage-footer{font-size:9px!important}}


/* Traffic usage card: increase compact sizing by 20% */
.traffic-usage-card{padding:12px 14px!important;margin:10px 0!important;border-radius:15px!important}
.traffic-usage-top{gap:11px!important}
.traffic-usage-title-wrap{gap:10px!important}
.traffic-usage-icon{width:34px!important;height:34px!important;flex-basis:34px!important;border-radius:10px!important;font-size:19px!important}
.traffic-usage-title-wrap h2{font-size:16px!important;margin:2px 0 3px!important}
.traffic-usage-title-wrap p{font-size:11px!important;line-height:1.5!important}
.traffic-usage-eyebrow{font-size:10px!important;letter-spacing:1.1px!important}
.traffic-usage-status{gap:6px!important;padding:6px 10px!important;font-size:11px!important}
.traffic-usage-status i{width:6px!important;height:6px!important}
.traffic-usage-numbers{gap:13px!important;margin:12px 0 10px!important}
.traffic-usage-current{gap:6px!important}
.traffic-usage-current strong{font-size:clamp(24px,2.4vw,31px)!important;letter-spacing:-.7px!important}
.traffic-usage-current span,.traffic-usage-quota>span,.traffic-usage-percent span{font-size:11px!important}
.traffic-usage-quota,.traffic-usage-percent{gap:4px!important;padding-inline-start:13px!important}
.traffic-usage-quota strong{font-size:17px!important}
.traffic-usage-quota small{font-size:11px!important}
.traffic-usage-percent strong{font-size:17px!important}
.traffic-usage-track{height:7px!important}
.traffic-usage-footer{gap:7px!important;margin-top:7px!important;font-size:11px!important}
.traffic-usage-footer>span{gap:6px!important}
.traffic-legend-dot{width:6px!important;height:6px!important}
@media(max-width:650px){.traffic-usage-card{padding:12px!important;border-radius:14px!important}.traffic-usage-title-wrap{gap:8px!important}.traffic-usage-icon{width:34px!important;height:34px!important;flex-basis:34px!important;font-size:19px!important}.traffic-usage-title-wrap h2{font-size:16px!important}.traffic-usage-status{font-size:11px!important;padding:6px 8px!important}.traffic-usage-numbers{grid-template-columns:1fr auto!important;gap:11px!important;margin:12px 0 10px!important}.traffic-usage-current{grid-column:1/-1}.traffic-usage-current strong{font-size:30px!important}.traffic-usage-quota{padding-inline-start:0!important;border-inline-start:0!important}.traffic-usage-percent{padding-inline-start:11px!important}.traffic-usage-footer{font-size:11px!important}}

/* Traffic usage card: increase current compact size by an additional 18% */
.traffic-usage-card{padding:13px 15.8px!important;margin:11.2px 0!important;border-radius:16.7px!important}
.traffic-usage-top{gap:12.1px!important}
.traffic-usage-title-wrap{gap:11.2px!important}
.traffic-usage-icon{width:37.2px!important;height:37.2px!important;flex-basis:37.2px!important;border-radius:11.2px!important;font-size:20.5px!important}
.traffic-usage-title-wrap h2{font-size:17.7px!important;margin:1.9px 0 3.7px!important}
.traffic-usage-title-wrap p{font-size:12.1px!important;line-height:1.6!important}
.traffic-usage-eyebrow{font-size:11.2px!important;letter-spacing:1.2px!important}
.traffic-usage-status{gap:6.5px!important;padding:6.5px 11.2px!important;font-size:12.1px!important}
.traffic-usage-status i{width:6.5px!important;height:6.5px!important}
.traffic-usage-numbers{gap:14px!important;margin:13px 0 11.2px!important}
.traffic-usage-current{gap:6.5px!important}
.traffic-usage-current strong{font-size:clamp(26px,2.6vw,34.4px)!important;letter-spacing:-.8px!important}
.traffic-usage-current span,.traffic-usage-quota>span,.traffic-usage-percent span{font-size:12.1px!important}
.traffic-usage-quota,.traffic-usage-percent{gap:4.7px!important;padding-inline-start:14px!important}
.traffic-usage-quota strong{font-size:18.6px!important}
.traffic-usage-quota small{font-size:12.1px!important}
.traffic-usage-percent strong{font-size:18.6px!important}
.traffic-usage-track{height:7.4px!important}
.traffic-usage-footer{gap:7.4px!important;margin-top:7.4px!important;font-size:12.1px!important}
.traffic-usage-footer>span{gap:6.5px!important}
.traffic-legend-dot{width:6.5px!important;height:6.5px!important}
@media(max-width:604.5px){.traffic-usage-card{padding:13px!important;border-radius:14px!important}.traffic-usage-title-wrap{gap:8.4px!important}.traffic-usage-icon{width:37.2px!important;height:37.2px!important;flex-basis:37.2px!important;font-size:20.5px!important}.traffic-usage-title-wrap h2{font-size:17.7px!important}.traffic-usage-status{font-size:12.1px!important;padding:6.5px 8.4px!important}.traffic-usage-numbers{grid-template-columns:1fr auto!important;gap:12.1px!important;margin:13px 0 11.2px!important}.traffic-usage-current{grid-column:1/-1}.traffic-usage-current strong{font-size:32.6px!important}.traffic-usage-quota{padding-inline-start:0!important;border-inline-start:0!important}.traffic-usage-percent{padding-inline-start:12.1px!important}.traffic-usage-footer{font-size:12.1px!important}}


/* Responsive, accessible confirmation dialog replacing native browser confirms */
.cpv-confirm-overlay{position:fixed;inset:0;z-index:10050;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(5,12,24,.68);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}
.cpv-confirm-overlay.is-open{opacity:1;visibility:visible}
.cpv-confirm-dialog{width:min(100%,430px);max-height:min(88dvh,620px);overflow:auto;background:var(--card-bg,#fff);color:var(--text-color,#172033);border:1px solid rgba(148,163,184,.25);border-radius:22px;box-shadow:0 24px 90px rgba(0,0,0,.3);padding:clamp(20px,4vw,28px);transform:translateY(10px) scale(.985);transition:transform .18s ease;direction:rtl}
.cpv-confirm-overlay.is-open .cpv-confirm-dialog{transform:translateY(0) scale(1)}
.cpv-confirm-symbol{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:rgba(239,68,68,.12);color:#ef4444;font-size:25px;margin-bottom:17px}
.cpv-confirm-title{font-size:clamp(18px,4vw,21px);font-weight:800;margin:0 0 10px;line-height:1.5}
.cpv-confirm-message{font-size:14px;line-height:1.95;color:var(--muted-color,#64748b);margin:0;overflow-wrap:anywhere;white-space:pre-line}
.cpv-confirm-actions{display:flex;gap:10px;margin-top:24px}
.cpv-confirm-actions button{min-height:45px;flex:1;border:0;border-radius:12px;padding:10px 14px;font:inherit;font-size:14px;font-weight:750;cursor:pointer;transition:filter .15s ease,transform .15s ease}
.cpv-confirm-actions button:hover{filter:brightness(1.06)}.cpv-confirm-actions button:active{transform:scale(.985)}
.cpv-confirm-cancel{background:rgba(148,163,184,.17);color:inherit}.cpv-confirm-accept{background:#dc3545;color:#fff;box-shadow:0 5px 14px rgba(220,53,69,.2)}
.cpv-confirm-accept.is-safe{background:#2563eb;box-shadow:0 5px 14px rgba(37,99,235,.2)}
.cpv-confirm-dialog :focus-visible{outline:3px solid rgba(59,130,246,.55);outline-offset:3px}
@media(max-width:480px){.cpv-confirm-overlay{align-items:flex-end;padding:10px}.cpv-confirm-dialog{width:100%;border-radius:22px 22px 16px 16px;padding:22px 18px max(18px,env(safe-area-inset-bottom))}.cpv-confirm-actions{gap:8px;margin-top:20px}.cpv-confirm-actions button{min-height:48px}}
@media(prefers-reduced-motion:reduce){.cpv-confirm-overlay,.cpv-confirm-dialog,.cpv-confirm-actions button{transition:none}}

/* Fix confirmation modal contrast in both light and dark themes */
.cpv-confirm-dialog{background:#111827!important;color:#f9fafb!important;border-color:#374151!important;color-scheme:dark}
.cpv-confirm-dialog .cpv-confirm-title{color:#f9fafb!important}
.cpv-confirm-dialog .cpv-confirm-message{color:#d1d5db!important}
.cpv-confirm-dialog .cpv-confirm-cancel{background:#374151!important;color:#f9fafb!important}
.cpv-confirm-dialog .cpv-confirm-accept{background:#dc3545!important;color:#fff!important}
.cpv-confirm-dialog .cpv-confirm-accept.is-safe{background:#2563eb!important;color:#fff!important}
.cpv-confirm-dialog button{opacity:1!important}

/* ==========================================================
   Cloud Price VPS — Premium Obsidian / Violet redesign
   Visual-only overrides: preserves existing PHP and workflows
   ========================================================== */
:root{
  --cp-primary:#a78bfa!important;
  --cp-primary-soft:rgba(167,139,250,.13)!important;
  --cp-border:#302747!important;
  --cp-border-strong:#4b3a6b!important;
  --cp-text:#f5f1ff!important;
  --cp-text-soft:#b6aacd!important;
  --cp-dark-bg:#090711!important;
  --cp-dark-surface:#100d1b!important;
  --cp-dark-surface-2:#171126!important;
  --cp-dark-border:#2c2340!important;
  --cp-dark-border-2:#45335f!important;
  --cp-shadow-dark:0 16px 44px rgba(0,0,0,.28)!important;
}
html{color-scheme:dark;scrollbar-color:#554073 #0b0912;scroll-behavior:smooth}
body.app-page{background:radial-gradient(ellipse at 82% -12%,rgba(139,92,246,.16),transparent 35%),radial-gradient(ellipse at 10% 45%,rgba(91,33,182,.08),transparent 34%),#090711!important;color:#f5f1ff!important}
.app-shell{background:transparent!important}
.sidebar{background:linear-gradient(180deg,#100b1d 0%,#0b0913 68%,#08070d 100%)!important;border-color:#2b203e!important;box-shadow:12px 0 42px rgba(0,0,0,.32)!important}
.sidebar-brand{border-bottom:1px solid rgba(167,139,250,.12);margin-bottom:15px}
.brand-mark{background:linear-gradient(145deg,#c4b5fd,#7c3aed)!important;color:#160c2b!important;box-shadow:0 8px 26px rgba(139,92,246,.28)!important}
.sidebar-brand b{color:#fbf8ff;letter-spacing:-.5px}
.sidebar-brand small{color:#a99abc!important}
.side-nav a{color:#c7bbda!important;border:1px solid transparent;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.side-nav a span{color:#a78bfa}
.side-nav a:hover{background:rgba(167,139,250,.09)!important;border-color:rgba(167,139,250,.16)!important;color:#fff!important;transform:translateX(-2px)}
.side-nav a.active{background:linear-gradient(105deg,rgba(124,58,237,.28),rgba(167,139,250,.12))!important;border:1px solid rgba(167,139,250,.34)!important;box-shadow:inset -3px 0 #a78bfa,0 8px 24px rgba(91,33,182,.12)!important;color:#fff!important}
.side-nav a.active span{color:#c4b5fd}
.sidebar-user{background:rgba(167,139,250,.055)!important;border-color:#352747!important}
.sidebar-user .user-avatar,.top-avatar{background:linear-gradient(145deg,#c4b5fd,#7c3aed)!important;color:#130b20!important}
.sidebar-user small{color:#a99abc!important}
.sidebar-service{color:#ddd1ef!important}.sidebar-service small{color:#9584ac!important}
.topbar{background:rgba(12,9,20,.92)!important;border-bottom:1px solid #2a2039!important;box-shadow:0 8px 30px rgba(0,0,0,.2)!important;backdrop-filter:blur(18px)}
.topbar-user{color:#eee7fb!important}.topbar-user>a{color:#c4b5fd!important}.topbar-user>a:hover{color:#fff!important}
.topbar-user .bell{border:1px solid #352747!important;background:#171126!important;border-radius:12px!important;padding:8px 10px!important;color:#d8c7ff!important}
.modern-container,.container,.finance-page,.sales-page,.server-details-page,.rebuild-page{color:#f5f1ff!important}
.page-heading-row h1,.server-heading h1,.sales-head h1,.page-title,.modern-container h1{color:#f5f1ff!important}
.page-heading-row p,.sales-head p,.muted,.table-subline{color:#a99abc!important}
.eyebrow-icon,.stat-icon.blue,.stat-icon.purple{background:rgba(167,139,250,.13)!important;color:#c4b5fd!important;border:1px solid rgba(167,139,250,.18)!important}
.stat-icon.green{background:rgba(52,211,153,.11)!important;color:#6ee7b7!important}.stat-icon.orange{background:rgba(251,191,36,.11)!important;color:#fcd34d!important}
.card,.modern-card,.servers-panel,.finance-info-card,.finance-panel,.product-card,.order-card,.sales-admin-card,.rebuild-card,.rebuild-summary-card,.rebuild-help-card,.stat-card,.server-summary-banner,.details-columns>.card,.quick,.danger-zone,.root-password-card,.server-action-card,.server-summary,.action-box,.payment-bank-card,.manual-payment-card{background:linear-gradient(145deg,#171126 0%,#100d1a 72%,#0e0b17 100%)!important;border-color:#302442!important;color:#eee7fb!important;box-shadow:0 16px 42px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.018)!important}
.stat-card{position:relative;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.stat-card:after{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,rgba(167,139,250,.65),transparent);opacity:.75}
.stat-card:hover{transform:translateY(-3px);border-color:#594274!important;box-shadow:0 20px 48px rgba(0,0,0,.28)!important}
.stat-card small,.stat-card p{color:#a99abc!important}.stat-card strong{color:#fbf8ff!important}
.panel-heading h2,.side-title h2,.finance-info-card b,.product-card h2,.order-card h2,.server-main h3,.server-meta strong,.server-os strong,.summary-primary h2,.section-heading h2,.panel-title h2{color:#f5f1ff!important}
.panel-heading,.finance-panel .panel-heading{border-color:#302442!important}
.panel-icon,.section-icon{color:#c4b5fd!important}.section-icon{background:rgba(167,139,250,.13)!important}
.modern-primary,.modern-primary:visited,.auth-submit,.landing-main-cta,.landing-nav-cta{background:linear-gradient(135deg,#a78bfa 0%,#8b5cf6 48%,#6d28d9 100%)!important;color:#fff!important;border:1px solid rgba(221,214,254,.22)!important;box-shadow:0 8px 22px rgba(124,58,237,.25)!important}
.modern-primary:hover,.auth-submit:hover,.landing-main-cta:hover,.landing-nav-cta:hover{filter:brightness(1.08);box-shadow:0 12px 28px rgba(124,58,237,.34)!important}
.modern-secondary,.outline-success,.outline-danger,.details-btn,.btn.secondary{background:#171126!important;border-color:#45345e!important;color:#d8c7ff!important;box-shadow:none!important}
.outline-success{color:#6ee7b7!important;border-color:rgba(52,211,153,.3)!important}.outline-danger{color:#fda4af!important;border-color:rgba(251,113,133,.3)!important}
.modern-back,.auth-switch a,.auth-forgot,.landing-plan>a{color:#c4b5fd!important}
.server-row{background:linear-gradient(145deg,#171126,#100d1a)!important;border-color:#302442!important;border-left-color:#a78bfa!important;box-shadow:0 9px 26px rgba(0,0,0,.15)!important;transition:border-color .2s ease,transform .2s ease}
.server-row:hover{border-color:#594274!important;transform:translateY(-1px)}
.server-main,.server-meta,.server-os{border-color:#2b203b!important}.server-main h3{color:#f5f1ff!important}.server-main small,.server-meta small,.server-os small{color:#a99abc!important}.server-meta strong,.server-os strong{color:#e6dcf6!important}
.os-logo-box,.big-os-logo{background:#1b1429!important;border-color:#3b2b52!important}
.status-pill.running,.badge.running{background:rgba(52,211,153,.13)!important;color:#6ee7b7!important;border:1px solid rgba(52,211,153,.18)!important}
.status-pill.off,.badge.off{background:rgba(251,113,133,.12)!important;color:#fda4af!important;border:1px solid rgba(251,113,133,.2)!important}
.server-actions{border-color:#2b203b!important}.server-actions .btn,.btn{border-radius:10px}
.server-summary-banner{border-color:#382a4d!important}.summary-item{border-color:#302442!important}.summary-item small,.summary-item span{color:#a99abc!important}.summary-item strong{color:#f5f1ff!important}
.traffic-usage-card{background:radial-gradient(ellipse at 95% 0,rgba(139,92,246,.15),transparent 38%),linear-gradient(145deg,#191229,#100d1b)!important;border:1px solid #3b2b52!important;box-shadow:0 16px 40px rgba(0,0,0,.24)!important}
.traffic-usage-icon{background:rgba(167,139,250,.15)!important;color:#c4b5fd!important}.traffic-usage-title-wrap h2,.traffic-usage-current strong,.traffic-usage-quota strong,.traffic-usage-percent strong{color:#f5f1ff!important}.traffic-usage-title-wrap p,.traffic-usage-current span,.traffic-usage-quota>span,.traffic-usage-percent span,.traffic-usage-footer{color:#a99abc!important}.traffic-usage-track{background:#2c203d!important}.traffic-usage-track>span{background:linear-gradient(90deg,#7c3aed,#c4b5fd)!important}
.quick,.quick-actions .quick{border-color:#302442!important;background:linear-gradient(145deg,#171126,#100d1a)!important}.quick:hover{border-color:#594274!important}.quick strong,.quick h3{color:#f5f1ff!important}.quick p{color:#a99abc!important}.quick.success{border-color:rgba(52,211,153,.25)!important}.quick.danger{border-color:rgba(251,113,133,.25)!important}
.create-step{color:#a99abc!important}.create-step strong{color:#eee7fb!important}.create-step small{color:#8f7da7!important}.create-step span{background:#171126!important;border-color:#45345e!important;color:#c4b5fd!important}.create-step.active{color:#c4b5fd!important}.create-step.active span{background:linear-gradient(135deg,#a78bfa,#7c3aed)!important;border-color:#a78bfa!important;color:#fff!important}
.create-main-card,.create-server-form,.create-progress,.help-card,.create-side .side-card,.config-block,.private-network-box,.create-footer,.os-card,.os-version-card,.location-card,.server-type-card,.network-option,.private-network-option,.toggle-row,.type-mini,.selected-location,.hetzner-account-card{background:linear-gradient(145deg,#171126,#100d1a)!important;border-color:#302442!important;color:#eee7fb!important}
.location-card:hover,.server-type-card:hover,.os-card:hover,.hetzner-account-card:hover{border-color:#8b5cf6!important}.location-card.active,.server-type-card.active,.os-card.active,.hetzner-account-card.active,.network-option.active{background:linear-gradient(145deg,rgba(124,58,237,.22),#171126)!important;border-color:#a78bfa!important;box-shadow:0 0 0 1px rgba(167,139,250,.18),0 10px 28px rgba(91,33,182,.12)!important}
.field label,.config-block label,.create-main-card label{color:#d9cbea!important}
input,select,textarea,.field input,.field select,.field textarea,.auth-input{background:#0c0914!important;color:#f5f1ff!important;border-color:#3a2b50!important;accent-color:#a78bfa}
input::placeholder,textarea::placeholder{color:#7f6e96!important;opacity:1}
input:focus,select:focus,textarea:focus,.field input:focus,.field select:focus,.field textarea:focus{outline:0!important;border-color:#a78bfa!important;box-shadow:0 0 0 3px rgba(167,139,250,.13)!important}
select option{background:#100d1a;color:#f5f1ff}
.finance-table,.table-wrap,.table-responsive{border-color:#302442!important;border-radius:12px;overflow-x:auto}
table,.app-page table{background:#100d1a!important;color:#e9e0f7!important;border-color:#302442!important}
thead th,th{background:#191229!important;color:#cbb9ee!important;border-color:#302442!important}
td,th{border-bottom-color:#2b203b!important}tbody tr:hover{background:rgba(167,139,250,.045)!important}tbody tr:nth-child(even){background:rgba(255,255,255,.012)!important}
.payment-status.pending,.product-chip,.payment-bank-label{background:rgba(167,139,250,.13)!important;color:#c4b5fd!important}
.payment-status.approved{background:rgba(52,211,153,.12)!important;color:#6ee7b7!important}.payment-status.rejected{background:rgba(251,113,133,.12)!important;color:#fda4af!important}
.modern-alert{background:rgba(251,113,133,.09)!important;border-color:rgba(251,113,133,.22)!important;color:#fecdd3!important}.success-alert{background:rgba(52,211,153,.09)!important;border-color:rgba(52,211,153,.22)!important;color:#a7f3d0!important}
.notification-panel{background:#151020!important;border-color:#3a2b50!important;color:#f5f1ff!important;box-shadow:0 18px 55px rgba(0,0,0,.45)!important}.notification-head{border-color:#302442!important}.notification-head strong{color:#f5f1ff!important}.notification-item{border-color:#302442!important;color:#e9e0f7!important}.notification-item.unread{background:rgba(167,139,250,.09)!important}.notification-item small,.notification-item p{color:#a99abc!important}
.cpv-toast{background:#171126!important;color:#f5f1ff!important;border-color:#45345e!important;box-shadow:0 16px 42px rgba(0,0,0,.35)!important}.cpv-toast.info .cpv-toast-icon{background:rgba(167,139,250,.15)!important;color:#c4b5fd!important}
.auth-page{background:radial-gradient(ellipse at 78% 5%,rgba(139,92,246,.2),transparent 34%),radial-gradient(ellipse at 8% 80%,rgba(91,33,182,.13),transparent 36%),#090711!important;color:#f5f1ff!important}.auth-wrap{color:#f5f1ff!important}.auth-card{background:linear-gradient(145deg,#191229,#100d1a)!important;border:1px solid #392a50!important;box-shadow:0 30px 90px rgba(0,0,0,.42)!important}.auth-card h1,.auth-card h2,.auth-card label{color:#f5f1ff!important}.auth-card p,.auth-card small,.auth-switch{color:#a99abc!important}.auth-icon{background:rgba(167,139,250,.14)!important;color:#c4b5fd!important}
.landing-page{background:#090711!important;color:#f5f1ff!important}.landing-hero,.landing-cta{background:radial-gradient(ellipse at 85% 5%,rgba(139,92,246,.24),transparent 34%),linear-gradient(135deg,#0b0813 0%,#171027 58%,#24113b 100%)!important}.landing-nav{background:rgba(9,7,17,.78)!important;border-color:#302442!important;backdrop-filter:blur(18px)}.landing-logo,.landing-copy h1,.landing-section h2,.landing-section h3{color:#f5f1ff!important}.landing-copy p,.section-intro p{color:#b6aacd!important}.landing-plan,.feature-grid article,.steps-grid>div,.preview-window{background:linear-gradient(145deg,#171126,#100d1a)!important;border-color:#302442!important;color:#eee7fb!important}.landing-plan.featured{border-color:#a78bfa!important;box-shadow:0 18px 48px rgba(91,33,182,.16)!important}.landing-plan.featured>a{background:linear-gradient(135deg,#a78bfa,#7c3aed)!important;color:#fff!important}.landing-orb{opacity:.5}
a:focus-visible,button:focus-visible{outline:2px solid #c4b5fd!important;outline-offset:3px}
::selection{background:rgba(167,139,250,.32);color:#fff}
@media(max-width:900px){.sidebar{background:linear-gradient(180deg,#100b1d,#0b0913)!important}.side-nav a{background:rgba(167,139,250,.035)!important;border-color:rgba(167,139,250,.08)!important}.side-nav a.active{background:linear-gradient(105deg,rgba(124,58,237,.28),rgba(167,139,250,.12))!important}.topbar{background:rgba(12,9,20,.97)!important}}
@media(max-width:650px){.modern-container,.container,.finance-page,.sales-page,.server-details-page,.rebuild-page{width:calc(100% - 22px)!important}.stat-grid{gap:10px!important}.stat-card{padding:14px 12px!important;gap:10px!important}.stat-card strong{font-size:23px!important}.stat-icon{width:42px!important;height:42px!important;flex-basis:42px!important}.page-heading-row h1,.server-heading h1,.sales-head h1{font-size:22px!important}.server-row{border-radius:13px!important}.server-main,.server-meta,.server-os{padding:13px!important}.modern-primary,.modern-secondary,.details-btn{min-height:40px}.finance-table table{min-width:650px!important}.traffic-usage-card{overflow:hidden!important}.landing-hero-grid,.landing-hero-grid>*{min-width:0!important}.landing-hero{padding-inline:16px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.stat-card,.server-row,.side-nav a{transition:none!important}}


/* Admin console refinement — premium violet workspace */
body.admin-area .app-main{background:radial-gradient(ellipse at 92% 0%,rgba(124,58,237,.105),transparent 34%),#0a0812!important}
body.admin-area .topbar{height:72px!important;padding-inline:30px!important;border-bottom-color:rgba(167,139,250,.17)!important}
body.admin-area .topbar:before{content:"مدیریت سیستم";display:inline-flex;align-items:center;gap:8px;color:#c4b5fd;font-size:12px;font-weight:800;padding:8px 12px;border:1px solid #38294f;border-radius:999px;background:rgba(167,139,250,.07);margin-left:auto}
body.admin-area .topbar-user{margin-right:auto;margin-left:0}
body.admin-area .modern-container{padding-top:32px!important}
body.admin-area .page-heading-row{position:relative;isolation:isolate;padding:25px 26px!important;margin-bottom:22px!important;border:1px solid #342447!important;border-radius:20px!important;background:radial-gradient(ellipse at 8% 0%,rgba(124,58,237,.18),transparent 42%),linear-gradient(125deg,#171126,#100d1a 66%,#120c1e)!important;box-shadow:0 18px 48px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.035)!important;overflow:hidden}
body.admin-area .page-heading-row:after{content:"";position:absolute;z-index:-1;width:190px;height:190px;left:-55px;top:-100px;border:1px solid rgba(167,139,250,.15);border-radius:50%;box-shadow:0 0 0 22px rgba(167,139,250,.025),0 0 0 45px rgba(167,139,250,.018)}
body.admin-area .page-heading-row h1{font-size:29px!important;letter-spacing:-.7px!important}
body.admin-area .page-heading-row p{margin-top:8px!important;line-height:1.9!important}
body.admin-area .eyebrow-icon{width:54px!important;height:54px!important;border-radius:16px!important;background:linear-gradient(145deg,rgba(167,139,250,.22),rgba(124,58,237,.12))!important;color:#d8c7ff!important;border:1px solid rgba(167,139,250,.25)!important;box-shadow:0 8px 25px rgba(91,33,182,.12)!important}
body.admin-area .finance-panel,body.admin-area .servers-panel,body.admin-area .support-admin-layout>*,body.admin-area .support-page .support-card{border-radius:18px!important;border:1px solid #302442!important;box-shadow:0 18px 48px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.018)!important}
body.admin-area .finance-panel{padding:21px!important;margin-bottom:22px!important;overflow:hidden!important}
body.admin-area .panel-heading{padding-bottom:15px!important;margin-bottom:18px!important;border-bottom:1px solid #302442!important}
body.admin-area .panel-heading h2{font-size:18px!important;font-weight:850!important;letter-spacing:-.25px!important}
body.admin-area .panel-icon{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(167,139,250,.12);border:1px solid rgba(167,139,250,.16);font-size:18px!important}
body.admin-area .finance-table{border:1px solid #2d223e!important;border-radius:14px!important;background:#100d1a!important}
body.admin-area .finance-table table{width:100%;border-collapse:separate!important;border-spacing:0!important}
body.admin-area .finance-table thead th{padding:15px 14px!important;background:linear-gradient(180deg,#211832,#191229)!important;color:#d8c7ff!important;font-size:11px!important;font-weight:850!important;letter-spacing:.15px!important;white-space:nowrap!important;border-bottom:1px solid #45335f!important}
body.admin-area .finance-table tbody td{padding:14px!important;color:#e9e0f7!important;font-size:12px!important;vertical-align:middle!important;border-bottom:1px solid rgba(69,51,95,.38)!important}
body.admin-area .finance-table tbody tr:last-child td{border-bottom:0!important}
body.admin-area .finance-table tbody tr{transition:background .18s ease!important}
body.admin-area .finance-table tbody tr:hover{background:rgba(139,92,246,.075)!important}
body.admin-area .finance-table tbody tr:nth-child(even){background:rgba(255,255,255,.012)!important}
body.admin-area .finance-table tbody tr:nth-child(even):hover{background:rgba(139,92,246,.075)!important}
body.admin-area .finance-table td b{color:#fbf8ff!important;font-weight:800!important}
body.admin-area .table-subline{display:block;margin-top:5px;font-size:10px!important;overflow-wrap:anywhere}
body.admin-area .inline-admin-form{gap:7px!important}
body.admin-area .inline-admin-form input,body.admin-area .inline-admin-form select,body.admin-area .finance-table input,body.admin-area .finance-table select{min-height:36px!important;border-radius:10px!important;background:#0b0812!important;border:1px solid #3b2b52!important;color:#f5f1ff!important;padding:8px 10px!important;font-size:11px!important}
body.admin-area .inline-admin-form input:focus,body.admin-area .inline-admin-form select:focus{border-color:#a78bfa!important;box-shadow:0 0 0 3px rgba(167,139,250,.1)!important}
body.admin-area .details-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:5px;min-height:34px!important;margin:2px!important;padding:8px 12px!important;border-radius:10px!important;font-size:10px!important;font-weight:800!important;white-space:nowrap!important;transition:transform .18s ease,border-color .18s ease,background .18s ease!important}
body.admin-area .details-btn:hover{transform:translateY(-1px)!important;border-color:#8b5cf6!important;background:rgba(139,92,246,.12)!important}
body.admin-area button:disabled{opacity:.42!important;cursor:not-allowed!important;transform:none!important}
body.admin-area .modern-alert{border-radius:13px!important;padding:14px 16px!important;box-shadow:0 8px 24px rgba(0,0,0,.12)!important}
body.admin-area .finance-panel>.modern-primary,body.admin-area form>.modern-primary{min-height:42px!important;border-radius:11px!important}
body.admin-area .support-page .support-toolbar,body.admin-area .support-page .support-thread-head{border-color:#302442!important;background:#171126!important}
@media(max-width:760px){
 body.admin-area .topbar{height:58px!important;padding-inline:12px!important}
 body.admin-area .topbar:before{display:none}
 body.admin-area .topbar-user{margin-left:auto;margin-right:0}
 body.admin-area .modern-container{padding-top:18px!important}
 body.admin-area .page-heading-row{padding:17px!important;border-radius:15px!important}
 body.admin-area .page-heading-row h1{font-size:23px!important}
 body.admin-area .finance-panel{padding:12px!important;border-radius:15px!important}
 body.admin-area .finance-table{overflow-x:auto!important}
 body.admin-area .finance-table table{min-width:780px!important}
 body.admin-area .panel-heading h2{font-size:16px!important}
}

/* Billing page: ensure every legacy light component follows the obsidian/violet theme */
body.app-page .finance-page .billing-note{
  background:linear-gradient(120deg,rgba(124,58,237,.15),rgba(167,139,250,.055))!important;
  border:1px solid rgba(167,139,250,.24)!important;
  color:#d8c9ef!important;
  border-radius:14px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
}
body.app-page .finance-page .finance-panel{
  background:linear-gradient(145deg,#171126 0%,#100d1a 72%,#0e0b17 100%)!important;
  border:1px solid #302442!important;
  color:#eee7fb!important;
}
body.app-page .finance-page .billing-card{
  background:linear-gradient(145deg,#1b1429 0%,#120e1d 100%)!important;
  border:1px solid #392b50!important;
  color:#eee7fb!important;
  box-shadow:0 10px 28px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.025)!important;
  transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;
}
body.app-page .finance-page .billing-card:hover{border-color:#7253a0!important;transform:translateY(-2px);box-shadow:0 15px 32px rgba(0,0,0,.22)!important}
body.app-page .finance-page .billing-card-head strong,
body.app-page .finance-page .billing-stat b{color:#f5f1ff!important}
body.app-page .finance-page .billing-card-head small,
body.app-page .finance-page .billing-stat,
body.app-page .finance-page .billing-total{color:#b6aacd!important}
body.app-page .finance-page .billing-stat{border-bottom-color:#302442!important}
body.app-page .finance-page .billing-total strong{color:#c4b5fd!important}
body.app-page .finance-page .billing-status.active{background:rgba(52,211,153,.13)!important;color:#6ee7b7!important;border:1px solid rgba(52,211,153,.18)!important}
body.app-page .finance-page .billing-status.paused_insufficient_funds{background:rgba(251,113,133,.12)!important;color:#fda4af!important;border:1px solid rgba(251,113,133,.2)!important}
body.app-page .finance-page .empty-state{color:#a99abc!important}
body.app-page .finance-page .empty-state h3{color:#f5f1ff!important}
body.app-page .finance-page .empty-state p{color:#b6aacd!important}
body.app-page .finance-page .empty-state>div{color:#c4b5fd!important}
@media(max-width:650px){body.app-page .finance-page .billing-cards{padding:12px!important}body.app-page .finance-page .billing-card{padding:14px!important}body.app-page .finance-page .billing-card-head{flex-wrap:wrap}}

/* Notifications: remove remaining white surfaces and unify with the premium violet theme */
.notification-panel,
.notification-panel *:not(button),
.notification-head,
.notification-item,
.notification-empty {
  color: #f5f1ff;
}
.notification-panel {
  background: linear-gradient(155deg,#191326 0%,#100d18 100%) !important;
  border: 1px solid #3a2b50 !important;
  box-shadow: 0 22px 65px rgba(0,0,0,.52), inset 0 1px rgba(255,255,255,.025) !important;
}
.notification-head {
  background: linear-gradient(120deg,#211832,#171126) !important;
  border-bottom: 1px solid #352746 !important;
}
.notification-head strong { color: #f5f1ff !important; font-weight: 850 !important; }
.notification-head button {
  background: rgba(167,139,250,.12) !important;
  border: 1px solid rgba(167,139,250,.22) !important;
  color: #c4b5fd !important;
  border-radius: 8px !important;
  padding: 7px 10px !important;
}
.notification-head button:hover { background: rgba(167,139,250,.2) !important; }
.notification-item {
  background: transparent !important;
  border-bottom: 1px solid rgba(69,51,95,.55) !important;
  transition: background .18s ease, border-color .18s ease;
}
.notification-item strong { color: #f5f1ff !important; }
.notification-item p { color: #c1b4d4 !important; }
.notification-item time { color: #9484aa !important; }
.notification-item.unread {
  background: linear-gradient(90deg,rgba(139,92,246,.13),rgba(139,92,246,.035)) !important;
  box-shadow: inset -3px 0 #a78bfa;
}
.notification-item:hover { background: rgba(167,139,250,.09) !important; }
.notification-empty { background: #100d18 !important; color: #b6a8ca !important; }
.cpv-toast {
  background: linear-gradient(145deg,#1b1429 0%,#100d18 100%) !important;
  border: 1px solid #3a2b50 !important;
  color: #f5f1ff !important;
  box-shadow: 0 18px 55px rgba(0,0,0,.48) !important;
}
.cpv-toast strong { color: #f5f1ff !important; }
.cpv-toast span { color: #c1b4d4 !important; }
.cpv-toast .cpv-toast-close {
  color: #b6a8ca !important;
  background: transparent !important;
}
.cpv-toast .cpv-toast-close:hover { color: #fff !important; background: rgba(167,139,250,.12) !important; }
@media(max-width:600px) {
  .notification-panel { background: linear-gradient(155deg,#191326 0%,#100d18 100%) !important; }
  .cpv-toast { backdrop-filter: blur(14px); }
}

/* Notification dropdown stacking fix: keep the panel above cards and tables */
body.app-page .topbar,
body.admin-area .topbar,
.topbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 20000 !important;
  isolation: isolate !important;
  overflow: visible !important;
}
.topbar-user,
.notification-wrap {
  position: relative !important;
  z-index: 20001 !important;
  overflow: visible !important;
}
#notification-panel.notification-panel {
  position: absolute !important;
  z-index: 20002 !important;
  top: calc(100% + 10px) !important;
  right: 0 !important;
  left: auto !important;
  max-height: min(520px, calc(100vh - 100px)) !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  isolation: isolate !important;
}
#notification-panel[hidden] { display: none !important; }
@media (max-width: 600px) {
  #notification-panel.notification-panel {
    position: fixed !important;
    z-index: 20002 !important;
    top: 66px !important;
    right: 10px !important;
    left: 10px !important;
    width: auto !important;
    max-width: none !important;
    max-height: calc(100vh - 82px) !important;
  }
}

/* V6.77 — keep notification dropdown above cards and prevent header clipping */
body.app-page .topbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 10000 !important;
  overflow: visible !important;
  isolation: isolate !important;
}
body.app-page .topbar-user {
  position: relative !important;
  z-index: 10001 !important;
  overflow: visible !important;
}
body.app-page .notification-wrap {
  position: relative !important;
  z-index: 10002 !important;
  flex: 0 0 auto !important;
  overflow: visible !important;
}
body.app-page .notification-panel {
  position: absolute !important;
  z-index: 10003 !important;
  top: calc(100% + 10px) !important;
  right: 0 !important;
  left: auto !important;
  max-height: min(520px, calc(100dvh - 100px)) !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  isolation: isolate !important;
}
@media (max-width: 600px) {
  body.app-page .topbar { z-index: 10000 !important; }
  body.app-page .notification-panel {
    position: fixed !important;
    top: 66px !important;
    right: 10px !important;
    left: 10px !important;
    width: auto !important;
    max-width: none !important;
    max-height: calc(100dvh - 82px) !important;
    z-index: 10010 !important;
  }
}

/* V6.79 — unify wallet with the premium dark-violet user panel */
.finance-page .finance-balance-card{
  background: radial-gradient(ellipse at top right,rgba(168,85,247,.22),transparent 48%),linear-gradient(145deg,#21152f 0%,#100d18 100%)!important;
  color:#faf5ff!important;border:1px solid rgba(192,132,252,.30)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.30),inset 0 1px 0 rgba(216,180,254,.05)!important;
}
.finance-page .finance-balance-card>span,.finance-page .finance-balance-card p{color:#c4b5d5!important;opacity:1!important}
.finance-page .finance-balance-card>strong{color:#f5eaff!important}
.finance-page .finance-balance-card>strong small{color:#c4b5d5!important}
.finance-page .finance-info-card,.finance-page .finance-panel{
  background:linear-gradient(145deg,#171320 0%,#100d17 100%)!important;
  border:1px solid rgba(168,85,247,.20)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.24)!important;color:#e9e1f2!important;
}
.finance-page .finance-info-card b,.finance-page .billing-card-head strong{color:#f3e8ff!important}
.finance-page .finance-info-card p,.finance-page .billing-card-head small{color:#b5a7c7!important}
.finance-page .finance-panel .panel-heading{border-bottom-color:rgba(168,85,247,.16)!important}
.finance-page .payment-bank-card{
  background:radial-gradient(ellipse at top right,rgba(124,58,237,.14),transparent 52%),linear-gradient(145deg,#1b1525,#100d17)!important;
  border:1px solid rgba(168,85,247,.25)!important;color:#eee5f8!important;
}
.finance-page .payment-bank-card small,.finance-page .payment-bank-card p{color:#b9abc9!important}
.finance-page .payment-bank-card b,.finance-page .payment-number{color:#f5eaff!important}
.finance-page .payment-bank-label{background:rgba(124,58,237,.17)!important;color:#e9d5ff!important}
.finance-page .finance-table th{background:rgba(124,58,237,.12)!important;color:#e9d5ff!important}
.finance-page .finance-table td{color:#c6bad4!important;border-bottom-color:rgba(168,85,247,.12)!important}
.finance-page .finance-table tr:hover td{background:rgba(124,58,237,.055)!important}
.finance-page .billing-card{background:rgba(8,7,13,.48)!important;border-color:rgba(168,85,247,.17)!important}
.finance-page .billing-stat,.finance-page .billing-total{color:#b5a7c7!important;border-bottom-color:rgba(168,85,247,.13)!important}
.finance-page .billing-stat b{color:#e9d5ff!important}
.finance-page .billing-total strong{color:#d8b4fe!important}
.finance-page .billing-note,.finance-page .finance-help{background:rgba(124,58,237,.09)!important;border-color:rgba(168,85,247,.20)!important;color:#c4b5d5!important}
.finance-page .manual-payment-form label{color:#ddd0eb!important}
.finance-page .manual-payment-form input,.finance-page .manual-payment-form select,.finance-page .manual-payment-form textarea{
  background:#0d0b13!important;color:#f3e8ff!important;border-color:rgba(168,85,247,.24)!important;
}
.finance-page .manual-payment-form input::placeholder,.finance-page .manual-payment-form textarea::placeholder{color:#887a9b!important}
.finance-page .manual-payment-form input:focus,.finance-page .manual-payment-form textarea:focus{border-color:rgba(192,132,252,.65)!important;box-shadow:0 0 0 3px rgba(124,58,237,.12)!important;outline:none!important}
.finance-page .form-hint,.finance-page .field-muted{color:#a99ab9!important}
.finance-page .compact-empty,.finance-page .empty-state{color:#c4b5d5!important}
.finance-page .empty-state h3{color:#f3e8ff!important}
.finance-page .empty-state p{color:#b5a7c7!important}
.finance-page .empty-state>div{background:rgba(124,58,237,.15)!important;color:#d8b4fe!important}
.finance-page .details-btn{background:rgba(124,58,237,.15)!important;color:#e9d5ff!important;border-color:rgba(168,85,247,.25)!important}
.finance-page .details-btn:hover{background:rgba(124,58,237,.25)!important}
.finance-page .payment-status.pending{background:rgba(124,58,237,.16)!important;color:#e9d5ff!important}
.finance-page .payment-status.approved{background:rgba(16,185,129,.13)!important;color:#6ee7b7!important}
.finance-page .payment-status.rejected{background:rgba(239,68,68,.12)!important;color:#fca5a5!important}

/* V6.80 — finish the manual wallet top-up section in dark violet */
body.app-page .finance-page .manual-payment-panel{
  background:linear-gradient(145deg,#171320 0%,#100d17 100%)!important;
  border:1px solid rgba(168,85,247,.25)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.27),inset 0 1px rgba(216,180,254,.025)!important;
}
body.app-page .finance-page .manual-payment-panel>.panel-heading{
  background:linear-gradient(90deg,rgba(124,58,237,.10),rgba(124,58,237,.025))!important;
  border-bottom:1px solid rgba(168,85,247,.20)!important;
}
body.app-page .finance-page .manual-payment-panel .panel-icon{
  display:inline-grid!important;place-items:center;width:38px;height:38px;border-radius:12px;
  background:rgba(124,58,237,.17)!important;border:1px solid rgba(192,132,252,.22)!important;
  color:#d8b4fe!important;
}
body.app-page .finance-page .manual-payment-body{
  background:transparent!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)!important;
  gap:18px!important;padding:20px!important;
}
body.app-page .finance-page .manual-payment-body .payment-bank-card{
  background:radial-gradient(ellipse at top right,rgba(124,58,237,.17),transparent 52%),linear-gradient(145deg,#1c1627 0%,#100d17 100%)!important;
  border:1px solid rgba(168,85,247,.27)!important;border-radius:16px!important;
  box-shadow:inset 0 1px rgba(216,180,254,.035)!important;
}
body.app-page .finance-page .manual-payment-body .payment-bank-label{
  background:rgba(124,58,237,.19)!important;border:1px solid rgba(192,132,252,.20)!important;
  color:#e9d5ff!important;
}
body.app-page .finance-page .manual-payment-body .payment-bank-card>div{border-bottom-color:rgba(168,85,247,.15)!important}
body.app-page .finance-page .manual-payment-body .payment-bank-card small{color:#b5a7c7!important}
body.app-page .finance-page .manual-payment-body .payment-bank-card b{color:#f5eaff!important}
body.app-page .finance-page .manual-payment-body .payment-bank-card p{color:#b9abc9!important}
body.app-page .finance-page .manual-payment-form{
  min-width:0;padding:18px!important;gap:13px!important;border-radius:16px!important;
  background:linear-gradient(145deg,rgba(124,58,237,.065),rgba(8,7,13,.42))!important;
  border:1px solid rgba(168,85,247,.18)!important;
}
body.app-page .finance-page .manual-payment-form label{
  display:grid!important;gap:8px!important;color:#e5d9f1!important;font-size:11px!important;font-weight:750!important;
}
body.app-page .finance-page .manual-payment-form .field-muted{color:#a99ab9!important;font-size:10px!important;font-weight:500!important}
body.app-page .finance-page .manual-payment-form input:not([type="file"]),
body.app-page .finance-page .manual-payment-form select,
body.app-page .finance-page .manual-payment-form textarea{
  width:100%!important;min-width:0!important;box-sizing:border-box!important;
  background:#0b0911!important;color:#f5efff!important;border:1px solid rgba(168,85,247,.25)!important;
  border-radius:11px!important;padding:12px 13px!important;box-shadow:none!important;
}
body.app-page .finance-page .manual-payment-form input[type="file"]{
  width:100%!important;min-width:0!important;box-sizing:border-box!important;padding:9px!important;
  border-radius:11px!important;background:#0b0911!important;color:#b9abc9!important;
  border:1px dashed rgba(168,85,247,.34)!important;font-size:10px!important;
}
body.app-page .finance-page .manual-payment-form input[type="file"]::file-selector-button{
  margin-inline-end:10px;padding:8px 11px;border:1px solid rgba(192,132,252,.24);border-radius:8px;
  background:rgba(124,58,237,.19);color:#e9d5ff;font-weight:750;cursor:pointer;
}
body.app-page .finance-page .manual-payment-form input::placeholder,
body.app-page .finance-page .manual-payment-form textarea::placeholder{color:#817391!important}
body.app-page .finance-page .manual-payment-form input:focus,
body.app-page .finance-page .manual-payment-form select:focus,
body.app-page .finance-page .manual-payment-form textarea:focus{
  outline:none!important;border-color:rgba(192,132,252,.72)!important;
  box-shadow:0 0 0 3px rgba(124,58,237,.13)!important;
}
body.app-page .finance-page .manual-payment-form button.modern-primary{
  width:100%!important;min-height:46px!important;margin-top:2px!important;border:1px solid rgba(216,180,254,.22)!important;
  border-radius:11px!important;background:linear-gradient(135deg,#7c3aed,#5b21b6)!important;
  color:#fff!important;box-shadow:0 9px 22px rgba(91,33,182,.24)!important;
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease!important;
}
body.app-page .finance-page .manual-payment-form button.modern-primary:hover{
  filter:brightness(1.12)!important;transform:translateY(-1px)!important;box-shadow:0 12px 26px rgba(91,33,182,.32)!important;
}
body.app-page .finance-page .manual-payment-form .form-hint{color:#a99ab9!important;line-height:1.8!important}
@media(max-width:760px){
  body.app-page .finance-page .manual-payment-body{grid-template-columns:minmax(0,1fr)!important;padding:13px!important;gap:13px!important}
  body.app-page .finance-page .manual-payment-form{padding:14px!important}
}

/* Admin sidebar/dashboard refinement — preserve original project styles */
@media (min-width: 761px) {
  .sidebar { height: 100vh; height: 100dvh; box-sizing: border-box; overflow: hidden; }
  .sidebar-brand { flex: 0 0 auto; }
  .side-nav { flex: 1 1 auto; min-height: 0; overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: rgba(167,139,250,.45) transparent; padding-bottom: 10px; }
  .side-nav::-webkit-scrollbar { width: 5px; }
  .side-nav::-webkit-scrollbar-thumb { background: rgba(167,139,250,.4); border-radius: 8px; }
  .sidebar-bottom { flex: 0 0 auto; margin-top: 8px; }
}
.admin-quick-links { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:14px; margin:0 0 24px; }
.admin-quick-card { display:flex; flex-direction:column; gap:9px; min-height:120px; padding:18px; border:1px solid rgba(167,139,250,.22); border-radius:16px; background:linear-gradient(145deg,rgba(139,92,246,.10),rgba(15,23,42,.35)); color:inherit; text-decoration:none; transition:transform .18s ease,border-color .18s ease,background .18s ease; }
.admin-quick-card:hover { transform:translateY(-2px); border-color:rgba(167,139,250,.65); background:rgba(139,92,246,.13); }
.admin-quick-card > span { display:grid; place-items:center; width:36px; height:36px; border-radius:11px; background:rgba(139,92,246,.18); color:#c4b5fd; font-size:21px; }
.admin-quick-card strong { font-size:15px; }
.admin-quick-card small { color:var(--muted,#a1a1aa); font-size:12px; line-height:1.7; }
@media(max-width:760px) { .admin-quick-links { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } .admin-quick-card { padding:13px; min-height:110px; } }
@media(max-width:420px) { .admin-quick-links { grid-template-columns:1fr; } }


/* Telegram connection page refresh */
.telegram-page{--tg-blue:#229ed9;--tg-ink:#132b51}.telegram-page .page-heading-row{display:none}.telegram-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:30px;min-height:200px;padding:30px 36px;margin-bottom:24px;border-radius:20px;background:linear-gradient(115deg,#073a83 0%,#0868ce 58%,#168ee7 100%);color:#fff;box-shadow:0 16px 40px rgba(4,83,172,.2)}.telegram-hero:before,.telegram-hero:after{content:"";position:absolute;z-index:-1;border:1px solid rgba(255,255,255,.12);border-radius:50%;width:300px;height:300px;left:6%;top:-190px}.telegram-hero:after{width:420px;height:420px;left:-2%;top:-240px}.telegram-hero-mark{width:118px;height:118px;flex:0 0 118px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.13)}.telegram-hero-mark svg{width:88px;height:88px}.telegram-hero-copy{max-width:710px;position:relative;z-index:1}.telegram-kicker{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.3px;color:#c5e8ff;background:rgba(255,255,255,.13);padding:5px 11px;border-radius:99px;margin-bottom:7px}.telegram-hero h1{color:#fff;font-size:30px;line-height:1.35;margin:0 0 9px;letter-spacing:-.4px}.telegram-hero p{color:#e0efff;font-size:14px;line-height:2;margin:0;max-width:690px}.telegram-hero-points{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px;color:#fff;font-size:12px}.telegram-hero-points span{display:inline-flex;align-items:center;gap:6px}.telegram-hero-points i{font-style:normal;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.2);font-size:11px}.telegram-hero-plane{position:absolute;width:250px;height:250px;left:3%;bottom:-95px;color:#fff;opacity:.09;transform:rotate(-9deg)}.telegram-content-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:20px;align-items:stretch}.telegram-connect-card,.telegram-info-card{padding:25px;border-radius:17px;border:1px solid #dce8f7;background:linear-gradient(160deg,#fff 0%,#f9fbff 100%);box-shadow:0 10px 30px rgba(21,61,110,.055);min-width:0}.telegram-card-heading,.telegram-info-title{display:flex;align-items:center;gap:13px;padding-bottom:19px;border-bottom:1px solid #e8eff8;margin-bottom:20px}.telegram-heading-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#e4f5ff;color:#168fd4;flex:0 0 auto}.telegram-heading-icon svg{width:27px;height:27px}.telegram-card-heading h2,.telegram-info-title h2{font-size:19px;color:#173153;margin:0 0 4px}.telegram-card-heading p,.telegram-info-title p{font-size:12px;color:#8295b0;margin:0;line-height:1.8}.telegram-status-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:13px 15px;border-radius:12px;background:#f4f8fd;border:1px solid #e6eef8}.telegram-status-dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex:0 0 auto}.telegram-status-dot.connected{background:#18b77a;box-shadow:0 0 0 4px rgba(24,183,122,.12)}.telegram-status-dot.disconnected{background:#f05268;box-shadow:0 0 0 4px rgba(240,82,104,.11)}.telegram-status-label{font-size:13px;font-weight:700;color:#274366;flex:1}.telegram-status-badge{font-size:11px;font-weight:800;border-radius:99px;padding:6px 10px}.telegram-status-badge.connected{background:#e1f8ed;color:#078553}.telegram-status-badge.disconnected{background:#fff0f2;color:#d93e58}.telegram-connect-description{color:#617895;font-size:13px;line-height:2.1;margin:19px 2px 18px}.telegram-connect-description b{color:#168fd4}.telegram-connect-button{display:flex;align-items:center;justify-content:center;gap:11px;width:100%;min-height:58px;padding:13px 18px;border-radius:13px;background:linear-gradient(110deg,#168de2,#0873ed);box-shadow:0 10px 22px rgba(12,116,229,.22);color:#fff!important;font-weight:800;font-size:15px;text-decoration:none!important;transition:transform .18s,box-shadow .18s,filter .18s}.telegram-connect-button:hover{transform:translateY(-2px);box-shadow:0 14px 27px rgba(12,116,229,.29);filter:saturate(1.08)}.telegram-connect-button svg{width:27px;height:27px}.telegram-connect-button span{margin-right:auto;font-size:20px;opacity:.85}.telegram-link-note{display:flex;align-items:center;gap:7px;color:#8093ad;font-size:11px;line-height:1.9;margin:14px 2px 0}.telegram-link-note span{font-size:14px}.telegram-connected-message{display:flex;align-items:flex-start;gap:12px;padding:16px;margin-top:16px;border:1px solid #ccefe0;background:linear-gradient(110deg,#f0fcf6,#e7f9f0);border-radius:13px}.telegram-message-check{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#c8f3dc;color:#078553;font-weight:900;flex:0 0 auto}.telegram-connected-message strong{color:#087e50;font-size:14px}.telegram-connected-message p{margin:4px 0 0;color:#537d6a;font-size:12px;line-height:1.9}.telegram-connection-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.telegram-connection-meta>div{min-width:0;padding:12px;border:1px solid #e5edf7;background:#fff;border-radius:11px}.telegram-connection-meta span,.telegram-connection-meta strong{display:block;overflow-wrap:anywhere}.telegram-connection-meta span{font-size:11px;color:#8496ae;margin-bottom:7px}.telegram-connection-meta strong{font-size:12px;color:#29496f}.telegram-small-help{font-size:12px;color:#6c829e;line-height:1.9;margin:15px 0 0}.telegram-small-help code{background:#eaf3ff;color:#176fc8;border-radius:5px;padding:3px 7px;direction:ltr;display:inline-block}.telegram-warning{margin-top:16px;padding:17px;border-radius:12px;border:1px solid #ffe0a6;background:#fff9eb}.telegram-warning strong{color:#9a6508;font-size:14px}.telegram-warning p{color:#8b774f;font-size:12px;line-height:2;margin:5px 0 0}.telegram-info-title{align-items:flex-start}.telegram-info-symbol{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#e5f4ff;color:#1289dc;font-size:20px;font-weight:900;flex:0 0 auto}.telegram-feature-list{display:grid;gap:5px}.telegram-feature{display:flex;align-items:center;gap:12px;padding:12px 9px;border-radius:12px;transition:background .15s}.telegram-feature:hover{background:#f1f7ff}.telegram-feature-icon{width:41px;height:41px;display:grid;place-items:center;border-radius:13px;font-weight:800;font-size:19px;flex:0 0 auto}.telegram-feature-icon.wallet{background:#e6f1ff;color:#1478dc}.telegram-feature-icon.balance{background:#fff0dd;color:#d98713}.telegram-feature-icon.support{background:#f0eaff;color:#7d51db}.telegram-feature-icon.traffic{background:#ddf8f1;color:#119d83}.telegram-feature strong{display:block;color:#28496e;font-size:13px;margin-bottom:4px}.telegram-feature p{font-size:11px;color:#8799b0;line-height:1.8;margin:0}.telegram-support-note{display:flex;align-items:flex-start;gap:8px;padding:12px;margin-top:14px;background:#eef7ff;border:1px solid #d5eaff;border-radius:10px;color:#557b9f;font-size:11px;line-height:1.9}.telegram-support-note span{color:#168ee0;font-size:16px;flex:0 0 auto}@media(max-width:900px){.telegram-content-grid{grid-template-columns:1fr}.telegram-hero{padding:25px;gap:22px}.telegram-hero-mark{width:92px;height:92px;flex-basis:92px}.telegram-hero-mark svg{width:70px;height:70px}.telegram-hero h1{font-size:25px}}@media(max-width:560px){.telegram-page{width:calc(100% - 24px);padding-top:18px}.telegram-hero{display:block;padding:23px 20px;border-radius:16px;min-height:0}.telegram-hero-mark{width:70px;height:70px;margin-bottom:16px}.telegram-hero-mark svg{width:53px;height:53px}.telegram-hero h1{font-size:23px}.telegram-hero p{font-size:12px}.telegram-hero-points{gap:9px 13px;font-size:10px}.telegram-hero-plane{width:170px;height:170px;left:-25px;bottom:-55px}.telegram-connect-card,.telegram-info-card{padding:17px;border-radius:14px}.telegram-card-heading h2,.telegram-info-title h2{font-size:16px}.telegram-status-label{font-size:12px}.telegram-status-badge{font-size:10px}.telegram-connection-meta{grid-template-columns:1fr}.telegram-connect-button{font-size:13px;min-height:54px}.telegram-feature{padding:10px 4px}}


/* Telegram lower panels — refined dark glass style; hero intentionally unchanged */
.telegram-page .telegram-content-grid{gap:20px;align-items:stretch}
.telegram-page .telegram-connect-card,
.telegram-page .telegram-info-card{
  position:relative;overflow:hidden;
  background:linear-gradient(145deg,rgba(19,35,66,.97),rgba(10,21,43,.98)) !important;
  border:1px solid rgba(105,160,230,.22) !important;
  border-radius:20px !important;
  box-shadow:0 16px 38px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.035) !important;
  color:#e8f1ff !important;
}
.telegram-page .telegram-connect-card:before,
.telegram-page .telegram-info-card:before{
  content:"";position:absolute;top:0;right:25px;left:25px;height:2px;
  background:linear-gradient(90deg,transparent,rgba(45,155,255,.75),transparent);opacity:.8
}
.telegram-page .telegram-card-heading,
.telegram-page .telegram-info-title{border-bottom:1px solid rgba(140,180,230,.16) !important;padding-bottom:18px;margin-bottom:18px}
.telegram-page .telegram-card-heading h2,
.telegram-page .telegram-info-title h2{color:#f3f7ff !important;font-weight:800;letter-spacing:-.2px}
.telegram-page .telegram-card-heading p,
.telegram-page .telegram-info-title p{color:#9fb6d6 !important}
.telegram-page .telegram-heading-icon,
.telegram-page .telegram-info-symbol{background:linear-gradient(145deg,#173f71,#12335b) !important;color:#55b9ff !important;border:1px solid rgba(82,177,255,.18)}
.telegram-page .telegram-status-row{background:rgba(6,18,39,.66) !important;border:1px solid rgba(105,160,230,.2) !important;border-radius:14px !important;padding:15px 16px}
.telegram-page .telegram-status-label{color:#edf5ff !important;font-size:13px}
.telegram-page .telegram-status-badge.disconnected{background:rgba(255,91,117,.12) !important;color:#ff8da0 !important;border:1px solid rgba(255,91,117,.2)}
.telegram-page .telegram-status-badge.connected{background:rgba(29,196,133,.13) !important;color:#66e2b0 !important;border:1px solid rgba(29,196,133,.2)}
.telegram-page .telegram-connect-description{color:#b0c3df !important;font-size:13px;line-height:2.15;margin:20px 2px}
.telegram-page .telegram-connect-description b{color:#59bdff !important}
.telegram-page .telegram-connect-button{background:linear-gradient(105deg,#1599ed,#0874e9) !important;border:1px solid rgba(119,207,255,.25);border-radius:14px !important;box-shadow:0 10px 26px rgba(0,111,226,.23) !important;min-height:60px}
.telegram-page .telegram-connect-button:hover{box-shadow:0 14px 30px rgba(0,126,255,.3) !important}
.telegram-page .telegram-link-note{color:#8fa9cb !important;margin-top:15px}
.telegram-page .telegram-link-note span{filter:none}
.telegram-page .telegram-feature-list{gap:8px}
.telegram-page .telegram-feature{position:relative;gap:13px;padding:13px 12px;border:1px solid transparent;border-radius:14px;transition:background .18s,border-color .18s,transform .18s}
.telegram-page .telegram-feature:hover{background:rgba(35,91,153,.2) !important;border-color:rgba(91,163,240,.16);transform:translateX(-2px)}
.telegram-page .telegram-feature-icon{width:44px;height:44px;border-radius:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.telegram-page .telegram-feature-icon.wallet{background:rgba(40,132,255,.17) !important;color:#6dbbff !important}
.telegram-page .telegram-feature-icon.balance{background:rgba(245,158,11,.15) !important;color:#ffc36d !important}
.telegram-page .telegram-feature-icon.support{background:rgba(157,113,255,.17) !important;color:#c3a5ff !important}
.telegram-page .telegram-feature-icon.traffic{background:rgba(26,190,157,.15) !important;color:#62e0c7 !important}
.telegram-page .telegram-feature strong{color:#edf5ff !important;font-size:13px;font-weight:750}
.telegram-page .telegram-feature p{color:#9db2d0 !important;font-size:11px;line-height:1.9}
.telegram-page .telegram-support-note{background:rgba(14,65,117,.27) !important;border:1px solid rgba(72,158,242,.24) !important;border-radius:12px !important;color:#b5cbe6 !important;padding:13px 14px;margin-top:17px}
.telegram-page .telegram-support-note span{color:#56baff !important}
.telegram-page .telegram-connected-message{background:rgba(15,132,91,.13) !important;border-color:rgba(64,210,155,.24) !important}
.telegram-page .telegram-connected-message strong{color:#7ce7ba !important}
.telegram-page .telegram-connected-message p{color:#a7d8c5 !important}
.telegram-page .telegram-connection-meta>div{background:rgba(6,18,39,.55) !important;border-color:rgba(105,160,230,.17) !important}
.telegram-page .telegram-connection-meta span{color:#92aaca !important}
.telegram-page .telegram-connection-meta strong{color:#edf5ff !important}
.telegram-page .telegram-small-help{color:#9fb6d6 !important}
.telegram-page .telegram-small-help code{background:rgba(39,139,255,.16) !important;color:#7fc8ff !important}
.telegram-page .telegram-warning{background:rgba(177,113,18,.12) !important;border-color:rgba(255,190,75,.23) !important}
.telegram-page .telegram-warning strong{color:#ffd27c !important}
.telegram-page .telegram-warning p{color:#cbb68e !important}
@media(max-width:560px){
 .telegram-page .telegram-connect-card,.telegram-page .telegram-info-card{padding:18px !important;border-radius:16px !important}
 .telegram-page .telegram-feature{padding:12px 8px}
 .telegram-page .telegram-feature-icon{width:40px;height:40px}
 .telegram-page .telegram-status-row{gap:9px;padding:13px}
}

/* Telegram notification panel: force readable light text on dark cards */
.telegram-page .telegram-info-card .telegram-info-title h2,
.telegram-page .telegram-info-card .telegram-info-title h2 * {
  color: #f5f8ff !important;
  opacity: 1 !important;
  text-shadow: 0 1px 8px rgba(0,0,0,.18);
}
.telegram-page .telegram-info-card .telegram-info-title p {
  color: #b9cbe5 !important;
  opacity: 1 !important;
}
.telegram-page .telegram-info-card .telegram-feature strong {
  color: #f0f5ff !important;
  opacity: 1 !important;
}
.telegram-page .telegram-info-card .telegram-feature p {
  color: #b3c4df !important;
  opacity: 1 !important;
}
.telegram-page .telegram-info-card .telegram-support-note {
  color: #c8d8ee !important;
}

/* Scoped visual refresh: VPS server details page only */
.server-details-page{--sd-border:rgba(148,163,184,.2);--sd-shadow:0 18px 48px rgba(0,0,0,.16);padding-bottom:38px}
.server-details-page .modern-back{display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border:1px solid var(--sd-border);border-radius:12px;text-decoration:none;transition:transform .2s,border-color .2s}
.server-details-page .modern-back:hover{transform:translateY(-2px);border-color:rgba(99,160,255,.65)}
.server-details-page .server-heading{margin:18px 0 20px;align-items:center}
.server-details-page .server-heading h1{font-size:clamp(25px,3vw,34px);font-weight:850;letter-spacing:-.6px}
.server-details-page .server-summary-banner{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(220px,1.3fr) repeat(5,minmax(120px,1fr));gap:18px;align-items:stretch;padding:24px;border:1px solid var(--sd-border);border-radius:22px;background:linear-gradient(135deg,rgba(35,73,125,.22),rgba(20,28,45,.18));box-shadow:var(--sd-shadow)}
.server-details-page .server-summary-banner:before{content:"";position:absolute;width:240px;height:240px;right:-90px;top:-150px;border-radius:50%;background:rgba(76,141,255,.12);pointer-events:none}
.server-details-page .summary-primary{display:flex;align-items:center;gap:16px;min-width:0}
.server-details-page .big-os-logo{width:66px;height:66px;flex:0 0 66px;display:grid;place-items:center;border:1px solid var(--sd-border);border-radius:18px;background:rgba(255,255,255,.06);padding:11px}
.server-details-page .big-os-logo img{width:100%;height:100%;object-fit:contain}
.server-details-page .summary-primary h2{font-size:20px;font-weight:800;margin:0 0 9px;overflow-wrap:anywhere}
.server-details-page .summary-primary small{display:block;margin-top:9px;opacity:.7}
.server-details-page .summary-item{position:relative;z-index:1;min-width:0;padding:14px;border-radius:15px;border:1px solid var(--sd-border);background:rgba(255,255,255,.035)}
.server-details-page .summary-item>small{display:block;margin-bottom:10px;opacity:.7;font-size:12px;letter-spacing:.3px}
.server-details-page .summary-item>strong{display:flex;align-items:center;gap:8px;min-width:0;font-size:14px;overflow-wrap:anywhere}
.server-details-page .summary-item img{width:24px;height:18px;object-fit:cover;border-radius:4px;flex-shrink:0}
.server-details-page .traffic-usage-card,.server-details-page .modern-card{border:1px solid var(--sd-border);border-radius:20px;box-shadow:var(--sd-shadow);overflow:hidden}
.server-details-page .traffic-usage-card{margin-top:22px}
.server-details-page .details-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-top:22px;align-items:start}
.server-details-page .details-columns>div,.server-details-page .details-columns>section{min-width:0}
.server-details-page .modern-card{padding:22px;margin-bottom:20px;background:rgba(255,255,255,.025)}
.server-details-page .modern-card>h2{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:800;margin:0 0 18px;padding-bottom:14px;border-bottom:1px solid var(--sd-border)}
.server-details-page .info-table{display:grid;gap:9px}
.server-details-page .info-table>div{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 13px;border:1px solid transparent;border-radius:12px;background:rgba(148,163,184,.055)}
.server-details-page .info-table>div:hover{border-color:var(--sd-border);background:rgba(148,163,184,.09)}
.server-details-page .info-table>div>span{opacity:.68;font-size:13px;flex-shrink:0}
.server-details-page .info-table>div>strong{font-size:13px;text-align:left;overflow-wrap:anywhere;min-width:0}
.server-details-page .network-info{display:grid;grid-template-columns:1fr;gap:12px}
.server-details-page .network-info>div{padding:15px;border:1px solid var(--sd-border);border-radius:13px;background:rgba(148,163,184,.045);min-width:0}
.server-details-page .network-info small{display:block;margin-bottom:8px;opacity:.68}
.server-details-page .network-info strong{font-size:14px;overflow-wrap:anywhere;word-break:break-word}
.server-details-page .quick-actions .quick-grid{gap:12px}
.server-details-page .quick-actions .quick{border:1px solid var(--sd-border);border-radius:15px;transition:transform .18s,border-color .18s,filter .18s}
.server-details-page .quick-actions .quick:hover{transform:translateY(-2px);filter:brightness(1.06);border-color:rgba(99,160,255,.5)}
.server-details-page .primary-ip-pool-card{border:1px solid var(--sd-border);border-radius:18px;overflow:hidden}
@media(max-width:1000px){.server-details-page .server-summary-banner{grid-template-columns:repeat(2,minmax(0,1fr))}.server-details-page .summary-primary{grid-column:1/-1}.server-details-page .details-columns{grid-template-columns:1fr}}
@media(max-width:560px){.server-details-page .server-summary-banner{grid-template-columns:1fr;padding:15px;gap:10px;border-radius:17px}.server-details-page .summary-primary{grid-column:auto;padding:5px 2px}.server-details-page .big-os-logo{width:54px;height:54px;flex-basis:54px;border-radius:14px}.server-details-page .summary-item{padding:12px}.server-details-page .modern-card{padding:15px;border-radius:16px}.server-details-page .info-table>div{align-items:flex-start;padding:11px 9px;gap:10px}.server-details-page .info-table>div>span,.server-details-page .info-table>div>strong{font-size:12px}.server-details-page .server-heading h1{font-size:25px}}


/* Server details: polished combined IPv4/IPv6 summary card */
.server-details-page .summary-ip-pair{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:11px;
  min-width:0;
  padding:18px 16px;
}
.server-details-page .summary-ip-line{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:7px;
  min-width:0;
  width:100%;
}
.server-details-page .summary-ip-line small{
  font-size:11px;
  line-height:1.35;
  opacity:.9;
  letter-spacing:.01em;
}
.server-details-page .summary-ip-line strong{
  display:block;
  width:100%;
  max-width:100%;
  font-size:12px;
  line-height:1.55;
  font-weight:700;
  text-align:left;
  overflow-wrap:anywhere;
  word-break:break-word;
  font-variant-numeric:tabular-nums;
}
.server-details-page .summary-ip-line + .summary-ip-line{
  padding-top:11px;
  border-top:1px solid rgba(168,85,247,.16);
}
@media (max-width: 640px){
  .server-details-page .summary-ip-pair{
    padding:15px 13px;
    gap:9px;
  }
  .server-details-page .summary-ip-line strong{
    font-size:11px;
  }
}

/* Responsive server ownership request cards */
.server-claim-panel{margin:18px 0;padding:clamp(15px,2.5vw,24px);border:1px solid var(--border-color,#e5e7eb);border-radius:18px;overflow:hidden;box-shadow:0 8px 28px rgba(15,23,42,.045)}
.server-claim-panel .panel-heading{gap:12px;align-items:center}
.server-claim-intro{color:var(--muted,#64748b);line-height:1.9;margin:8px 0 16px;max-width:850px}
.server-claim-form{display:flex;gap:10px;flex-wrap:wrap;align-items:stretch}
.server-claim-input{flex:1 1 280px;min-width:0;width:100%;min-height:48px;padding:12px 14px;border:1px solid #cbd5e1;border-radius:12px;background:var(--input-bg,#fff);color:var(--text-color,#0f172a);font:inherit;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}
.server-claim-input:focus,.admin-claim-note:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.14)}
.server-claim-form .modern-primary{min-height:48px;border-radius:12px;padding:11px 18px;white-space:normal}
.server-claim-history{margin-top:20px;padding-top:15px;border-top:1px solid #e5e7eb}
.server-claim-history-title{display:block;margin-bottom:8px}
.server-claim-history-item{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 2px;border-bottom:1px solid #e5e7eb;overflow-wrap:anywhere}
.server-claim-history-item:last-child{border-bottom:0}
.server-claim-history-item small{flex-basis:100%;color:var(--muted,#64748b);line-height:1.7}
.admin-claim-panel{border-radius:16px;overflow:hidden}
.admin-claim-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.admin-claim-table{min-width:720px;width:100%;border-collapse:separate;border-spacing:0}
.admin-claim-table th{white-space:nowrap}
.admin-claim-table td{vertical-align:middle}
.admin-claim-review-form{display:flex;gap:7px;flex-wrap:wrap;align-items:center;min-width:250px}
.admin-claim-note{flex:1 1 150px;min-width:120px;max-width:220px;padding:9px 10px;border:1px solid #cbd5e1;border-radius:9px;font:inherit;box-sizing:border-box}
.admin-claim-review-form button{min-height:38px;border-radius:9px;white-space:nowrap}
@media(max-width:640px){
 .server-claim-panel{margin:14px 0;padding:15px;border-radius:14px}
 .server-claim-panel .panel-heading h2{font-size:16px;line-height:1.6}
 .server-claim-form{display:grid;grid-template-columns:minmax(0,1fr)}
 .server-claim-input,.server-claim-form .modern-primary{width:100%;min-width:0;max-width:100%}
 .server-claim-history-item{align-items:flex-start;font-size:14px}
 .admin-claim-panel .panel-heading{padding:14px;align-items:flex-start}
 .admin-claim-table{min-width:680px}
 .admin-claim-review-form{min-width:230px}
}

/* Dashboard server ownership request tab */
.server-claim-tab{padding:0;overflow:hidden;border-color:rgba(99,102,241,.22);background:linear-gradient(135deg,rgba(99,102,241,.055),transparent 65%),var(--panel-bg,#fff)}
.server-claim-tab-trigger{display:flex;align-items:center;gap:14px;width:100%;padding:clamp(16px,2.5vw,23px);border:0;background:transparent;color:var(--text-color,#0f172a);text-align:right;font:inherit;cursor:pointer;transition:background .2s}
.server-claim-tab-trigger:hover,.server-claim-tab-trigger.is-open{background:rgba(99,102,241,.055)}
.server-claim-tab-symbol{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:27px;box-shadow:0 7px 18px rgba(99,102,241,.22)}
.server-claim-tab-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px}
.server-claim-tab-copy strong{font-size:clamp(15px,2vw,18px);font-weight:800;line-height:1.7}
.server-claim-tab-copy small{font-size:13px;font-weight:400;color:var(--muted,#64748b);line-height:1.7}
.server-claim-tab-action{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;border:1px solid rgba(99,102,241,.22);border-radius:12px;padding:10px 14px;background:rgba(99,102,241,.08);color:#6366f1;font-size:13px;font-weight:750}
.server-claim-chevron{display:inline-block;font-size:18px;transition:transform .2s}.server-claim-tab-trigger.is-open .server-claim-chevron{transform:rotate(180deg)}
.server-claim-tab-content{padding:0 clamp(16px,2.5vw,23px) 22px;border-top:1px solid rgba(148,163,184,.2)}
.server-claim-tab-content[hidden]{display:none!important}.server-claim-tab-content .server-claim-intro{margin-top:16px}
@media(max-width:560px){.server-claim-tab-trigger{gap:10px;padding:15px 13px;align-items:flex-start}.server-claim-tab-symbol{flex-basis:40px;width:40px;height:40px;border-radius:12px;font-size:23px}.server-claim-tab-copy small{font-size:12px}.server-claim-tab-action{align-self:center;padding:9px 10px;font-size:12px;gap:5px}.server-claim-tab-content{padding:0 13px 16px}}
@media(max-width:380px){.server-claim-tab-trigger{flex-wrap:wrap}.server-claim-tab-action{margin-right:50px;margin-top:-2px}}

/* Ownership recovery tab: resilient responsive presentation */
.server-claim-tab-trigger:hover,.server-claim-tab-trigger.is-open{background:rgba(139,92,246,.09)!important}
.server-claim-tab-trigger:focus-visible{outline:2px solid #a78bfa;outline-offset:-3px}
.server-claim-tab-content[hidden]{display:none!important}
.server-claim-tab-content .server-claim-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:stretch;margin-top:18px}
.server-claim-tab-content .server-claim-input{width:100%;min-width:0;min-height:52px;border-radius:12px;padding:12px 15px}
.server-claim-tab-content .server-claim-form button{min-height:52px;border-radius:12px;white-space:nowrap}
@media(max-width:620px){.server-claim-tab-trigger{padding:15px!important;gap:10px!important}.server-claim-tab-symbol{flex-basis:40px!important;width:40px!important;height:40px!important;font-size:22px!important}.server-claim-tab-action{padding:9px 10px!important;font-size:12px!important}.server-claim-tab-copy strong{font-size:14px!important}.server-claim-tab-copy small{font-size:12px!important}.server-claim-tab-content .server-claim-form{grid-template-columns:minmax(0,1fr)}.server-claim-tab-content .server-claim-form button{width:100%;white-space:normal}}
@media(max-width:390px){.server-claim-tab-trigger{flex-wrap:wrap}.server-claim-tab-action{margin-right:50px}}

/* Cloud Price dashboard: server ownership request section refresh */
.dashboard-page .server-claim-panel-v2,
.dashboard-page .server-claim-history-v2{box-sizing:border-box;color:var(--text-color,#eef2ff);border:1px solid rgba(99,102,241,.25);border-radius:18px;background:linear-gradient(125deg,rgba(20,24,57,.82),rgba(13,17,40,.78));box-shadow:0 12px 30px rgba(2,6,23,.12)}
.dashboard-page .server-claim-panel-v2{margin:18px 0 22px;padding:clamp(18px,2.2vw,26px)}
.dashboard-page .server-claim-heading-v2{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px}
.dashboard-page .server-claim-heading-v2 .server-claim-tab-symbol{flex:0 0 44px;width:44px;height:44px;border-radius:13px;font-size:24px}
.dashboard-page .server-claim-heading-copy{min-width:0;flex:1}
.dashboard-page .server-claim-heading-copy h2{margin:0 0 5px;font-size:clamp(16px,1.5vw,19px);font-weight:800;line-height:1.7;color:var(--text-color,#f8fafc)}
.dashboard-page .server-claim-heading-copy p{margin:0;color:var(--muted,#9aa9d3);font-size:13px;line-height:1.9}
.dashboard-page .server-claim-form-v2{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:stretch;margin:0}
.dashboard-page .server-claim-form-v2 .server-claim-input{min-height:54px;width:100%;min-width:0;border-radius:13px;border:1px solid #294a7c;background:rgba(7,19,43,.7);color:#f8fafc;padding:13px 16px;font-size:14px}
.dashboard-page .server-claim-form-v2 .server-claim-input::placeholder{color:#8495c3;opacity:1}
.dashboard-page .server-claim-form-v2 .server-claim-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.15);outline:0}
.dashboard-page .server-claim-form-v2 .modern-primary{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:54px;padding:12px 22px;border:0;border-radius:13px;background:linear-gradient(120deg,#9b72ff,#6d28d9);color:#fff;font-weight:800;white-space:nowrap;box-shadow:0 8px 20px rgba(109,40,217,.22)}
.dashboard-page .server-claim-form-v2 .modern-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}
.dashboard-page .server-claim-history-v2{margin:0 0 22px;padding:clamp(18px,2.2vw,25px)}
.dashboard-page .server-claim-history-heading-v2{display:flex;align-items:center;gap:12px;margin-bottom:18px;color:#a78bfa}
.dashboard-page .server-claim-history-heading-v2>span{font-size:25px}
.dashboard-page .server-claim-history-heading-v2 h2{margin:0;color:var(--text-color,#f8fafc);font-size:18px;font-weight:800}
.dashboard-page .server-claim-history-list-v2{overflow:hidden;border:1px solid rgba(99,102,241,.2);border-radius:14px;background:rgba(10,15,39,.35)}
.dashboard-page .server-claim-history-row-v2{display:grid;grid-template-columns:44px minmax(0,1fr) auto 18px;gap:14px;align-items:center;padding:17px 18px;border-bottom:1px solid rgba(99,102,241,.2)}
.dashboard-page .server-claim-history-row-v2:last-child{border-bottom:0}
.dashboard-page .server-claim-history-server-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(139,92,246,.15);color:#a78bfa;font-size:22px}
.dashboard-page .server-claim-history-main-v2{display:flex;flex-direction:column;gap:4px;min-width:0}
.dashboard-page .server-claim-history-main-v2 strong{font-size:15px;color:var(--text-color,#f8fafc);overflow-wrap:anywhere}
.dashboard-page .server-claim-history-main-v2 small{font-size:12px;line-height:1.7;color:var(--muted,#94a3c9)}
.dashboard-page .server-claim-history-main-v2 .server-claim-admin-note-v2{color:#c4b5fd}
.dashboard-page .server-claim-status-v2{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}
.dashboard-page .server-claim-status-v2.approved{background:rgba(16,185,129,.18);color:#34d399}
.dashboard-page .server-claim-status-v2.rejected{background:rgba(244,63,94,.15);color:#fda4af}
.dashboard-page .server-claim-status-v2.pending{background:rgba(245,158,11,.15);color:#fbbf24}
.dashboard-page .server-claim-history-chevron{font-size:26px;color:#7785bf;text-align:center}
.dashboard-page .server-claim-empty-v2{display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px 16px;color:var(--muted,#9aa9d3)}
.dashboard-page .server-claim-empty-v2>span{font-size:28px;color:#a78bfa;margin-bottom:8px}
.dashboard-page .server-claim-empty-v2 strong{color:var(--text-color,#eef2ff);font-size:14px}
.dashboard-page .server-claim-empty-v2 p{margin:6px 0 0;font-size:12px;line-height:1.8}
@media(max-width:650px){.dashboard-page .server-claim-panel-v2{padding:16px;margin:14px 0 18px}.dashboard-page .server-claim-heading-v2{gap:10px}.dashboard-page .server-claim-heading-v2 .server-claim-tab-symbol{flex-basis:38px;width:38px;height:38px}.dashboard-page .server-claim-form-v2{grid-template-columns:minmax(0,1fr)}.dashboard-page .server-claim-form-v2 .modern-primary{width:100%;white-space:normal}.dashboard-page .server-claim-history-v2{padding:16px}.dashboard-page .server-claim-history-row-v2{grid-template-columns:36px minmax(0,1fr);gap:10px;padding:14px 12px}.dashboard-page .server-claim-history-server-icon{width:36px;height:36px}.dashboard-page .server-claim-status-v2{grid-column:2;justify-self:start}.dashboard-page .server-claim-history-chevron{display:none}}

/* CloudPrice user dashboard refresh: dark navy surfaces with restrained neon accents */
body.app-page:not(.admin-area){background:radial-gradient(ellipse at 12% 0%,rgba(45,65,145,.16),transparent 36%),linear-gradient(145deg,#050a19 0%,#080d20 55%,#050918 100%)!important;color:#eef2ff}
body.app-page:not(.admin-area) .topbar{background:rgba(5,10,25,.96)!important;border-bottom:1px solid rgba(99,119,220,.18)!important;box-shadow:0 8px 30px rgba(0,0,0,.18)!important}
body.app-page:not(.admin-area) .sidebar{background:linear-gradient(180deg,#070d20 0%,#080b19 100%)!important;border-left:1px solid rgba(99,119,220,.16)!important;box-shadow:12px 0 38px rgba(0,0,0,.24)!important}
body.app-page:not(.admin-area) .side-nav a{color:#b8c5e8!important;border:1px solid transparent}
body.app-page:not(.admin-area) .side-nav a:hover{background:rgba(99,102,241,.10)!important;border-color:rgba(99,102,241,.18)!important;color:#fff!important}
body.app-page:not(.admin-area) .side-nav a.active{background:linear-gradient(110deg,#4321a8,#34208b)!important;border-color:rgba(167,139,250,.25)!important;box-shadow:0 8px 24px rgba(79,46,180,.22)!important}
body.app-page:not(.admin-area) .modern-container{padding-top:30px!important}
body.app-page:not(.admin-area) .page-heading-row h1,body.app-page:not(.admin-area) .panel-heading h2{color:#f5f6ff!important}
body.app-page:not(.admin-area) .page-heading-row p{color:#91a1cc!important}
body.app-page:not(.admin-area) .eyebrow-icon{background:linear-gradient(145deg,rgba(124,58,237,.22),rgba(59,130,246,.12))!important;color:#a78bfa!important;border:1px solid rgba(139,92,246,.22)!important}
body.app-page:not(.admin-area) .modern-primary{background:linear-gradient(120deg,#9c75ff,#6d28d9)!important;border:1px solid rgba(196,181,253,.24)!important;box-shadow:0 8px 22px rgba(109,40,217,.23)!important;color:#fff!important}
body.app-page:not(.admin-area) .stat-card{background:linear-gradient(145deg,rgba(15,25,55,.96),rgba(8,14,32,.98))!important;border:1px solid rgba(83,105,196,.28)!important;border-radius:16px!important;box-shadow:0 12px 34px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.025)!important}
body.app-page:not(.admin-area) .stat-card:after{background:linear-gradient(90deg,transparent,rgba(139,92,246,.55),transparent)!important}
body.app-page:not(.admin-area) .stat-card small,body.app-page:not(.admin-area) .stat-card p{color:#91a1cc!important}
body.app-page:not(.admin-area) .stat-card strong{color:#f4f5ff!important}
body.app-page:not(.admin-area) .stat-icon{background:rgba(91,65,190,.2)!important;color:#a78bfa!important;border:1px solid rgba(139,92,246,.16)!important}
body.app-page:not(.admin-area) .servers-panel{background:linear-gradient(145deg,rgba(12,20,44,.97),rgba(7,13,30,.98))!important;border:1px solid rgba(83,105,196,.30)!important;border-radius:18px!important;box-shadow:0 16px 42px rgba(0,0,0,.2)!important;padding:20px!important}
body.app-page:not(.admin-area) .panel-heading{border-color:rgba(83,105,196,.2)!important}
body.app-page:not(.admin-area) .panel-icon{color:#a78bfa!important}
body.app-page:not(.admin-area) .panel-tools select{background:#0a142b!important;color:#c6d2f5!important;border:1px solid rgba(83,105,196,.32)!important}
body.app-page:not(.admin-area) .server-row{background:linear-gradient(120deg,rgba(8,16,37,.98),rgba(11,18,42,.98))!important;border:1px solid rgba(83,105,196,.24)!important;border-left:3px solid #8b5cf6!important;border-radius:14px!important;box-shadow:none!important}
body.app-page:not(.admin-area) .server-main,body.app-page:not(.admin-area) .server-meta,body.app-page:not(.admin-area) .server-os,body.app-page:not(.admin-area) .server-actions{border-color:rgba(83,105,196,.18)!important}
body.app-page:not(.admin-area) .server-main h3,body.app-page:not(.admin-area) .server-meta strong,body.app-page:not(.admin-area) .server-os strong{color:#e8edff!important}
body.app-page:not(.admin-area) .server-main small,body.app-page:not(.admin-area) .server-meta small,body.app-page:not(.admin-area) .server-os small{color:#899bc9!important}
body.app-page:not(.admin-area) .server-meta em{color:#91a1cc!important}
body.app-page:not(.admin-area) .os-logo-box{background:rgba(49,72,140,.18)!important;border-color:rgba(83,105,196,.24)!important}
body.app-page:not(.admin-area) .details-btn,body.app-page:not(.admin-area) .outline-success,body.app-page:not(.admin-area) .outline-danger{background:rgba(29,43,83,.42)!important;border-color:rgba(100,125,205,.28)!important;color:#c9d5ff!important}
body.app-page:not(.admin-area) .empty-state,body.app-page:not(.admin-area) .empty-state p{color:#91a1cc!important}
@media(max-width:760px){body.app-page:not(.admin-area) .sidebar{background:linear-gradient(180deg,#070d20,#080b19)!important;border-bottom:1px solid rgba(99,119,220,.18)!important}body.app-page:not(.admin-area) .servers-panel{padding:14px!important}body.app-page:not(.admin-area) .server-row{border-radius:13px!important}}

/* Compact admin finance navigation */
.finance-page .finance-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 8px;
    margin: 18px 0 20px;
    border: 1px solid var(--border-color, rgba(128,128,128,.22));
    border-radius: 16px;
    background: var(--card-bg, rgba(128,128,128,.04));
}
.finance-page .finance-tab {
    appearance: none;
    border: 1px solid transparent;
    border-radius: 11px;
    padding: 11px 16px;
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: .92rem;
    font-weight: 700;
    cursor: pointer;
    transition: background .18s ease, border-color .18s ease, transform .18s ease;
}
.finance-page .finance-tab:hover { background: rgba(128,128,128,.09); }
.finance-page .finance-tab.is-active,
.finance-page .finance-tab[aria-selected="true"] {
    background: var(--primary-color, #2563eb);
    color: #fff;
    border-color: transparent;
    box-shadow: 0 5px 14px rgba(37,99,235,.18);
}
.finance-page .finance-tab-panel[hidden] { display: none !important; }
.finance-page .finance-tab-panel { min-width: 0; animation: financePanelIn .18s ease-out; }
.finance-page .finance-tab-panel .finance-panel { margin-top: 0; }
.finance-page .finance-tab-panel .finance-panel + .finance-panel { margin-top: 18px; }
@keyframes financePanelIn {
    from { opacity: .65; transform: translateY(3px); }
    to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 640px) {
    .finance-page .finance-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
    .finance-page .finance-tab { padding: 10px 8px; font-size: .82rem; }
}

/* Wallet user search fields */
.finance-page .finance-user-search-label { display:block; margin: 0 0 14px; }
.finance-page .finance-user-search { width:100%; box-sizing:border-box; margin-top:7px; }
.finance-page #debit-user-rows tr[hidden] { display:none !important; }


/* Compact financial history: isolated from the site's global styles */
.finance-page .finance-history-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 0 0 18px;
}
.finance-page .finance-history-stat {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
    padding: 16px;
    border: 1px solid var(--border-color, rgba(128,128,128,.22));
    border-radius: 14px;
    background: var(--card-bg, rgba(128,128,128,.035));
}
.finance-page .finance-history-stat-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border-radius: 11px;
    background: rgba(37,99,235,.10);
    color: var(--primary-color, #2563eb);
    font-size: 1.2rem;
    font-weight: 800;
}
.finance-page .finance-history-stat > div { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.finance-page .finance-history-stat-label { color: var(--text-muted, #777); font-size: .8rem; line-height: 1.6; }
.finance-page .finance-history-stat strong { font-size: 1.2rem; line-height: 1.5; overflow-wrap: anywhere; }
.finance-page .finance-history-stat strong small { font-size: .75rem; font-weight: 500; }
.finance-page .finance-history-stat small { color: var(--text-muted, #777); font-size: .72rem; }
.finance-page .finance-history-panel { min-width: 0; }
.finance-page .finance-history-tabs { display: flex; gap: 7px; flex-wrap: wrap; padding: 6px; margin: 14px 0; border-radius: 12px; background: var(--card-bg, rgba(128,128,128,.06)); }
.finance-page .finance-history-tab { border: 1px solid transparent; border-radius: 9px; padding: 10px 14px; background: transparent; color: inherit; font: inherit; font-weight: 700; cursor: pointer; }
.finance-page .finance-history-tab.is-active,
.finance-page .finance-history-tab[aria-selected="true"] { background: var(--primary-color, #2563eb); color: #fff; }
.finance-page .finance-history-toolbar { display: grid; grid-template-columns: minmax(220px, 1.6fr) minmax(150px, .8fr) auto; align-items: end; gap: 10px; margin: 14px 0; }
.finance-page .finance-history-toolbar label { display: flex; flex-direction: column; gap: 6px; font-size: .83rem; font-weight: 600; }
.finance-page .finance-history-toolbar input,
.finance-page .finance-history-toolbar select { width: 100%; min-width: 0; box-sizing: border-box; }
.finance-page .finance-history-toolbar .modern-primary { min-height: 42px; white-space: nowrap; }
.finance-page .finance-history-table-panel[hidden] { display: none !important; }
.finance-page .finance-history-table-wrap { overflow-x: auto; }
.finance-page .finance-history-table-wrap table { min-width: 850px; }
.finance-page .finance-history-table-wrap tbody tr[hidden] { display: none !important; }
.finance-page .finance-history-result-count { padding-top: 10px; color: var(--text-muted, #777); font-size: .8rem; }
@media (max-width: 760px) {
    .finance-page .finance-history-summary { grid-template-columns: 1fr; }
    .finance-page .finance-history-toolbar { grid-template-columns: 1fr 1fr; }
    .finance-page .finance-history-search-label { grid-column: 1 / -1; }
    .finance-page .finance-history-toolbar .modern-primary { width: 100%; }
}
@media (max-width: 420px) {
    .finance-page .finance-history-toolbar { grid-template-columns: 1fr; }
    .finance-page .finance-history-search-label { grid-column: auto; }
    .finance-page .finance-history-tab { flex: 1; padding: 9px 8px; font-size: .83rem; }
}

/* Finance history: distinguish real server sales from wallet top-ups. */
.finance-page .finance-history-sales-stat .finance-history-stat-icon{background:rgba(16,185,129,.12);color:#059669}


/* CloudPrice VPS — cohesive public homepage refresh (scoped to guest landing only) */
.landing-page{
  --lp-bg:#071321;--lp-surface:#0d2033;--lp-surface-2:#10263d;--lp-border:rgba(137,177,219,.16);
  --lp-text:#f2f7ff;--lp-muted:#9cb2ca;--lp-blue:#3292ff;--lp-cyan:#5ed7f5;
  background:var(--lp-bg)!important;color:var(--lp-text)!important;font-family:inherit;
}
.landing-page *{box-sizing:border-box}
.landing-page a{text-decoration:none;transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.landing-page .landing-hero{
  min-height:0;padding:18px 0 96px;isolation:isolate;overflow:hidden;
  background:radial-gradient(ellipse at 78% 38%,rgba(39,139,255,.2),transparent 34%),radial-gradient(ellipse at 12% 80%,rgba(38,199,220,.09),transparent 33%),linear-gradient(135deg,#071321 0%,#0a1d32 55%,#092744 100%)!important;
}
.landing-page .landing-hero:after{opacity:.55;background-size:52px 52px;mask-image:linear-gradient(to bottom,#000 0%,transparent 78%)}
.landing-page .landing-nav,.landing-page .landing-hero-grid,.landing-page .landing-section,.landing-page .landing-cta,.landing-page .landing-footer{width:min(1160px,calc(100% - 48px))}
.landing-page .landing-nav{height:72px;padding:0 0 14px;border-bottom:1px solid rgba(167,203,238,.1)}
.landing-page .landing-logo{gap:12px;color:#f5f9ff}
.landing-page .landing-logo-mark{width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#c8f4ff,#4da6ff);color:#082849;box-shadow:0 9px 25px rgba(50,146,255,.2)}
.landing-page .landing-logo b{font-size:15px;letter-spacing:-.2px}
.landing-page .landing-logo small{font-size:10px;color:#8ea9c6}
.landing-page .landing-nav-links{gap:25px;color:#b1c5db;font-size:12px}
.landing-page .landing-nav-links a{padding:10px 0}
.landing-page .landing-nav-links a:hover{color:#fff}
.landing-page .landing-login{padding:10px 13px;color:#d5e5f5;border-radius:10px}
.landing-page .landing-login:hover{background:rgba(255,255,255,.06);color:#fff}
.landing-page .landing-nav-cta,.landing-page .landing-main-cta{border-radius:12px;background:linear-gradient(120deg,#39a0ff,#176ce5)!important;color:#fff!important;padding:12px 17px;font-size:12px;box-shadow:0 9px 24px rgba(23,108,229,.22);border:1px solid rgba(153,207,255,.2)}
.landing-page .landing-nav-cta:hover,.landing-page .landing-main-cta:hover{transform:translateY(-2px);box-shadow:0 13px 30px rgba(23,108,229,.3)}
.landing-page .landing-hero-grid{padding-top:76px;gap:58px;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)}
.landing-page .landing-kicker{padding:9px 13px;border-color:rgba(111,194,255,.22);background:rgba(22,106,171,.15);color:#b9e5ff;font-size:11px;letter-spacing:0}
.landing-page .landing-copy h1{font-size:clamp(39px,4.25vw,58px);line-height:1.3;letter-spacing:-1.9px;margin:22px 0 18px;color:#f5f9ff!important}
.landing-page .landing-copy h1 strong{background:linear-gradient(95deg,#67dcff 0%,#61aaff 55%,#9aabff 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.landing-page .landing-copy>p{max-width:570px;color:#a7bdd4!important;font-size:14px;line-height:2.1}
.landing-page .landing-hero-actions{gap:12px;margin-top:29px}
.landing-page .landing-main-cta{padding:14px 19px}
.landing-page .landing-secondary-cta{padding:13px 17px;border-radius:12px;border-color:rgba(165,199,232,.2);background:rgba(255,255,255,.035);color:#d5e6f7;font-size:12px}
.landing-page .landing-secondary-cta:hover{background:rgba(255,255,255,.08);border-color:rgba(165,199,232,.34);transform:translateY(-2px)}
.landing-page .landing-trust-row{gap:24px;margin-top:36px;padding-top:22px;border-color:rgba(165,199,232,.13)}
.landing-page .landing-trust-row div{min-width:0}
.landing-page .landing-trust-row b{font-size:11px;color:#e7f1fc}
.landing-page .landing-trust-row span{font-size:10px;color:#8da8c4;line-height:1.7}
.landing-page .landing-dashboard-preview{min-width:0;perspective:1200px}
.landing-page .preview-glow{inset:12% 4%;background:#258bff;filter:blur(78px);opacity:.22}
.landing-page .preview-window{padding:11px;border-radius:20px;border-color:rgba(135,193,245,.23);background:rgba(13,31,52,.84);box-shadow:0 35px 95px rgba(0,0,0,.35);transform:perspective(1200px) rotateY(-2deg) rotateX(1deg)}
.landing-page .preview-top{height:35px;color:#a7c0da;font-size:9px}
.landing-page .preview-body{grid-template-columns:118px minmax(0,1fr);min-height:365px;border:1px solid #dce8f5;background:#f6f9fd}
.landing-page .preview-body aside{background:#0c2038;padding:17px 9px;color:#9bb2cc}
.landing-page .preview-body aside span{font-size:9px;padding:10px 8px;border-radius:8px}
.landing-page .preview-body aside .active{background:linear-gradient(110deg,#2488f5,#1766d7);box-shadow:0 5px 13px rgba(23,102,215,.25)}
.landing-page .preview-main{padding:18px}
.landing-page .preview-welcome h3{color:#163453;font-size:16px}
.landing-page .preview-welcome em{background:#1876e9;border-radius:8px;font-size:9px}
.landing-page .preview-stats{gap:8px;margin:16px 0}
.landing-page .preview-stats>div,.landing-page .preview-server{border-color:#e0eaf4;border-radius:10px;box-shadow:0 3px 9px rgba(23,59,99,.025)}
.landing-page .preview-stats b{color:#183857;font-size:14px}
.landing-page .preview-server{gap:9px}
.landing-page .preview-server b{color:#183857;font-size:9px}
.landing-page .preview-server small{font-size:7px}
.landing-page .landing-stats{position:relative;z-index:3;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:-36px;padding:0;border:1px solid var(--lp-border);border-radius:18px;background:linear-gradient(145deg,#10253a,#0b1c2e)!important;box-shadow:0 20px 48px rgba(0,0,0,.2);overflow:hidden}
.landing-page .landing-stats>div{padding:25px 22px;background:transparent!important;border-left:1px solid var(--lp-border)}
.landing-page .landing-stats>div:last-child{border-left:0}
.landing-page .landing-stats strong{font-size:13px;color:#eff7ff!important;line-height:1.8}
.landing-page .landing-stats span{font-size:10px;color:#93abc4!important;line-height:1.8}
.landing-page .landing-section{padding:88px 0;background:transparent!important}
.landing-page #features{padding-top:100px}
.landing-page .section-intro{max-width:700px;margin-bottom:35px}
.landing-page .section-intro>span{display:inline-block;color:#65baff!important;font-size:11px;letter-spacing:.1px;margin-bottom:7px}
.landing-page .section-intro h2{color:#f1f7ff!important;font-size:clamp(27px,3vw,37px);line-height:1.5;letter-spacing:-.8px;margin:5px 0 12px}
.landing-page .section-intro p{color:#96aec8!important;font-size:13px;line-height:2}
.landing-page .feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.landing-page .feature-grid article{min-width:0;padding:25px 24px 27px;border-radius:17px;border:1px solid var(--lp-border)!important;background:linear-gradient(145deg,#10243a,#0b1b2d)!important;box-shadow:0 12px 30px rgba(0,0,0,.09)!important;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.landing-page .feature-grid article:hover{transform:translateY(-4px);border-color:rgba(74,163,255,.42)!important;box-shadow:0 18px 38px rgba(0,0,0,.17)!important}
.landing-page .feature-icon{width:45px;height:45px;border-radius:13px;margin-bottom:19px;border:1px solid rgba(255,255,255,.05)}
.landing-page .feature-grid h3{color:#eff6ff!important;font-size:15px;line-height:1.7;margin-bottom:8px}
.landing-page .feature-grid p{color:#98afc8!important;font-size:12px;line-height:2;margin:0}
.landing-page .locations-section{padding-top:78px;padding-bottom:90px;border-top:1px solid rgba(137,177,219,.08);border-bottom:1px solid rgba(137,177,219,.08)}
.landing-page .landing-locations-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}
.landing-page .landing-location{min-width:0;display:flex;align-items:center;gap:13px;padding:17px 15px;border-radius:15px;border:1px solid var(--lp-border);background:linear-gradient(145deg,#10243a,#0b1b2d);color:#eff7ff;box-shadow:0 9px 22px rgba(0,0,0,.07);transition:transform .18s ease,border-color .18s ease}
.landing-page .landing-location:hover{transform:translateY(-3px);border-color:rgba(74,163,255,.42)}
.landing-page .location-flag{width:43px;height:30px;object-fit:cover;border-radius:5px;box-shadow:0 2px 8px rgba(0,0,0,.18);flex:0 0 auto}
.landing-page .landing-location b{font-size:12px;color:#eff7ff;white-space:nowrap}
.landing-page .how-section{padding-top:88px;padding-bottom:98px;border-bottom:1px solid rgba(137,177,219,.08)}
.landing-page .steps-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.landing-page .steps-grid>div{padding:23px;border-radius:16px;border:1px solid var(--lp-border)!important;background:linear-gradient(145deg,#10243a,#0b1b2d)!important;transition:transform .18s ease,border-color .18s ease}
.landing-page .steps-grid>div:hover{transform:translateY(-3px);border-color:rgba(74,163,255,.4)!important}
.landing-page .steps-grid b{display:inline-grid;place-items:center;min-width:37px;height:30px;padding:0 7px;border-radius:9px;background:rgba(50,146,255,.13);color:#75c3ff!important;font-size:11px}
.landing-page .steps-grid h3{color:#edf5ff!important;font-size:14px;line-height:1.8;margin:17px 0 7px}
.landing-page .steps-grid p{color:#95abc4!important;font-size:11px;line-height:2;margin:0}
.landing-page .landing-cta{margin-top:4px;margin-bottom:70px;padding:40px 44px;border:1px solid rgba(107,179,244,.2);border-radius:22px;background:radial-gradient(ellipse at 85% 15%,rgba(41,145,255,.22),transparent 35%),linear-gradient(120deg,#0d2741,#0b3156)!important;box-shadow:0 20px 55px rgba(0,0,0,.17)}
.landing-page .landing-cta>div>span{font-size:11px;color:#72c6ff!important}
.landing-page .landing-cta h2{font-size:clamp(23px,2.5vw,31px);line-height:1.5;color:#f7fbff!important;margin:8px 0}
.landing-page .landing-cta p{color:#a4bdd5!important;font-size:12px;line-height:1.9}
.landing-page .landing-cta>a{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;padding:14px 19px;white-space:nowrap;font-size:12px;background:linear-gradient(120deg,#39a0ff,#176ce5)!important;color:#fff!important;box-shadow:0 9px 24px rgba(23,108,229,.22)}
.landing-page .landing-cta>a:hover{transform:translateY(-2px);box-shadow:0 13px 28px rgba(23,108,229,.3)}
.landing-page .landing-cta>a span{color:#fff!important}
.landing-page .landing-footer{padding:37px 0 48px;grid-template-columns:1.8fr 1fr 1.25fr;gap:42px;border-top:1px solid var(--lp-border);background:transparent!important}
.landing-page .landing-footer .landing-logo{color:#f0f6ff!important}
.landing-page .landing-footer .landing-logo small{color:#8fa9c3!important}
.landing-page .landing-footer p,.landing-page .landing-footer span,.landing-page .landing-footer a{color:#8fa7c1!important;font-size:11px;line-height:1.9}
.landing-page .landing-footer a:hover{color:#75c4ff!important}
.landing-page .landing-footer>div>b{color:#e3effc!important;font-size:12px;margin-bottom:12px}
@media(max-width:1050px){
 .landing-page .landing-hero-grid{gap:34px;padding-top:62px}
 .landing-page .landing-copy h1{font-size:clamp(38px,5vw,52px)}
 .landing-page .landing-locations-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .landing-page .landing-stats>div{padding:21px 16px}
}
@media(max-width:820px){
 .landing-page .landing-nav,.landing-page .landing-hero-grid,.landing-page .landing-section,.landing-page .landing-cta,.landing-page .landing-footer{width:calc(100% - 36px)}
 .landing-page .landing-nav-links{display:none}
 .landing-page .landing-hero{padding-bottom:78px}
 .landing-page .landing-hero-grid{grid-template-columns:1fr;gap:44px;padding-top:56px}
 .landing-page .landing-copy{text-align:center}
 .landing-page .landing-copy>p{margin-inline:auto}
 .landing-page .landing-hero-actions,.landing-page .landing-trust-row{justify-content:center}
 .landing-page .landing-trust-row{gap:22px}
 .landing-page .landing-dashboard-preview{width:min(100%,650px);margin:0 auto}
 .landing-page .preview-window{transform:none}
 .landing-page .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .landing-page .steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .landing-page .landing-stats{margin-top:-25px}
 .landing-page .landing-cta{padding:32px;gap:22px}
}
@media(max-width:560px){
 .landing-page .landing-nav,.landing-page .landing-hero-grid,.landing-page .landing-section,.landing-page .landing-cta,.landing-page .landing-footer{width:calc(100% - 28px)}
 .landing-page .landing-nav{height:61px;padding-bottom:10px}
 .landing-page .landing-logo-mark{width:38px;height:38px;border-radius:12px}
 .landing-page .landing-logo b{font-size:13px}
 .landing-page .landing-logo small{font-size:9px}
 .landing-page .landing-nav-cta{padding:10px 12px;font-size:10px;gap:7px}
 .landing-page .landing-hero{padding-top:12px;padding-bottom:55px}
 .landing-page .landing-hero-grid{padding-top:43px;gap:34px}
 .landing-page .landing-kicker{font-size:9px;padding:8px 10px}
 .landing-page .landing-copy h1{font-size:clamp(33px,9vw,43px);letter-spacing:-1.2px;line-height:1.4;margin:18px 0 14px}
 .landing-page .landing-copy>p{font-size:12px;line-height:2}
 .landing-page .landing-hero-actions{gap:9px}
 .landing-page .landing-main-cta,.landing-page .landing-secondary-cta{justify-content:center;padding:12px 13px;font-size:10px}
 .landing-page .landing-trust-row{gap:10px;margin-top:25px;padding-top:18px}
 .landing-page .landing-trust-row>div{flex:1}
 .landing-page .landing-trust-row b{font-size:9px}
 .landing-page .landing-trust-row span{font-size:8px}
 .landing-page .preview-window{padding:7px;border-radius:15px}
 .landing-page .preview-body{grid-template-columns:72px minmax(0,1fr);min-height:275px}
 .landing-page .preview-body aside{padding:10px 5px;gap:5px}
 .landing-page .preview-body aside span{font-size:7px;padding:8px 4px}
 .landing-page .preview-body aside b{font-size:17px}
 .landing-page .preview-main{padding:10px}
 .landing-page .preview-welcome h3{font-size:12px}
 .landing-page .preview-welcome em{font-size:6px;padding:6px}
 .landing-page .preview-stats{gap:4px;margin:10px 0}
 .landing-page .preview-stats>div{padding:6px 5px}
 .landing-page .preview-stats small,.landing-page .preview-stats span{font-size:6px}
 .landing-page .preview-stats b{font-size:10px}
 .landing-page .preview-server{gap:5px;padding:7px}
 .landing-page .preview-server b{font-size:7px}
 .landing-page .preview-server small{font-size:5px}
 .landing-page .preview-server-icon{width:20px;height:20px;flex:0 0 auto}
 .landing-page .preview-server i{font-size:6px;padding:3px 5px}
 .landing-page .preview-chart{height:55px;padding:8px;gap:4px}
 .landing-page .landing-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:-16px;border-radius:14px}
 .landing-page .landing-stats>div{padding:15px 12px;border-bottom:1px solid var(--lp-border)}
 .landing-page .landing-stats>div:nth-child(2n){border-left:0}
 .landing-page .landing-stats>div:nth-last-child(-n+2){border-bottom:0}
 .landing-page .landing-stats strong{font-size:11px}
 .landing-page .landing-stats span{font-size:9px}
 .landing-page .landing-section{padding:61px 0}
 .landing-page #features{padding-top:72px}
 .landing-page .section-intro{margin-bottom:25px}
 .landing-page .section-intro h2{font-size:25px;line-height:1.55}
 .landing-page .section-intro p{font-size:11px}
 .landing-page .feature-grid,.landing-page .steps-grid{grid-template-columns:1fr;gap:10px}
 .landing-page .feature-grid article{padding:20px}
 .landing-page .feature-icon{width:39px;height:39px;margin-bottom:13px}
 .landing-page .feature-grid h3{font-size:14px}
 .landing-page .feature-grid p{font-size:11px}
 .landing-page .landing-locations-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .landing-page .landing-location{padding:12px 10px;gap:8px;border-radius:12px}
 .landing-page .location-flag{width:34px;height:24px}
 .landing-page .landing-location b{font-size:10px}
 .landing-page .steps-grid>div{padding:19px}
 .landing-page .landing-cta{margin-bottom:42px;padding:25px 20px;flex-direction:column;align-items:stretch;border-radius:17px}
 .landing-page .landing-cta h2{font-size:23px}
 .landing-page .landing-cta>a{width:100%;font-size:11px}
 .landing-page .landing-footer{grid-template-columns:1fr 1fr;gap:25px;padding:30px 0 35px}
 .landing-page .landing-footer>div:first-child{grid-column:1/-1}
}
@media(prefers-reduced-motion:reduce){.landing-page *{scroll-behavior:auto!important;transition:none!important}}



/* CloudPrice landing page final layout corrections */
.landing-page {
  margin: 0 !important;
  padding: 0 !important;
  min-width: 320px;
  background: #090813 !important;
  color: #f3f6ff !important;
  overflow-x: hidden;
}
.landing-page > .navbar { display: none !important; }
.landing-page {
  display: block;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #090813;
}
.landing-page .landing-hero {
  width: 100%;
  min-height: 690px;
  padding: 22px 0 94px;
  margin: 0;
  border-radius: 0;
  background:
    radial-gradient(ellipse at 82% 28%, rgba(104, 55, 191, .27), transparent 42%),
    radial-gradient(ellipse at 12% 76%, rgba(23, 92, 185, .14), transparent 38%),
    linear-gradient(135deg, #0a0915 0%, #100d20 55%, #1c1030 100%);
}
.landing-page .landing-nav,
.landing-page .landing-hero-grid,
.landing-page .landing-section,
.landing-page .landing-cta,
.landing-page .landing-footer {
  width: min(1180px, calc(100% - 48px));
  margin-left: auto;
  margin-right: auto;
}
.landing-page .landing-nav {
  min-height: 70px;
  height: auto;
  padding: 12px 0 18px;
  border-bottom: 1px solid rgba(180, 173, 255, .13);
  background: transparent;
}
.landing-page .landing-hero-grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(35px, 5vw, 75px);
  padding-top: 76px;
}
.landing-page .landing-copy { max-width: 590px; }
.landing-page .landing-copy h1 {
  max-width: 620px;
  font-size: clamp(38px, 4.2vw, 60px);
  line-height: 1.48;
  letter-spacing: -1.1px;
}
.landing-page .landing-copy > p {
  max-width: 570px;
  font-size: 15px;
  line-height: 2.2;
}
.landing-page .landing-dashboard-preview { width: 100%; max-width: 570px; }
.landing-page .preview-window { width: 100%; }
.landing-page .landing-stats {
  position: relative;
  z-index: 2;
  margin-top: -40px;
  padding: 0;
  border: 1px solid rgba(129, 151, 199, .25);
  border-radius: 20px;
  background: rgba(16, 28, 49, .96);
  box-shadow: 0 20px 55px rgba(0,0,0,.18);
  overflow: hidden;
}
.landing-page .landing-stats > div { padding: 26px 22px; }
.landing-page .landing-section { padding-top: 92px; padding-bottom: 28px; }
.landing-page .section-intro { max-width: 760px; margin: 0 0 36px auto; }
.landing-page .section-intro h2 { font-size: clamp(27px, 3vw, 39px); line-height: 1.6; }
.landing-page .section-intro p { font-size: 14px; line-height: 2; }
.landing-page .feature-grid { gap: 18px; }
.landing-page .feature-grid article {
  min-height: 205px;
  padding: 28px;
  border-radius: 18px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.landing-page .feature-grid p { font-size: 13px; line-height: 2.1; }
.landing-page .landing-locations-grid { gap: 16px; }
.landing-page .landing-location { min-height: 130px; border-radius: 16px; }
.landing-page .steps-grid { gap: 16px; }
.landing-page .steps-grid > div { min-height: 190px; padding: 26px; border-radius: 17px; }
.landing-page .landing-cta {
  margin-top: 90px;
  margin-bottom: 76px;
  padding: clamp(28px, 4vw, 52px);
  border-radius: 24px;
}
.landing-page .landing-footer {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr;
  gap: 42px;
  padding: 45px 0 55px;
  border-top: 1px solid rgba(174, 185, 221, .2);
  align-items: start;
}
.landing-page .landing-footer > div { min-width: 0; }
.landing-page .landing-footer p,
.landing-page .landing-footer span,
.landing-page .landing-footer a { font-size: 12px; line-height: 2.1; }
@media (max-width: 820px) {
  .landing-page .landing-hero { min-height: 0; padding-bottom: 78px; }
  .landing-page .landing-hero-grid { grid-template-columns: 1fr; padding-top: 54px; }
  .landing-page .landing-copy { max-width: none; }
  .landing-page .landing-dashboard-preview { max-width: 620px; }
  .landing-page .landing-section { padding-top: 68px; }
  .landing-page .landing-footer { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
  .landing-page .landing-nav,
  .landing-page .landing-hero-grid,
  .landing-page .landing-section,
  .landing-page .landing-cta,
  .landing-page .landing-footer { width: calc(100% - 30px); }
  .landing-page .landing-nav { padding-top: 8px; }
  .landing-page .landing-hero-grid { padding-top: 38px; }
  .landing-page .landing-copy h1 { font-size: clamp(32px, 9vw, 43px); }
  .landing-page .landing-copy > p { font-size: 12px; }
  .landing-page .landing-stats { margin-top: -25px; }
  .landing-page .landing-stats > div { padding: 17px 12px; }
  .landing-page .feature-grid article { min-height: 0; padding: 21px; }
  .landing-page .steps-grid > div { min-height: 0; padding: 20px; }
  .landing-page .landing-cta { margin-top: 50px; margin-bottom: 40px; }
  .landing-page .landing-footer { gap: 22px; padding-bottom: 35px; }
}

/* Landing header and hero alignment fix */
.landing-page .landing-nav {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  min-height: 76px !important;
  padding: 10px 0 14px !important;
  box-sizing: border-box;
}
.landing-page .landing-logo {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex: 0 0 auto !important;
  white-space: nowrap;
}
.landing-page .landing-nav-links {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 1 1 auto !important;
  gap: clamp(14px, 2vw, 28px) !important;
  white-space: nowrap;
}
.landing-page .landing-nav-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  flex: 0 0 auto !important;
  white-space: nowrap;
}
.landing-page .landing-nav-cta { min-height: 46px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; }
.landing-page .landing-login { padding: 10px 4px; }
.landing-page .landing-hero-grid { padding-top: 62px !important; }
.landing-page .landing-copy { min-width: 0; }
.landing-page .landing-copy h1 {
  max-width: 100% !important;
  font-size: clamp(36px, 3.7vw, 54px) !important;
  line-height: 1.45 !important;
  letter-spacing: -.7px !important;
  overflow-wrap: normal;
  word-break: normal;
  text-wrap: balance;
}
.landing-page .landing-copy > p { max-width: 100% !important; }
@media (max-width: 900px) {
  .landing-page .landing-nav { gap: 16px !important; }
  .landing-page .landing-nav-links { gap: 13px !important; font-size: 11px !important; }
  .landing-page .landing-logo b { font-size: 14px; }
  .landing-page .landing-nav-cta { padding: 10px 12px !important; }
}
@media (max-width: 700px) {
  .landing-page .landing-nav { flex-wrap: wrap !important; row-gap: 12px !important; }
  .landing-page .landing-logo { order: 1; }
  .landing-page .landing-nav-actions { order: 2; margin-inline-start: auto; }
  .landing-page .landing-nav-links { order: 3; flex-basis: 100%; justify-content: space-between !important; gap: 8px !important; overflow-x: auto; }
  .landing-page .landing-hero-grid { padding-top: 40px !important; }
  .landing-page .landing-copy h1 { font-size: clamp(32px, 8vw, 43px) !important; line-height: 1.5 !important; }
}

/* CloudPrice VPS — unified landing-page visual system */
.landing-page{background:#080d19!important;color:#eef4ff!important;font-family:inherit}
.landing-page{background:linear-gradient(180deg,#0b1729 0%,#0a1221 34%,#080d19 100%)!important;color:#eef4ff}
.landing-page .landing-hero{min-height:0!important;padding:18px 0 82px!important;background:radial-gradient(ellipse at 78% 30%,rgba(37,99,235,.22),transparent 42%),radial-gradient(ellipse at 20% 70%,rgba(124,58,237,.15),transparent 38%),#0b1424!important}
.landing-page .landing-nav{width:min(1180px,calc(100% - 48px))!important;min-height:72px!important;padding:10px 20px!important;border:1px solid rgba(148,163,184,.14)!important;border-radius:0 0 16px 16px!important;background:rgba(5,10,22,.76)!important;backdrop-filter:blur(14px)}
.landing-page .landing-logo-mark{box-shadow:0 8px 22px rgba(37,99,235,.22)}
.landing-page .landing-nav-links a,.landing-page .landing-login{color:#cbd5e1!important;transition:color .2s ease}
.landing-page .landing-nav-links a:hover,.landing-page .landing-login:hover{color:#fff!important}
.landing-page .landing-nav-cta,.landing-page .landing-main-cta{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border:1px solid rgba(147,197,253,.25)!important;box-shadow:0 10px 26px rgba(37,99,235,.2)!important;border-radius:12px!important}
.landing-page .landing-hero-grid{width:min(1180px,calc(100% - 48px))!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:clamp(28px,4vw,58px)!important;padding-top:68px!important;align-items:center!important}
.landing-page .landing-copy{max-width:620px!important}
.landing-page .landing-copy h1{font-size:clamp(34px,3.4vw,52px)!important;line-height:1.42!important;letter-spacing:-.5px!important;max-width:100%!important;text-wrap:pretty!important}
.landing-page .landing-copy h1 span{white-space:normal!important}
.landing-page .landing-copy>p{color:#aebdd2!important;font-size:14px!important;line-height:2.15!important}
.landing-page .landing-kicker{background:rgba(30,64,105,.35)!important;border-color:rgba(96,165,250,.22)!important;color:#bfdbfe!important}
.landing-page .landing-dashboard-preview{max-width:550px!important;justify-self:start!important}
.landing-page .landing-stats{width:min(1180px,calc(100% - 48px))!important;margin-top:-32px!important;background:#111e31!important;border-color:rgba(100,149,210,.2)!important;border-radius:18px!important}
.landing-page .landing-stats>div{padding:23px 18px!important}
.landing-page .landing-section{padding-top:76px!important;padding-bottom:18px!important}
.landing-page .section-intro{margin-bottom:30px!important}
.landing-page .section-intro h2{font-size:clamp(25px,2.6vw,34px)!important;line-height:1.55!important;color:#f1f5ff!important}
.landing-page .section-intro p{color:#9aabc2!important}
.landing-page .feature-grid article,.landing-page .landing-location,.landing-page .steps-grid>div{background:linear-gradient(145deg,rgba(19,37,59,.96),rgba(13,26,44,.96))!important;border:1px solid rgba(100,149,210,.19)!important;box-shadow:0 12px 30px rgba(0,0,0,.12)!important;border-radius:16px!important;transition:transform .2s ease,border-color .2s ease}
.landing-page .feature-grid article:hover,.landing-page .landing-location:hover,.landing-page .steps-grid>div:hover{transform:translateY(-3px);border-color:rgba(96,165,250,.42)!important}
.landing-page .feature-grid h3,.landing-page .steps-grid h3,.landing-page .landing-location b{color:#edf4ff!important}
.landing-page .feature-grid p,.landing-page .steps-grid p{color:#9aabc2!important;line-height:2!important}
.landing-page .landing-cta{background:linear-gradient(120deg,#152b49,#21153d)!important;border:1px solid rgba(129,140,248,.2)!important;box-shadow:0 20px 55px rgba(0,0,0,.16)!important}
.landing-page .landing-cta h2{color:#f5f7ff!important;line-height:1.5!important}
.landing-page .landing-cta p{color:#aebdd2!important;line-height:2!important}
.landing-page .landing-cta>a{background:#2563eb!important;border-radius:12px!important}
.landing-page .landing-footer{border-top:1px solid rgba(148,163,184,.16)!important;color:#aebdd2!important}
.landing-page .landing-footer>div>b{color:#eef4ff!important}
.landing-page .landing-footer a{color:#aebdd2!important}
@media(max-width:900px){.landing-page .landing-nav{width:calc(100% - 32px)!important}.landing-page .landing-hero-grid{width:calc(100% - 32px)!important;grid-template-columns:1fr!important;padding-top:48px!important}.landing-page .landing-copy{max-width:720px!important}.landing-page .landing-dashboard-preview{justify-self:center!important;max-width:650px!important}.landing-page .landing-copy h1{font-size:clamp(34px,6vw,48px)!important}.landing-page .landing-stats,.landing-page .landing-section,.landing-page .landing-cta,.landing-page .landing-footer{width:calc(100% - 32px)!important}}
@media(max-width:700px){.landing-page .landing-nav{border-radius:0 0 14px 14px!important;padding:10px 12px!important}.landing-page .landing-copy h1{font-size:clamp(31px,8vw,42px)!important;line-height:1.5!important}.landing-page .landing-hero{padding-bottom:64px!important}.landing-page .landing-section{padding-top:56px!important}.landing-page .landing-stats{margin-top:-22px!important}.landing-page .landing-cta{margin-top:55px!important;margin-bottom:44px!important}}

/* CloudPrice — premium violet landing refresh (scoped to public homepage only) */
.landing-page{background:#090611!important;color:#f7f2ff!important}
.landing-page{background:linear-gradient(180deg,#10091d 0%,#0c0815 48%,#090611 100%)!important;color:#f7f2ff!important;overflow:hidden}
.landing-page .landing-hero{position:relative!important;background:radial-gradient(ellipse at 78% 24%,rgba(139,92,246,.24),transparent 38%),radial-gradient(ellipse at 16% 56%,rgba(192,132,252,.13),transparent 34%),linear-gradient(135deg,#120a20 0%,#0d0918 64%,#10091d 100%)!important;padding-bottom:94px!important}
.landing-page .landing-orb{filter:blur(2px);opacity:.55}
.landing-page .landing-nav{border:1px solid rgba(196,164,255,.17)!important;background:rgba(15,9,27,.78)!important;box-shadow:0 16px 50px rgba(0,0,0,.18)!important;border-radius:0 0 20px 20px!important}
.landing-page .landing-logo-mark{background:linear-gradient(145deg,#c084fc,#7c3aed)!important;box-shadow:0 8px 28px rgba(139,92,246,.32)!important;color:#fff!important}
.landing-page .landing-nav-links a,.landing-page .landing-login{color:#d5c9e8!important}
.landing-page .landing-nav-links a:hover,.landing-page .landing-login:hover{color:#fff!important}
.landing-page .landing-nav-cta,.landing-page .landing-main-cta{background:linear-gradient(120deg,#c084fc 0%,#8b5cf6 48%,#6d28d9 100%)!important;color:#fff!important;border:1px solid rgba(233,213,255,.26)!important;box-shadow:0 10px 32px rgba(139,92,246,.27)!important;border-radius:13px!important}
.landing-page .landing-secondary-cta{color:#e9d5ff!important;border-color:rgba(196,164,255,.28)!important;background:rgba(139,92,246,.07)!important;border-radius:13px!important}
.landing-page .landing-hero-grid{padding-top:76px!important}
.landing-page .landing-kicker{color:#e9d5ff!important;background:rgba(139,92,246,.12)!important;border:1px solid rgba(192,132,252,.27)!important;border-radius:999px!important}
.landing-page .landing-kicker>span{background:#c084fc!important;box-shadow:0 0 16px rgba(192,132,252,.85)!important}
.landing-page .landing-copy h1{color:#fff!important;letter-spacing:-.7px!important;text-shadow:0 8px 38px rgba(139,92,246,.13)!important}
.landing-page .landing-copy h1 strong{background:linear-gradient(100deg,#f5d0fe 0%,#c4b5fd 42%,#a78bfa 75%,#e9d5ff 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.landing-page .landing-copy>p{color:#c0b3d2!important}
.landing-page .landing-trust-row{border-top-color:rgba(196,164,255,.15)!important}
.landing-page .landing-trust-row b{color:#f4eaff!important}
.landing-page .landing-trust-row span{color:#a99abf!important}
.landing-page .landing-dashboard-preview .preview-glow{background:radial-gradient(ellipse,rgba(139,92,246,.34),transparent 68%)!important;filter:blur(22px)!important}
.landing-page .preview-window{border:1px solid rgba(196,164,255,.25)!important;background:linear-gradient(145deg,rgba(28,17,43,.98),rgba(15,10,25,.98))!important;box-shadow:0 32px 100px rgba(0,0,0,.42),0 0 60px rgba(139,92,246,.09)!important;border-radius:22px!important;overflow:hidden}
.landing-page .preview-top{background:rgba(8,5,15,.65)!important;border-bottom:1px solid rgba(196,164,255,.12)!important;color:#cdbde0!important}
.landing-page .preview-body{background:transparent!important}
.landing-page .preview-body aside{background:rgba(10,6,18,.5)!important;border-left:1px solid rgba(196,164,255,.1)!important;color:#aa9bbd!important}
.landing-page .preview-body aside b{color:#c084fc!important}
.landing-page .preview-body aside .active{background:rgba(139,92,246,.19)!important;color:#f3e8ff!important;border:1px solid rgba(192,132,252,.16)!important}
.landing-page .preview-main{background:transparent!important}
.landing-page .preview-welcome h3{color:#fff!important}
.landing-page .preview-welcome em{background:linear-gradient(120deg,#a78bfa,#7c3aed)!important;color:#fff!important}
.landing-page .preview-stats>div,.landing-page .preview-server{background:rgba(139,92,246,.075)!important;border:1px solid rgba(196,164,255,.13)!important;border-radius:12px!important}
.landing-page .preview-stats small,.landing-page .preview-server small{color:#a99abf!important}
.landing-page .preview-stats b,.landing-page .preview-server b{color:#f6edff!important}
.landing-page .preview-server-icon{color:#c084fc!important}
.landing-page .preview-server i{color:#d8b4fe!important;background:rgba(139,92,246,.16)!important}
.landing-page .preview-chart span{background:linear-gradient(180deg,#c084fc,#6d28d9)!important;box-shadow:0 0 12px rgba(167,139,250,.13)!important}
.landing-page .landing-stats{background:linear-gradient(110deg,rgba(31,18,47,.98),rgba(20,13,32,.98))!important;border:1px solid rgba(196,164,255,.17)!important;box-shadow:0 24px 70px rgba(0,0,0,.2)!important;border-radius:20px!important}
.landing-page .landing-stats>div+div{border-right-color:rgba(196,164,255,.12)!important}
.landing-page .landing-stats strong{color:#f6edff!important}
.landing-page .landing-stats span{color:#a99abf!important}
.landing-page .landing-section{position:relative!important}
.landing-page .section-intro>span{color:#c4b5fd!important;background:rgba(139,92,246,.11)!important;border:1px solid rgba(192,132,252,.18)!important;border-radius:999px!important;padding:7px 13px!important;display:inline-flex!important}
.landing-page .section-intro h2{color:#fff!important;letter-spacing:-.35px!important}
.landing-page .section-intro p{color:#b2a3c6!important}
.landing-page .feature-grid article,.landing-page .landing-location,.landing-page .steps-grid>div{background:linear-gradient(145deg,rgba(30,19,46,.92),rgba(17,11,28,.98))!important;border:1px solid rgba(196,164,255,.15)!important;box-shadow:0 16px 45px rgba(0,0,0,.16)!important;border-radius:18px!important}
.landing-page .feature-grid article:hover,.landing-page .landing-location:hover,.landing-page .steps-grid>div:hover{border-color:rgba(192,132,252,.48)!important;box-shadow:0 20px 50px rgba(91,33,182,.13)!important}
.landing-page .feature-icon{border-radius:12px!important;background:rgba(139,92,246,.15)!important;color:#d8b4fe!important}
.landing-page .feature-grid h3,.landing-page .steps-grid h3,.landing-page .landing-location b{color:#f7f0ff!important}
.landing-page .feature-grid p,.landing-page .steps-grid p{color:#b1a2c4!important}
.landing-page .location-flag{border:0!important;box-shadow:none!important;background:transparent!important;object-fit:cover!important;border-radius:5px!important}
.landing-page .landing-cta{background:radial-gradient(ellipse at 85% 0%,rgba(192,132,252,.18),transparent 50%),linear-gradient(120deg,#211331,#160e24 72%,#1d1030)!important;border:1px solid rgba(196,164,255,.22)!important;border-radius:24px!important;box-shadow:0 26px 80px rgba(0,0,0,.24)!important}
.landing-page .landing-cta>div>span{color:#d8b4fe!important}
.landing-page .landing-cta h2{color:#fff!important}
.landing-page .landing-cta p{color:#c0b2d1!important}
.landing-page .landing-cta>a{background:linear-gradient(120deg,#c084fc,#7c3aed)!important;color:#fff!important;border-radius:13px!important;box-shadow:0 10px 30px rgba(139,92,246,.23)!important}
.landing-page .landing-footer{border-top:1px solid rgba(196,164,255,.14)!important;color:#ad9dc1!important}
.landing-page .landing-footer>div>b{color:#f5eaff!important}
.landing-page .landing-footer a{color:#c0b2d1!important}
.landing-page .landing-footer a:hover{color:#e9d5ff!important}
@media(max-width:700px){.landing-page .landing-hero{padding-bottom:66px!important}.landing-page .landing-hero-grid{padding-top:42px!important}.landing-page .landing-stats{border-radius:16px!important}.landing-page .landing-cta{border-radius:18px!important}}

/* ==========================================================
   Cloud Price — unified purple landing page refresh
   Scoped to the public homepage; app/admin screens untouched.
   ========================================================== */
.landing-page{margin:0;background:#090714;color:#f7f4ff;font-family:Vazir,Tahoma,Arial,sans-serif} .landing-page{background:#0b0818;color:#f5f0ff;font-family:Vazir,Tahoma,Arial,sans-serif;direction:rtl}
.landing-page{background:#0b0818;color:#f5f0ff;font-family:Vazir,Tahoma,Arial,sans-serif;direction:rtl}
.landing-page .landing-hero{min-height:0;padding:26px 0 88px;background:
 radial-gradient(ellipse at 78% 15%,rgba(139,92,246,.26),transparent 35%),
 radial-gradient(ellipse at 10% 75%,rgba(91,33,182,.20),transparent 38%),
 linear-gradient(135deg,#0b0818 0%,#151027 55%,#0c0919 100%);isolation:isolate}
.landing-page .landing-hero:after{background-image:linear-gradient(rgba(196,181,253,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(196,181,253,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 90%)}
.landing-page .landing-nav{height:76px;padding:0 22px;width:min(1240px,calc(100% - 36px));box-sizing:border-box;border:1px solid rgba(196,181,253,.14);border-radius:22px;background:rgba(20,15,37,.72);backdrop-filter:blur(18px);box-shadow:0 12px 45px rgba(0,0,0,.18)}
.landing-page .landing-logo{gap:12px;text-decoration:none}
.landing-page .landing-logo-mark{background:linear-gradient(145deg,#c4b5fd,#7c3aed);color:#fff;box-shadow:0 8px 26px rgba(124,58,237,.35);border:1px solid rgba(255,255,255,.16)}
.landing-page .landing-logo b{font-size:15px;letter-spacing:-.3px}
.landing-page .landing-logo small{color:#b8accf}
.landing-page .landing-nav-links{display:flex;align-items:center;gap:28px}
.landing-page .landing-nav-links a{color:#d0c6e5;text-decoration:none;font-size:13px;transition:color .2s}
.landing-page .landing-nav-links a:hover{color:#c4b5fd}
.landing-page .landing-login{color:#e9ddff;text-decoration:none;padding:11px 17px;border-radius:12px}
.landing-page .landing-nav-cta,.landing-page .landing-main-cta{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff!important;border:1px solid rgba(221,214,254,.22);box-shadow:0 9px 28px rgba(109,40,217,.28);border-radius:13px;text-decoration:none}
.landing-page .landing-nav-cta{padding:12px 18px}
.landing-page .landing-hero-grid{width:min(1180px,calc(100% - 48px));padding-top:86px;align-items:center;gap:56px}
.landing-page .landing-kicker{display:inline-flex;align-items:center;gap:10px;padding:9px 14px;border:1px solid rgba(196,181,253,.22);border-radius:999px;background:rgba(139,92,246,.09);color:#d8c9ff;font-size:12px}
.landing-page .landing-kicker span{background:#a78bfa;box-shadow:0 0 12px #8b5cf6}
.landing-page .landing-copy h1{color:#fff;font-size:clamp(36px,4.2vw,57px);line-height:1.55;letter-spacing:-1.8px;margin:24px 0 16px}
.landing-page .landing-copy h1 strong{background:linear-gradient(90deg,#ddd6fe,#a78bfa 55%,#c4b5fd);-webkit-background-clip:text;background-clip:text;color:transparent}
.landing-page .landing-copy>p{color:#bdb3d1;font-size:15px;line-height:2.2;max-width:570px}
.landing-page .landing-hero-actions{gap:13px;margin-top:28px}
.landing-page .landing-main-cta,.landing-page .landing-secondary-cta{padding:14px 20px;border-radius:14px;font-weight:700}
.landing-page .landing-secondary-cta{color:#e4dcf5;border:1px solid rgba(196,181,253,.24);background:rgba(255,255,255,.035);text-decoration:none}
.landing-page .landing-trust-row{border-top:1px solid rgba(196,181,253,.15);margin-top:35px;padding-top:22px;gap:24px}
.landing-page .landing-trust-row b{color:#f4efff;font-size:13px}
.landing-page .landing-trust-row span{color:#9f93b8;font-size:11px}
.landing-page .landing-dashboard-preview{filter:drop-shadow(0 28px 55px rgba(0,0,0,.3))}
.landing-page .preview-window{border:1px solid rgba(196,181,253,.25);border-radius:22px;background:#120e21;overflow:hidden;box-shadow:0 0 0 7px rgba(139,92,246,.035)}
.landing-page .preview-top{background:#1b1430;color:#c9bddf;border-bottom:1px solid rgba(196,181,253,.13)}
.landing-page .preview-body{background:#100c1e}
.landing-page .preview-body aside{background:#171128;border-left:1px solid rgba(196,181,253,.12);color:#9f93b8}
.landing-page .preview-body aside b{color:#c4b5fd}
.landing-page .preview-body aside .active{background:rgba(139,92,246,.18);color:#e9ddff}
.landing-page .preview-main{color:#f3edff}
.landing-page .preview-stats>div,.landing-page .preview-server{background:#1a1430;border:1px solid rgba(196,181,253,.12);border-radius:13px}
.landing-page .preview-stats small,.landing-page .preview-server small{color:#a99bbf}
.landing-page .preview-stats b{color:#fff}
.landing-page .preview-welcome em{background:#7c3aed;color:#fff;border-radius:9px}
.landing-page .preview-server i{color:#c4b5fd;background:rgba(139,92,246,.14)}
.landing-page .preview-chart span{background:linear-gradient(180deg,#a78bfa,#6d28d9)}
.landing-page .landing-section{width:min(1180px,calc(100% - 48px));padding-top:76px;padding-bottom:12px}
.landing-page .landing-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:-32px;z-index:3}
.landing-page .landing-stats>div{padding:22px 20px;border:1px solid rgba(196,181,253,.14);border-radius:17px;background:linear-gradient(145deg,#19132b,#120e20);box-shadow:0 16px 35px rgba(0,0,0,.15)}
.landing-page .landing-stats strong{color:#e9ddff;font-size:16px}
.landing-page .landing-stats span{color:#a99bbf;font-size:12px}
.landing-page .section-intro>span{color:#c4b5fd;background:rgba(139,92,246,.11);border:1px solid rgba(196,181,253,.16);padding:7px 13px;border-radius:999px;font-size:12px}
.landing-page .section-intro h2{color:#fbf9ff;font-size:clamp(25px,3vw,36px);letter-spacing:-.8px;margin:18px 0 12px}
.landing-page .section-intro p{color:#a99fbc;line-height:2}
.landing-page .feature-grid{gap:17px}
.landing-page .feature-grid article{background:linear-gradient(145deg,#19132b,#120e20);border:1px solid rgba(196,181,253,.13);border-radius:20px;padding:25px;box-shadow:0 12px 30px rgba(0,0,0,.10);transition:transform .2s,border-color .2s}
.landing-page .feature-grid article:hover{transform:translateY(-4px);border-color:rgba(167,139,250,.4)}
.landing-page .feature-grid h3,.landing-page .steps-grid h3{color:#f3edff}
.landing-page .feature-grid p,.landing-page .steps-grid p{color:#a99fbc;line-height:2}
.landing-page .feature-icon{border-radius:13px;background:rgba(139,92,246,.13);color:#c4b5fd}
.landing-page .locations-section{margin-top:18px;padding:38px 32px 34px;border:1px solid rgba(196,181,253,.14);border-radius:26px;background:radial-gradient(ellipse at 50% 0,rgba(124,58,237,.12),transparent 65%),#100c1e}
.landing-page .landing-locations-grid{gap:16px}
.landing-page .landing-location{background:#19132b;border:1px solid rgba(196,181,253,.14);border-radius:18px;padding:24px 12px;color:#eee7ff;transition:transform .2s,border-color .2s}
.landing-page .landing-location:hover{transform:translateY(-4px);border-color:rgba(167,139,250,.55)}
.landing-page .landing-location .location-flag{object-fit:cover;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;border-radius:7px}
.landing-page .how-section{padding-bottom:50px}
.landing-page .steps-grid{gap:15px}
.landing-page .steps-grid>div{background:#151027;border:1px solid rgba(196,181,253,.12);border-radius:18px;padding:23px}
.landing-page .steps-grid>div>b{color:#c4b5fd;background:rgba(139,92,246,.13);border-radius:10px;padding:8px 11px}
.landing-page .landing-cta{width:min(1180px,calc(100% - 48px));box-sizing:border-box;margin:68px auto 30px;padding:36px 40px;border:1px solid rgba(196,181,253,.22);border-radius:24px;background:radial-gradient(ellipse at 10% 50%,rgba(167,139,250,.2),transparent 50%),linear-gradient(115deg,#1d1435,#120d22);display:flex;align-items:center;justify-content:space-between;gap:28px}
.landing-page .landing-cta>div>span{color:#c4b5fd}
.landing-page .landing-cta h2{color:#fff;font-size:27px}
.landing-page .landing-cta p{color:#b3a8c8;line-height:2}
.landing-page .landing-cta>a{flex-shrink:0;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-radius:13px;padding:15px 20px;color:#fff;text-decoration:none;font-weight:700;box-shadow:0 10px 25px rgba(109,40,217,.25)}
.landing-page .landing-footer{width:min(1180px,calc(100% - 48px));box-sizing:border-box;margin:0 auto;padding:36px 0 44px;border-top:1px solid rgba(196,181,253,.15);display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:42px;color:#a99fbc}
.landing-page .landing-footer>div{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.landing-page .landing-footer>div:first-child p{max-width:340px;line-height:2;color:#9f93b8}
.landing-page .landing-footer>div>b{color:#f1eaff;margin-bottom:5px}
.landing-page .landing-footer a:not(.landing-logo){color:#a99fbc;text-decoration:none;transition:color .2s}
.landing-page .landing-footer a:hover{color:#c4b5fd}
.landing-page .landing-footer .landing-logo{margin-bottom:2px}
.landing-page a:focus-visible{outline:2px solid #c4b5fd;outline-offset:4px}
@media(max-width:900px){
 .landing-page .landing-nav{height:auto;min-height:70px;padding:14px 16px;flex-wrap:wrap}
 .landing-page .landing-nav-links{order:3;width:100%;justify-content:center;gap:18px;padding-top:8px}
 .landing-page .landing-hero-grid{padding-top:55px;grid-template-columns:1fr;gap:38px}
 .landing-page .landing-copy{text-align:center}
 .landing-page .landing-copy>p{margin-left:auto;margin-right:auto}
 .landing-page .landing-hero-actions,.landing-page .landing-trust-row{justify-content:center}
 .landing-page .landing-dashboard-preview{max-width:650px;width:100%;margin:auto}
 .landing-page .landing-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .landing-page .landing-cta{padding:28px;flex-direction:column;text-align:center}
}
@media(max-width:560px){
 .landing-page .landing-nav{width:calc(100% - 24px);border-radius:17px;gap:10px}
 .landing-page .landing-logo b{font-size:13px}
 .landing-page .landing-logo small{font-size:10px}
 .landing-page .landing-nav-actions{display:flex;align-items:center;gap:4px}
 .landing-page .landing-login{padding:9px 10px;font-size:12px}
 .landing-page .landing-nav-cta{padding:10px 11px;font-size:12px}
 .landing-page .landing-nav-links{gap:15px;flex-wrap:wrap}
 .landing-page .landing-nav-links a{font-size:11px}
 .landing-page .landing-hero-grid,.landing-page .landing-section,.landing-page .landing-cta,.landing-page .landing-footer{width:calc(100% - 28px)}
 .landing-page .landing-hero-grid{padding-top:43px}
 .landing-page .landing-copy h1{font-size:32px;letter-spacing:-.8px}
 .landing-page .landing-copy>p{font-size:13px}
 .landing-page .landing-trust-row{gap:14px;flex-wrap:wrap}
 .landing-page .landing-trust-row>div{min-width:95px}
 .landing-page .preview-body aside{display:none}
 .landing-page .preview-stats{grid-template-columns:1fr 1fr}
 .landing-page .preview-stats>div:last-child{display:none}
 .landing-page .landing-stats{width:calc(100% - 28px);gap:9px;margin-top:-24px}
 .landing-page .landing-stats>div{padding:15px 12px}
 .landing-page .landing-stats strong{font-size:13px}
 .landing-page .landing-stats span{font-size:10px}
 .landing-page .section-intro h2{font-size:25px}
 .landing-page .feature-grid{grid-template-columns:1fr}
 .landing-page .locations-section{padding:28px 15px}
 .landing-page .landing-locations-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .landing-page .landing-location{padding:20px 10px}
 .landing-page .steps-grid{grid-template-columns:1fr}
 .landing-page .landing-cta{margin-top:45px;padding:25px 18px}
 .landing-page .landing-cta h2{font-size:23px}
 .landing-page .landing-footer{grid-template-columns:1fr;gap:28px;padding:30px 0}
}
/* v5: strong purple brand palette and a deliberately redesigned landing header */
.landing-page{background:#10051f!important;color:#fbf7ff!important}
.landing-page .landing-hero{background:radial-gradient(ellipse at 78% 25%,rgba(168,85,247,.34),transparent 36%),radial-gradient(ellipse at 14% 75%,rgba(126,34,206,.28),transparent 40%),linear-gradient(135deg,#10051f 0%,#1c0835 48%,#120522 100%)!important;padding-top:22px!important}
.landing-page .landing-nav{width:min(1180px,calc(100% - 40px))!important;height:78px!important;padding:0 22px!important;margin:0 auto!important;border:1px solid rgba(216,180,254,.23)!important;border-radius:20px!important;background:linear-gradient(110deg,rgba(37,13,62,.94),rgba(25,8,44,.92))!important;box-shadow:0 14px 45px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.04)!important;backdrop-filter:blur(18px)!important}
.landing-page .landing-logo-mark{background:linear-gradient(145deg,#e9d5ff,#a855f7)!important;color:#2e0753!important;box-shadow:0 8px 25px rgba(168,85,247,.38)!important;border:1px solid rgba(255,255,255,.25)!important}
.landing-page .landing-logo small{color:#c4a7e8!important}
.landing-page .landing-nav-links a{color:#e2d2f4!important}
.landing-page .landing-nav-links a:hover{color:#e9d5ff!important}
.landing-page .landing-login{color:#f3e8ff!important}
.landing-page .landing-nav-cta,.landing-page .landing-main-cta,.landing-page .landing-cta>a{background:linear-gradient(135deg,#c026d3,#9333ea 52%,#7e22ce)!important;color:#fff!important;border:1px solid rgba(233,213,255,.26)!important;box-shadow:0 10px 30px rgba(147,51,234,.34)!important}
.landing-page .landing-copy h1 strong{background:linear-gradient(90deg,#f5d0fe,#d8b4fe 50%,#c084fc)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.landing-page .landing-kicker{background:rgba(147,51,234,.16)!important;border-color:rgba(216,180,254,.3)!important;color:#f3e8ff!important}
.landing-page .landing-kicker span{background:#d946ef!important;box-shadow:0 0 14px #c026d3!important}
.landing-page .landing-stats>div,.landing-page .feature-grid article,.landing-page .landing-location,.landing-page .steps-grid>div{background:linear-gradient(145deg,#241038,#190a2a)!important;border-color:rgba(216,180,254,.18)!important}
.landing-page .locations-section{background:radial-gradient(ellipse at 50% 0,rgba(168,85,247,.18),transparent 65%),#160824!important;border-color:rgba(216,180,254,.2)!important}
.landing-page .section-intro>span,.landing-page .steps-grid>div>b,.landing-page .feature-icon{background:rgba(168,85,247,.17)!important;color:#e9d5ff!important;border-color:rgba(216,180,254,.2)!important}
.landing-page .landing-cta{background:radial-gradient(ellipse at 10% 50%,rgba(192,38,211,.2),transparent 50%),linear-gradient(115deg,#2a1041,#170824)!important;border-color:rgba(216,180,254,.23)!important}
.landing-page .landing-footer{border-color:rgba(216,180,254,.18)!important}
@media(max-width:900px){.landing-page .landing-nav{width:calc(100% - 28px)!important}}

/* Cloud Price VPS — homepage-only visual consistency pass (v7)
   Scoped to .landing-page so authenticated dashboard and application pages are untouched. */
.landing-page {
  --cp-home-bg: #10091d;
  --cp-home-surface: #19102a;
  --cp-home-surface-raised: #211437;
  --cp-home-border: rgba(196, 181, 253, .16);
  --cp-home-purple: #8b5cf6;
  --cp-home-purple-bright: #a78bfa;
  --cp-home-text: #f7f3ff;
  --cp-home-muted: #b7a9cf;
  background: var(--cp-home-bg) !important;
  color: var(--cp-home-text) !important;
  isolation: isolate;
}
.landing-page .landing-hero {
  min-height: 0;
  padding: 22px 0 86px !important;
  background:
    radial-gradient(ellipse at 78% 28%, rgba(139,92,246,.25), transparent 36%),
    radial-gradient(ellipse at 12% 76%, rgba(109,40,217,.18), transparent 38%),
    linear-gradient(135deg, #10091d 0%, #1b1030 52%, #10091d 100%) !important;
}
.landing-page .landing-hero:after {
  background-image: linear-gradient(rgba(221,214,254,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(221,214,254,.025) 1px, transparent 1px);
  background-size: 48px 48px;
  opacity: .65;
}
.landing-page .landing-orb-one,
.landing-page .landing-orb-two { background: #8b5cf6 !important; opacity: .13 !important; }
.landing-page .landing-nav {
  height: 76px !important;
  padding: 0 22px !important;
  border: 1px solid rgba(196,181,253,.2) !important;
  border-radius: 18px !important;
  background: rgba(25,16,42,.82) !important;
  box-shadow: 0 16px 44px rgba(0,0,0,.2), inset 0 1px rgba(255,255,255,.035) !important;
  backdrop-filter: blur(18px);
}
.landing-page .landing-logo { color: #fff !important; text-decoration: none; }
.landing-page .landing-logo-mark {
  background: linear-gradient(145deg, #ddd6fe, #8b5cf6) !important;
  color: #271044 !important;
  border: 1px solid rgba(255,255,255,.2);
  box-shadow: 0 8px 24px rgba(139,92,246,.28) !important;
}
.landing-page .landing-logo small { color: #c4b5fd !important; }
.landing-page .landing-nav-links { gap: 25px; }
.landing-page .landing-nav-links a,
.landing-page .landing-login { color: #d8cdec !important; text-decoration: none; transition: color .2s ease; }
.landing-page .landing-nav-links a:hover,
.landing-page .landing-login:hover { color: #fff !important; }
.landing-page .landing-nav-cta,
.landing-page .landing-main-cta,
.landing-page .landing-cta > a {
  background: linear-gradient(135deg, #a78bfa, #7c3aed) !important;
  color: #fff !important;
  border: 1px solid rgba(221,214,254,.28) !important;
  box-shadow: 0 10px 28px rgba(124,58,237,.28) !important;
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.landing-page .landing-nav-cta:hover,
.landing-page .landing-main-cta:hover,
.landing-page .landing-cta > a:hover { transform: translateY(-2px); filter: brightness(1.06); box-shadow: 0 14px 32px rgba(124,58,237,.36) !important; }
.landing-page .landing-copy h1 { color: #fbf8ff !important; }
.landing-page .landing-copy h1 strong {
  background: linear-gradient(90deg, #e9d5ff 0%, #c4b5fd 48%, #a78bfa 100%) !important;
  -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important;
}
.landing-page .landing-copy > p { color: #c0b4d4 !important; }
.landing-page .landing-kicker {
  background: rgba(139,92,246,.12) !important;
  border: 1px solid rgba(196,181,253,.22) !important;
  color: #e9ddff !important;
}
.landing-page .landing-kicker span { background: #a78bfa !important; box-shadow: 0 0 14px rgba(167,139,250,.7) !important; }
.landing-page .landing-secondary-cta {
  color: #e9ddff !important;
  border-color: rgba(196,181,253,.23) !important;
  background: rgba(255,255,255,.035) !important;
  text-decoration: none;
  transition: background .2s ease, border-color .2s ease;
}
.landing-page .landing-secondary-cta:hover { background: rgba(139,92,246,.1) !important; border-color: rgba(196,181,253,.42) !important; }
.landing-page .landing-trust-row { border-color: rgba(196,181,253,.14) !important; }
.landing-page .landing-trust-row b { color: #f1eaff !important; }
.landing-page .landing-trust-row span { color: #a99abb !important; }
/* The dashboard mockup deliberately stays light inside its frame for contrast. */
.landing-page .preview-glow { background: #8b5cf6 !important; opacity: .19 !important; }
.landing-page .preview-window { border-color: rgba(196,181,253,.25) !important; box-shadow: 0 35px 100px rgba(0,0,0,.4) !important; }
.landing-page .landing-section {
  background: transparent !important;
  color: var(--cp-home-text) !important;
}
.landing-page .landing-stats {
  margin-top: -34px !important;
  padding: 8px !important;
  border: 1px solid var(--cp-home-border) !important;
  border-radius: 20px !important;
  background: rgba(27,17,45,.96) !important;
  box-shadow: 0 18px 52px rgba(0,0,0,.22) !important;
  backdrop-filter: blur(12px);
}
.landing-page .landing-stats > div {
  background: transparent !important;
  border-color: rgba(196,181,253,.12) !important;
  border-radius: 13px;
}
.landing-page .landing-stats strong { color: #f3edff !important; }
.landing-page .landing-stats span { color: #ac9cbe !important; }
.landing-page .section-intro > span {
  display: inline-flex;
  align-items: center;
  background: rgba(139,92,246,.13) !important;
  border: 1px solid rgba(196,181,253,.16);
  border-radius: 999px;
  padding: 7px 12px;
  color: #c4b5fd !important;
}
.landing-page .section-intro h2 { color: #f7f3ff !important; letter-spacing: -.6px; }
.landing-page .section-intro p { color: #b7a9cf !important; }
.landing-page .feature-grid article,
.landing-page .steps-grid > div,
.landing-page .landing-location {
  background: linear-gradient(145deg, #211532, #191025) !important;
  border: 1px solid var(--cp-home-border) !important;
  border-radius: 18px !important;
  color: #f3edff !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.1);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.landing-page .feature-grid article:hover,
.landing-page .steps-grid > div:hover,
.landing-page .landing-location:hover {
  transform: translateY(-3px);
  border-color: rgba(167,139,250,.4) !important;
  box-shadow: 0 18px 38px rgba(0,0,0,.2) !important;
}
.landing-page .feature-grid article h3,
.landing-page .steps-grid > div h3 { color: #f7f3ff !important; }
.landing-page .feature-grid article p,
.landing-page .steps-grid > div p { color: #b7a9cf !important; }
.landing-page .feature-icon {
  background: rgba(139,92,246,.14) !important;
  color: #c4b5fd !important;
  border: 1px solid rgba(196,181,253,.16) !important;
}
.landing-page .locations-section {
  background: radial-gradient(ellipse at 50% 0, rgba(124,58,237,.12), transparent 65%), #150d23 !important;
  border: 1px solid rgba(196,181,253,.12) !important;
  border-radius: 24px;
  padding: 44px 28px !important;
}
.landing-page .landing-location b { color: #f3edff !important; }
.landing-page .landing-location .location-flag { box-shadow: 0 5px 15px rgba(0,0,0,.2) !important; }
.landing-page .steps-grid > div > b { color: #d8c8ff !important; background: rgba(139,92,246,.16) !important; }
.landing-page .landing-cta {
  background: radial-gradient(ellipse at 12% 50%, rgba(139,92,246,.2), transparent 48%), linear-gradient(115deg,#241438,#160d23) !important;
  border: 1px solid rgba(196,181,253,.2) !important;
  border-radius: 22px !important;
}
.landing-page .landing-cta > div > span { color: #c4b5fd !important; }
.landing-page .landing-cta h2 { color: #fbf8ff !important; }
.landing-page .landing-cta p { color: #b7a9cf !important; }
.landing-page .landing-footer { border-color: rgba(196,181,253,.14) !important; color: #ac9cbe !important; }
.landing-page .landing-footer > div > b { color: #f3edff !important; }
.landing-page .landing-footer > div:first-child p,
.landing-page .landing-footer a:not(.landing-logo),
.landing-page .landing-footer span { color: #ac9cbe !important; }
.landing-page .landing-footer a:hover { color: #ddd6fe !important; }
.landing-page a:focus-visible { outline: 2px solid #c4b5fd !important; outline-offset: 4px; }
@media (max-width: 900px) {
  .landing-page .landing-hero { padding-bottom: 66px !important; }
  .landing-page .landing-nav { width: calc(100% - 28px) !important; }
  .landing-page .landing-stats { margin-top: -22px !important; }
}
@media (max-width: 560px) {
  .landing-page .landing-hero { padding-top: 12px !important; padding-bottom: 52px !important; }
  .landing-page .landing-nav { min-height: 66px !important; padding: 10px 12px !important; border-radius: 15px !important; }
  .landing-page .landing-nav-links { gap: 12px !important; }
  .landing-page .landing-copy h1 { font-size: clamp(30px, 8vw, 36px) !important; line-height: 1.35 !important; }
  .landing-page .landing-trust-row { row-gap: 18px; }
  .landing-page .landing-stats { padding: 5px !important; }
  .landing-page .locations-section { padding: 30px 14px !important; }
  .landing-page .landing-cta { border-radius: 18px !important; }
}
@media (prefers-reduced-motion: reduce) {
  .landing-page *, .landing-page *::before, .landing-page *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* Cloud Price landing page: center the copy in the "how it works" section */
.landing-page .how-section .section-intro.centered {
  text-align: center !important;
  align-items: center !important;
  margin-inline: auto !important;
}
.landing-page .how-section .section-intro.centered > span,
.landing-page .how-section .section-intro.centered h2 {
  margin-inline: auto !important;
}
.landing-page .how-section .steps-grid > div {
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}
.landing-page .how-section .steps-grid > div > b {
  align-self: center !important;
  margin-inline: auto !important;
}
.landing-page .how-section .steps-grid > div h3,
.landing-page .how-section .steps-grid > div p {
  width: 100% !important;
  text-align: center !important;
}


/* Cloud Price: center the full locations heading block and country row */
.landing-page .locations-section .section-intro.centered {
  width: 100% !important;
  max-width: none !important;
  margin: 0 auto 28px !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}
.landing-page .locations-section .section-intro.centered > span,
.landing-page .locations-section .section-intro.centered h2,
.landing-page .locations-section .section-intro.centered p {
  width: auto !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}
.landing-page .locations-section .landing-locations-grid {
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  justify-content: center !important;
}

/* v10 FIX: hard-center the locations section header and country cards */
.landing-page .locations-section { box-sizing: border-box !important; }
.landing-page .locations-section > .section-intro.centered {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  justify-items: center !important;
  align-content: center !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto 30px !important;
  padding: 0 !important;
  text-align: center !important;
  float: none !important;
  transform: none !important;
  inset-inline: auto !important;
}
.landing-page .locations-section > .section-intro.centered > span,
.landing-page .locations-section > .section-intro.centered > h2,
.landing-page .locations-section > .section-intro.centered > p {
  display: block !important;
  justify-self: center !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin-inline: auto !important;
  text-align: center !important;
  float: none !important;
}
.landing-page .locations-section > .landing-locations-grid {
  width: 100% !important;
  max-width: 1000px !important;
  margin: 0 auto !important;
  justify-self: center !important;
  justify-content: center !important;
}


/* v11: center the entire locations section heading across the full section width */
.landing-page section.locations-section#locations {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}
.landing-page section.locations-section#locations > .section-intro.centered {
  position: static !important;
  inset: auto !important;
  float: none !important;
  flex: 0 0 auto !important;
  align-self: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto 30px !important;
  padding-inline: 0 !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  transform: none !important;
}
.landing-page section.locations-section#locations > .section-intro.centered > span,
.landing-page section.locations-section#locations > .section-intro.centered > h2,
.landing-page section.locations-section#locations > .section-intro.centered > p {
  position: static !important;
  inset: auto !important;
  float: none !important;
  align-self: center !important;
  justify-self: center !important;
  width: auto !important;
  max-width: 100% !important;
  margin-inline: auto !important;
  text-align: center !important;
  transform: none !important;
}
.landing-page section.locations-section#locations > .landing-locations-grid {
  align-self: center !important;
  width: 100% !important;
  max-width: 1000px !important;
  margin-inline: auto !important;
}

/* Cloud Price unified authentication theme — align login/register with the site's deep-purple identity */
body.auth-page {
  min-height: 100vh !important;
  background:
    radial-gradient(ellipse at 82% 12%, rgba(139, 92, 246, .22), transparent 34%),
    radial-gradient(ellipse at 12% 82%, rgba(124, 58, 237, .17), transparent 36%),
    linear-gradient(145deg, #10091d 0%, #0b0713 52%, #08060d 100%) !important;
  color: #f5f0ff !important;
  overflow-x: hidden !important;
}
body.auth-page:before {
  background-image: linear-gradient(rgba(196, 181, 253, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(196, 181, 253, .035) 1px, transparent 1px) !important;
  background-size: 46px 46px !important;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.72), transparent 88%) !important;
}
body.auth-page .auth-wrap {
  width: min(500px, calc(100% - 32px)) !important;
  padding: 40px 0 28px !important;
  color: #f5f0ff !important;
}
body.auth-page .auth-brand { margin-bottom: 22px !important; }
body.auth-page .auth-brand > a { gap: 13px !important; }
body.auth-page .auth-brand-mark {
  width: 48px !important; height: 48px !important; border-radius: 15px !important;
  background: linear-gradient(145deg, #c4b5fd, #7c3aed) !important;
  color: #fff !important; box-shadow: 0 10px 30px rgba(124,58,237,.32) !important;
}
body.auth-page .auth-brand strong { color: #fff !important; font-size: 20px !important; }
body.auth-page .auth-brand small { color: #b5a6ce !important; }
body.auth-page .auth-card {
  background: linear-gradient(150deg, rgba(28, 19, 43, .98), rgba(17, 12, 27, .98)) !important;
  border: 1px solid #3a2a51 !important;
  border-radius: 24px !important;
  padding: 30px !important;
  box-shadow: 0 28px 80px rgba(0,0,0,.42), inset 0 1px 0 rgba(216,196,255,.045) !important;
  backdrop-filter: blur(18px) !important;
}
body.auth-page .auth-card-head { gap: 14px !important; margin-bottom: 25px !important; }
body.auth-page .auth-icon {
  background: linear-gradient(145deg, rgba(167,139,250,.22), rgba(124,58,237,.13)) !important;
  color: #c4b5fd !important; border: 1px solid rgba(167,139,250,.22) !important; box-shadow: none !important;
}
body.auth-page .auth-card h1 { color: #faf7ff !important; font-size: 27px !important; }
body.auth-page .auth-card-head p { color: #aa9abc !important; line-height: 1.9 !important; }
body.auth-page .auth-form label { color: #e2d7f3 !important; }
body.auth-page .auth-input {
  background: #100b1a !important; border: 1px solid #3a2a50 !important;
  border-radius: 13px !important; color: #f7f2ff !important;
}
body.auth-page .auth-input:focus-within {
  background: #130d20 !important; border-color: #9b70f5 !important;
  box-shadow: 0 0 0 4px rgba(139,92,246,.14) !important;
}
body.auth-page .auth-input > span { color: #a78bfa !important; }
body.auth-page .auth-input input { color: #f7f2ff !important; caret-color: #c4b5fd !important; }
body.auth-page .auth-input input::placeholder { color: #796b8c !important; }
body.auth-page .password-toggle { background: #251837 !important; color: #c4b5fd !important; }
body.auth-page .password-toggle:hover { background: #33204b !important; }
body.auth-page .auth-submit {
  background: linear-gradient(110deg, #8b5cf6 0%, #6d28d9 100%) !important;
  color: #fff !important; border: 1px solid rgba(216,196,255,.17) !important;
  border-radius: 13px !important; box-shadow: 0 10px 25px rgba(109,40,217,.27) !important;
}
body.auth-page .auth-submit:hover { box-shadow: 0 14px 30px rgba(109,40,217,.38) !important; }
body.auth-page .auth-forgot { color: #bda4f8 !important; }
body.auth-page .auth-divider { color: #78698b !important; }
body.auth-page .auth-divider:before, body.auth-page .auth-divider:after { background: #352641 !important; }
body.auth-page .auth-switch { color: #a99abc !important; }
body.auth-page .auth-switch a { color: #c4b5fd !important; }
body.auth-page .auth-switch a:hover, body.auth-page .auth-forgot:hover { color: #e3d6ff !important; }
body.auth-page .auth-footnote { color: #89799e !important; }
body.auth-page .password-strength strong { color: #a99abc !important; }
body.auth-page .strength-track { background: #30233f !important; }
body.auth-page .password-rules span { background: #171020 !important; border-color: #382849 !important; color: #a99abc !important; }
body.auth-page .password-rules span.ok { background: rgba(16,185,129,.1) !important; border-color: rgba(52,211,153,.28) !important; color: #6ee7b7 !important; }
body.auth-page .auth-enamad-rail { background: rgba(22,15,34,.94) !important; border-color: #3a2a51 !important; box-shadow: 0 12px 35px rgba(0,0,0,.22) !important; }
body.auth-page .auth-enamad-label { color: #b5a6ce !important; }
body.auth-page .auth-alert-error { background: rgba(127,29,29,.2) !important; border-color: rgba(248,113,113,.3) !important; color: #fecaca !important; }
body.auth-page .auth-alert-ok { background: rgba(6,78,59,.22) !important; border-color: rgba(52,211,153,.25) !important; color: #a7f3d0 !important; }
@media (min-width: 900px) {
  body.auth-page .auth-wrap { width: min(500px, calc(100% - 48px)) !important; }
  body.auth-page .auth-card { padding: 34px !important; }
}
@media (max-width: 600px) {
  body.auth-page .auth-wrap { width: calc(100% - 24px) !important; padding: 24px 0 16px !important; }
  body.auth-page .auth-brand { margin-bottom: 16px !important; }
  body.auth-page .auth-card { padding: 23px 18px !important; border-radius: 20px !important; }
  body.auth-page .auth-card h1 { font-size: 23px !important; }
}

/* CLOOO user-panel visual polish — CSS only; preserve existing blue/purple palette and all behavior */
body.app-page:not(.admin-area) .app-shell {
  background: radial-gradient(ellipse at 88% 0%, rgba(124,58,237,.075), transparent 34%), var(--cp-bg, #0b0a12) !important;
}
body.app-page:not(.admin-area) .app-main { min-height: 100vh; }
body.app-page:not(.admin-area) .topbar {
  min-height: 68px;
  padding-inline: clamp(16px, 2.2vw, 32px);
}
body.app-page:not(.admin-area) .modern-container {
  width: min(1490px, calc(100% - 48px));
  padding-top: clamp(24px, 3vw, 38px);
}
body.app-page:not(.admin-area) .page-heading-row { margin-bottom: 25px; }
body.app-page:not(.admin-area) .page-heading-row h1 { line-height: 1.45; }
body.app-page:not(.admin-area) .page-heading-row p { line-height: 1.9; }
body.app-page:not(.admin-area) .eyebrow-icon {
  border-radius: 15px;
  box-shadow: inset 0 1px rgba(255,255,255,.45), 0 8px 22px rgba(124,58,237,.09);
}
body.app-page:not(.admin-area) .modern-primary,
body.app-page:not(.admin-area) .modern-secondary,
body.app-page:not(.admin-area) .btn,
body.app-page:not(.admin-area) .details-btn,
body.app-page:not(.admin-area) .outline-success,
body.app-page:not(.admin-area) .outline-danger {
  min-height: 40px;
  border-radius: 11px;
  font-weight: 700;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, filter .18s ease;
}
body.app-page:not(.admin-area) .modern-primary:hover,
body.app-page:not(.admin-area) .modern-secondary:hover,
body.app-page:not(.admin-area) .btn:hover,
body.app-page:not(.admin-area) .details-btn:hover,
body.app-page:not(.admin-area) .outline-success:hover,
body.app-page:not(.admin-area) .outline-danger:hover {
  transform: translateY(-1px);
}
body.app-page:not(.admin-area) .stat-grid { gap: 16px; margin-bottom: 24px; }
body.app-page:not(.admin-area) .stat-card {
  border-radius: 17px;
  padding: 20px;
  min-width: 0;
  border-color: rgba(167,139,250,.15) !important;
  background-image: linear-gradient(145deg, rgba(167,139,250,.035), transparent 58%);
}
body.app-page:not(.admin-area) .stat-icon { border-radius: 15px; }
body.app-page:not(.admin-area) .servers-panel,
body.app-page:not(.admin-area) .modern-card,
body.app-page:not(.admin-area) .card {
  border-radius: 17px;
}
body.app-page:not(.admin-area) .servers-panel { padding: clamp(14px, 1.7vw, 22px); }
body.app-page:not(.admin-area) .panel-heading { flex-wrap: wrap; }
body.app-page:not(.admin-area) .panel-heading h2 { line-height: 1.6; }
body.app-page:not(.admin-area) .server-row {
  border-radius: 14px;
  border-top-color: rgba(167,139,250,.17);
  border-right-color: rgba(167,139,250,.17);
  border-bottom-color: rgba(167,139,250,.17);
  box-shadow: 0 5px 18px rgba(0,0,0,.07);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
body.app-page:not(.admin-area) .server-row:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(0,0,0,.13);
}
body.app-page:not(.admin-area) .server-actions { gap: 9px; flex-wrap: wrap; }
body.app-page:not(.admin-area) input:not([type="checkbox"]):not([type="radio"]),
body.app-page:not(.admin-area) select,
body.app-page:not(.admin-area) textarea {
  border-radius: 11px;
  transition: border-color .18s ease, box-shadow .18s ease;
}
body.app-page:not(.admin-area) input:focus,
body.app-page:not(.admin-area) select:focus,
body.app-page:not(.admin-area) textarea:focus {
  outline: none;
  border-color: #9b7af5;
  box-shadow: 0 0 0 3px rgba(139,92,246,.13);
}
body.app-page:not(.admin-area) table { border-collapse: separate; border-spacing: 0; }
body.app-page:not(.admin-area) th { font-weight: 750; }
body.app-page:not(.admin-area) th,
body.app-page:not(.admin-area) td { line-height: 1.8; }
body.app-page:not(.admin-area) .notification-panel {
  border-radius: 16px;
  box-shadow: 0 18px 50px rgba(0,0,0,.28);
  overflow: hidden;
}
body.app-page:not(.admin-area) a:focus-visible,
body.app-page:not(.admin-area) button:focus-visible {
  outline: 2px solid #a78bfa;
  outline-offset: 3px;
}
@media (max-width: 1100px) {
  body.app-page:not(.admin-area) .modern-container { width: calc(100% - 32px); }
  body.app-page:not(.admin-area) .stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  body.app-page:not(.admin-area) .modern-container { width: calc(100% - 22px); padding-top: 22px; padding-bottom: 28px; }
  body.app-page:not(.admin-area) .page-heading-row { align-items: stretch; flex-direction: column; gap: 13px; }
  body.app-page:not(.admin-area) .page-heading-row h1 { font-size: 23px; }
  body.app-page:not(.admin-area) .page-heading-row .modern-primary,
  body.app-page:not(.admin-area) .page-heading-row .modern-secondary { width: 100%; }
  body.app-page:not(.admin-area) .stat-grid { gap: 10px; }
  body.app-page:not(.admin-area) .stat-card { padding: 14px; gap: 10px; border-radius: 14px; }
  body.app-page:not(.admin-area) .stat-icon { width: 42px; height: 42px; font-size: 20px; }
  body.app-page:not(.admin-area) .stat-card strong { font-size: clamp(19px, 5vw, 25px); overflow-wrap: anywhere; }
  body.app-page:not(.admin-area) .servers-panel { padding: 12px; }
  body.app-page:not(.admin-area) .panel-heading { align-items: flex-start; }
  body.app-page:not(.admin-area) .server-actions > .details-btn { margin-left: 0; }
  body.app-page:not(.admin-area) .server-actions > a,
  body.app-page:not(.admin-area) .server-actions > button,
  body.app-page:not(.admin-area) .server-actions > form { max-width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  body.app-page:not(.admin-area) *,
  body.app-page:not(.admin-area) *::before,
  body.app-page:not(.admin-area) *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}


/* Landing page footer: eNAMAD trust seal */
.landing-footer .landing-footer-trust{align-items:flex-start}
.landing-footer-enamad{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:12px;padding:12px 14px;border:1px solid rgba(117,170,230,.2);border-radius:14px;background:rgba(255,255,255,.035);width:fit-content;max-width:100%}
.landing-footer-enamad>span{color:#a9c4df;font-size:11px;font-weight:700}
.landing-footer-enamad a{display:flex;align-items:center;justify-content:center;min-width:100px;min-height:108px;padding:8px 12px;background:#fff;border-radius:10px;outline:none}
.landing-footer-enamad img{display:block;width:82px;max-width:100%;height:auto;object-fit:contain;cursor:pointer}
.landing-footer-enamad a:focus-visible{box-shadow:0 0 0 3px rgba(77,153,247,.35)}
@media(max-width:640px){.landing-footer-enamad{margin-top:10px;padding:10px 12px}.landing-footer-enamad a{min-height:94px}.landing-footer-enamad img{width:74px}}



/* Refined responsive toast notifications */
.toast-stack{
  position:fixed;
  top:calc(18px + env(safe-area-inset-top, 0px));
  left:18px;
  bottom:auto;
  z-index:99999;
  display:flex;
  flex-direction:column;
  gap:12px;
  width:min(390px,calc(100vw - 36px));
  pointer-events:none;
  direction:rtl;
}
.cpv-toast{
  --toast-accent:#3478f6;
  position:relative;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 28px;
  grid-template-areas:"icon content close";
  align-items:start;
  gap:0 12px;
  overflow:hidden;
  width:100%;
  box-sizing:border-box;
  padding:17px 16px 19px;
  border:1px solid rgba(224,232,244,.95);
  border-radius:18px;
  background:rgba(255,255,255,.97);
  color:#152b49;
  box-shadow:0 18px 48px rgba(14,35,67,.18),0 3px 10px rgba(14,35,67,.06);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  animation:cpvToastEnter .34s cubic-bezier(.2,.8,.2,1) both;
  pointer-events:auto;
  text-align:right;
}
.cpv-toast:before{
  content:"";
  position:absolute;
  inset:0 0 0 auto;
  width:4px;
  background:var(--toast-accent);
}
.cpv-toast.success{--toast-accent:#12a66a;background:linear-gradient(110deg,#fff 0%,#fff 70%,#f3fcf7 100%);border-color:#d8f0e3}
.cpv-toast.error{--toast-accent:#e34f5a;background:linear-gradient(110deg,#fff 0%,#fff 70%,#fff5f5 100%);border-color:#f5dede}
.cpv-toast.warning{--toast-accent:#d99719;background:linear-gradient(110deg,#fff 0%,#fff 70%,#fffbf0 100%);border-color:#f2e7c9}
.cpv-toast.info{--toast-accent:#3478f6;background:linear-gradient(110deg,#fff 0%,#fff 70%,#f3f7ff 100%);border-color:#dce7fb}
.cpv-toast .cpv-toast-icon{
  grid-area:icon;
  position:static;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:14px;
  margin:0;
  background:#edf4ff;
  color:#3478f6;
  font-size:19px;
  font-weight:800;
  line-height:1;
  box-shadow:inset 0 0 0 1px rgba(52,120,246,.08);
}
.cpv-toast.success .cpv-toast-icon{background:#e5f8ee;color:#0c9b61}
.cpv-toast.error .cpv-toast-icon{background:#ffebec;color:#d94350}
.cpv-toast.warning .cpv-toast-icon{background:#fff4d9;color:#b77a0a}
.cpv-toast strong{
  grid-area:content;
  display:block;
  padding:1px 0 0;
  margin:0;
  color:#152b49;
  font-size:13px;
  font-weight:800;
  line-height:1.7;
  letter-spacing:-.15px;
}
.cpv-toast span:not(.cpv-toast-icon){
  grid-area:content;
  display:block;
  padding:24px 0 0;
  margin:0;
  color:#65758c;
  font-size:12px;
  font-weight:400;
  line-height:1.9;
  overflow-wrap:anywhere;
}
.cpv-toast .cpv-toast-close{
  grid-area:close;
  position:static;
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  padding:0;
  margin:-3px -3px 0 0;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#8b9ab0;
  font-size:20px;
  line-height:1;
  cursor:pointer;
  transition:background .18s ease,color .18s ease,transform .18s ease;
}
.cpv-toast .cpv-toast-close:hover{background:#edf2f8;color:#263d5b;transform:scale(1.04)}
.cpv-toast:after{
  content:"";
  position:absolute;
  right:0;
  left:0;
  bottom:0;
  height:3px;
  background:var(--toast-accent);
  opacity:.7;
  transform-origin:right;
  animation:cpvToastProgress 5.5s linear forwards;
}
@keyframes cpvToastEnter{
  from{opacity:0;transform:translate3d(-18px,-8px,0) scale(.98)}
  to{opacity:1;transform:translate3d(0,0,0) scale(1)}
}
@keyframes cpvToastProgress{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@media(max-width:600px){
  .toast-stack{
    top:calc(10px + env(safe-area-inset-top, 0px));
    left:10px;
    width:calc(100vw - 20px);
    gap:9px;
  }
  .cpv-toast{grid-template-columns:36px minmax(0,1fr) 26px;gap:0 10px;padding:13px 12px 16px;border-radius:15px}
  .cpv-toast .cpv-toast-icon{width:36px;height:36px;border-radius:12px;font-size:17px}
  .cpv-toast strong{font-size:12px}
  .cpv-toast span:not(.cpv-toast-icon){padding-top:22px;font-size:11px;line-height:1.8}
  .cpv-toast .cpv-toast-close{width:26px;height:26px}
}
@media(prefers-reduced-motion:reduce){
  .cpv-toast,.cpv-toast:after{animation:none!important}
}




/* V2 toast redesign: dark, compact, clear hierarchy */
.toast-stack{
  position:fixed!important;
  top:calc(76px + env(safe-area-inset-top, 0px))!important;
  right:22px!important;
  left:auto!important;
  bottom:auto!important;
  transform:none!important;
  z-index:99999!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:10px!important;
  width:min(410px,calc(100vw - 28px))!important;
  pointer-events:none!important;
  direction:rtl!important;
}
.cpv-toast{
  --toast-accent:#8b72ff;
  position:relative!important;
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr) 26px!important;
  grid-template-rows:auto auto!important;
  grid-template-areas:"icon title close" "icon message close"!important;
  align-items:center!important;
  column-gap:12px!important;
  row-gap:3px!important;
  width:100%!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  padding:15px 15px 16px!important;
  border:1px solid rgba(167,139,250,.22)!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,rgba(26,20,43,.98),rgba(16,13,27,.98))!important;
  color:#f5f2ff!important;
  box-shadow:0 16px 42px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.045)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
  text-align:right!important;
  animation:cpvToastEnterV2 .28s cubic-bezier(.2,.8,.2,1) both!important;
  pointer-events:auto!important;
}
.cpv-toast:before{
  content:""!important;
  position:absolute!important;
  inset:0 0 0 auto!important;
  width:3px!important;
  background:var(--toast-accent)!important;
}
.cpv-toast.success{--toast-accent:#32d49a!important;border-color:rgba(50,212,154,.24)!important}
.cpv-toast.error{--toast-accent:#ff6678!important;border-color:rgba(255,102,120,.25)!important}
.cpv-toast.warning{--toast-accent:#ffc45b!important;border-color:rgba(255,196,91,.24)!important}
.cpv-toast.info{--toast-accent:#8b72ff!important;border-color:rgba(139,114,255,.25)!important}
.cpv-toast .cpv-toast-icon{
  grid-area:icon!important;
  position:static!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:40px!important;
  height:40px!important;
  box-sizing:border-box!important;
  padding:0!important;
  margin:0!important;
  border-radius:13px!important;
  background:rgba(139,114,255,.15)!important;
  color:#b8a9ff!important;
  font-size:20px!important;
  font-weight:800!important;
  line-height:1!important;
  box-shadow:none!important;
}
.cpv-toast.success .cpv-toast-icon{background:rgba(50,212,154,.13)!important;color:#55e6b0!important}
.cpv-toast.error .cpv-toast-icon{background:rgba(255,102,120,.13)!important;color:#ff8190!important}
.cpv-toast.warning .cpv-toast-icon{background:rgba(255,196,91,.13)!important;color:#ffd078!important}
.cpv-toast.info .cpv-toast-icon{background:rgba(139,114,255,.15)!important;color:#b8a9ff!important}
.cpv-toast strong{
  grid-area:title!important;
  display:block!important;
  padding:0!important;
  margin:0!important;
  color:#f8f6ff!important;
  font-size:13px!important;
  font-weight:750!important;
  line-height:1.6!important;
  letter-spacing:0!important;
}
.cpv-toast span:not(.cpv-toast-icon){
  grid-area:message!important;
  display:block!important;
  padding:0!important;
  margin:0!important;
  color:#bcb5cf!important;
  font-size:11px!important;
  font-weight:400!important;
  line-height:1.8!important;
  overflow-wrap:anywhere!important;
}
.cpv-toast .cpv-toast-close{
  grid-area:close!important;
  position:static!important;
  align-self:start!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:26px!important;
  height:26px!important;
  padding:0!important;
  margin:-4px -4px 0 0!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#958ba9!important;
  font-size:20px!important;
  line-height:1!important;
  cursor:pointer!important;
  transition:background .18s ease,color .18s ease!important;
}
.cpv-toast .cpv-toast-close:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}
.cpv-toast:after{
  content:""!important;
  position:absolute!important;
  right:0!important;
  left:0!important;
  bottom:0!important;
  height:2px!important;
  background:var(--toast-accent)!important;
  opacity:.7!important;
  transform-origin:right!important;
  animation:cpvToastProgress 5.5s linear forwards!important;
}
@keyframes cpvToastEnterV2{
  from{opacity:0;transform:translate3d(12px,-5px,0) scale(.985)}
  to{opacity:1;transform:translate3d(0,0,0) scale(1)}
}
@media(max-width:600px){
  .toast-stack{top:calc(68px + env(safe-area-inset-top, 0px))!important;right:10px!important;left:10px!important;width:auto!important}
  .cpv-toast{grid-template-columns:36px minmax(0,1fr) 24px!important;column-gap:10px!important;padding:13px 12px 14px!important;border-radius:14px!important}
  .cpv-toast .cpv-toast-icon{width:36px!important;height:36px!important;border-radius:11px!important;font-size:18px!important}
  .cpv-toast strong{font-size:12px!important}
  .cpv-toast span:not(.cpv-toast-icon){font-size:11px!important}
  .cpv-toast .cpv-toast-close{width:24px!important;height:24px!important}
}
@media(prefers-reduced-motion:reduce){.cpv-toast,.cpv-toast:after{animation:none!important}}



/* Final toast icon fix: use the actual icon character generated by footer.php */
.cpv-toast .cpv-toast-icon{
  font-size:20px!important;
  font-weight:900!important;
  line-height:1!important;
  text-indent:0!important;
  overflow:visible!important;
}
.cpv-toast .cpv-toast-icon::before{content:none!important;display:none!important}
.cpv-toast.success .cpv-toast-icon{color:#55e6b0!important;background:rgba(50,212,154,.14)!important;border:1px solid rgba(50,212,154,.18)!important}
.cpv-toast.error .cpv-toast-icon{color:#ff8190!important;background:rgba(255,102,120,.14)!important;border:1px solid rgba(255,102,120,.18)!important}
.cpv-toast.warning .cpv-toast-icon{color:#ffd078!important;background:rgba(255,196,91,.14)!important;border:1px solid rgba(255,196,91,.18)!important}
.cpv-toast.info .cpv-toast-icon{color:#b8a9ff!important;background:rgba(139,114,255,.14)!important;border:1px solid rgba(139,114,255,.18)!important}



/* =========================================================
   FINAL TOAST POLISH
   Clean RTL layout: close → content → status icon
   ========================================================= */
.toast-stack{
  position:fixed!important;
  top:82px!important;
  right:18px!important;
  left:auto!important;
  width:min(420px,calc(100vw - 36px))!important;
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  z-index:99999!important;
  direction:ltr!important;
  pointer-events:none!important;
}

.cpv-toast{
  --toast-accent:#8b72ff;
  position:relative!important;
  display:grid!important;
  grid-template-columns:32px minmax(0,1fr) 42px!important;
  grid-template-areas:"close content icon"!important;
  align-items:center!important;
  column-gap:12px!important;
  width:100%!important;
  min-height:76px!important;
  padding:14px 14px 16px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 100% 0%, color-mix(in srgb,var(--toast-accent) 13%, transparent), transparent 38%),
    linear-gradient(135deg,rgba(27,22,45,.985),rgba(14,12,24,.985))!important;
  color:#f8f6ff!important;
  box-shadow:
    0 18px 45px rgba(0,0,0,.36),
    0 3px 12px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.045)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  text-align:right!important;
  direction:ltr!important;
  animation:cpvToastEnterFinal .28s cubic-bezier(.2,.8,.2,1) both!important;
}

.cpv-toast::before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:auto!important;
  width:3px!important;
  background:var(--toast-accent)!important;
  box-shadow:0 0 14px color-mix(in srgb,var(--toast-accent) 35%, transparent)!important;
}

.cpv-toast.success{--toast-accent:#39d99d!important;border-color:rgba(57,217,157,.18)!important}
.cpv-toast.error{--toast-accent:#ff6678!important;border-color:rgba(255,102,120,.18)!important}
.cpv-toast.warning{--toast-accent:#ffc45b!important;border-color:rgba(255,196,91,.18)!important}
.cpv-toast.info{--toast-accent:#9b86ff!important;border-color:rgba(155,134,255,.18)!important}

.cpv-toast .cpv-toast-icon{
  grid-area:icon!important;
  justify-self:end!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:42px!important;
  height:42px!important;
  margin:0!important;
  padding:0!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  font-size:19px!important;
  font-weight:900!important;
  line-height:1!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}

.cpv-toast.success .cpv-toast-icon{
  color:#63e8b5!important;
  background:rgba(57,217,157,.12)!important;
  border-color:rgba(57,217,157,.17)!important;
}
.cpv-toast.error .cpv-toast-icon{
  color:#ff8a99!important;
  background:rgba(255,102,120,.12)!important;
  border-color:rgba(255,102,120,.17)!important;
}
.cpv-toast.warning .cpv-toast-icon{
  color:#ffd77d!important;
  background:rgba(255,196,91,.12)!important;
  border-color:rgba(255,196,91,.17)!important;
}
.cpv-toast.info .cpv-toast-icon{
  color:#c0b3ff!important;
  background:rgba(155,134,255,.13)!important;
  border-color:rgba(155,134,255,.17)!important;
}

.cpv-toast strong,
.cpv-toast span:not(.cpv-toast-icon){
  grid-area:content!important;
  direction:rtl!important;
  text-align:right!important;
  min-width:0!important;
}

.cpv-toast strong{
  align-self:end!important;
  display:block!important;
  margin:0 0 2px!important;
  padding:0!important;
  color:#faf8ff!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.65!important;
  letter-spacing:0!important;
}

.cpv-toast span:not(.cpv-toast-icon){
  align-self:start!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:#b9b1ca!important;
  font-size:11.5px!important;
  font-weight:400!important;
  line-height:1.75!important;
  overflow-wrap:anywhere!important;
}

.cpv-toast .cpv-toast-close{
  grid-area:close!important;
  justify-self:start!important;
  align-self:start!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:30px!important;
  height:30px!important;
  margin:-3px 0 0!important;
  padding:0!important;
  border:1px solid transparent!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#847b98!important;
  font-size:19px!important;
  line-height:1!important;
  cursor:pointer!important;
  transition:background .18s ease,color .18s ease,transform .18s ease,border-color .18s ease!important;
}

.cpv-toast .cpv-toast-close:hover{
  background:rgba(255,255,255,.07)!important;
  border-color:rgba(255,255,255,.08)!important;
  color:#fff!important;
  transform:scale(1.04)!important;
}

.cpv-toast::after{
  content:""!important;
  position:absolute!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  width:auto!important;
  height:2px!important;
  background:var(--toast-accent)!important;
  opacity:.8!important;
  transform-origin:right!important;
  animation:cpvToastProgressFinal 5.5s linear forwards!important;
}

@keyframes cpvToastEnterFinal{
  from{opacity:0;transform:translate3d(14px,-6px,0) scale(.985)}
  to{opacity:1;transform:translate3d(0,0,0) scale(1)}
}
@keyframes cpvToastProgressFinal{
  from{transform:scaleX(1)}
  to{transform:scaleX(0)}
}

@media(max-width:600px){
  .toast-stack{
    top:calc(68px + env(safe-area-inset-top,0px))!important;
    right:12px!important;
    left:12px!important;
    width:auto!important;
  }
  .cpv-toast{
    grid-template-columns:30px minmax(0,1fr) 38px!important;
    column-gap:9px!important;
    min-height:70px!important;
    padding:12px 12px 14px!important;
    border-radius:15px!important;
  }
  .cpv-toast .cpv-toast-icon{
    width:38px!important;
    height:38px!important;
    border-radius:12px!important;
    font-size:18px!important;
  }
  .cpv-toast strong{font-size:12px!important}
  .cpv-toast span:not(.cpv-toast-icon){font-size:11px!important}
  .cpv-toast .cpv-toast-close{width:28px!important;height:28px!important}
}

@media(prefers-reduced-motion:reduce){
  .cpv-toast,.cpv-toast::after{animation:none!important}
}

/* SPA-like action feedback */
.cpv-button-spinner{display:inline-block;width:15px;height:15px;border:2px solid currentColor;border-left-color:transparent;border-radius:50%;animation:cpvSpin .7s linear infinite;vertical-align:-2px;margin-left:7px}
button.is-loading{pointer-events:none;opacity:.75}
@keyframes cpvSpin{to{transform:rotate(360deg)}}

/* V6.46 — Create Server: unified with the site's obsidian/violet dashboard */
body.app-page:not(.admin-area) .create-server-page{
  --create-bg:#100b1a;
  --create-bg-2:#171126;
  --create-bg-3:#1d1430;
  --create-border:#342447;
  --create-border-soft:rgba(196,181,253,.14);
  --create-primary:#8b5cf6;
  --create-primary-2:#6d28d9;
  --create-text:#f7f3ff;
  --create-muted:#ac9cbe;
  --create-soft:#c4b5fd;
  max-width:1320px!important;
  color:var(--create-text)!important;
}
body.app-page:not(.admin-area) .create-server-page .create-breadcrumb{color:#8f80a4!important}
body.app-page:not(.admin-area) .create-server-page .create-breadcrumb a{color:#c4b5fd!important}
body.app-page:not(.admin-area) .create-server-page .create-hero{
  background:radial-gradient(ellipse at 90% -20%,rgba(139,92,246,.25),transparent 42%),linear-gradient(135deg,#211532 0%,#171126 58%,#100b1a 100%)!important;
  border:1px solid rgba(196,181,253,.18)!important;
  border-radius:20px!important;
  box-shadow:0 22px 60px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.035)!important;
}
body.app-page:not(.admin-area) .create-server-page .create-hero:after{background:radial-gradient(circle,rgba(167,139,250,.20),transparent 68%)!important}
body.app-page:not(.admin-area) .create-server-page .create-hero h1{color:#fbf8ff!important}
body.app-page:not(.admin-area) .create-server-page .create-hero p{color:#b7a9cf!important}
body.app-page:not(.admin-area) .create-server-page .help-card{background:rgba(139,92,246,.07)!important;border-color:rgba(196,181,253,.14)!important;color:#f3edff!important}
body.app-page:not(.admin-area) .create-server-page .help-card>span{background:rgba(139,92,246,.15)!important;color:#c4b5fd!important}
body.app-page:not(.admin-area) .create-server-page .help-card strong{color:#f3edff!important}
body.app-page:not(.admin-area) .create-server-page .help-card small{color:#ac9cbe!important}
body.app-page:not(.admin-area) .create-server-page .create-progress{
  background:linear-gradient(145deg,#171126,#100b1a)!important;
  border:1px solid var(--create-border)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.22)!important;
}
body.app-page:not(.admin-area) .create-server-page .create-step strong{color:#f3edff!important}
body.app-page:not(.admin-area) .create-server-page .create-step small{color:#9f8fb2!important}
body.app-page:not(.admin-area) .create-server-page .create-step span{background:#211532!important;color:#bda8ef!important;border-color:#493561!important}
body.app-page:not(.admin-area) .create-server-page .create-step.active span{background:linear-gradient(145deg,#9b70f5,#7c3aed)!important;color:#fff!important;border-color:#b9a0ff!important;box-shadow:0 0 0 5px rgba(139,92,246,.12)!important}
body.app-page:not(.admin-area) .create-server-page .create-main-card,
body.app-page:not(.admin-area) .create-server-page .side-card{
  background:linear-gradient(145deg,#171126,#100b1a)!important;
  border:1px solid var(--create-border)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.018)!important;
}
body.app-page:not(.admin-area) .create-server-page .field label:not(.toggle-row),
body.app-page:not(.admin-area) .create-server-page .section-label label,
body.app-page:not(.admin-area) .create-server-page .image-section-head label,
body.app-page:not(.admin-area) .create-server-page .panel-title h2,
body.app-page:not(.admin-area) .create-server-page .private-network-heading h3{color:#f3edff!important}
body.app-page:not(.admin-area) .create-server-page .field small,
body.app-page:not(.admin-area) .create-server-page .section-label small,
body.app-page:not(.admin-area) .create-server-page .image-help,
body.app-page:not(.admin-area) .create-server-page .panel-title p,
body.app-page:not(.admin-area) .create-server-page .private-network-heading p{color:#9f8fb2!important}
body.app-page:not(.admin-area) .create-server-page .field input,
body.app-page:not(.admin-area) .create-server-page .field select{
  background:#0f0a18!important;border-color:#3a2a50!important;color:#f7f2ff!important;
  border-radius:11px!important;
}
body.app-page:not(.admin-area) .create-server-page .field input:focus,
body.app-page:not(.admin-area) .create-server-page .field select:focus{border-color:#9b70f5!important;box-shadow:0 0 0 3px rgba(139,92,246,.13)!important}
body.app-page:not(.admin-area) .create-server-page .field input::placeholder{color:#766887!important}
body.app-page:not(.admin-area) .create-server-page .location-card,
body.app-page:not(.admin-area) .create-server-page .server-type-card,
body.app-page:not(.admin-area) .create-server-page .os-card,
body.app-page:not(.admin-area) .create-server-page .os-version-card,
body.app-page:not(.admin-area) .create-server-page .network-option,
body.app-page:not(.admin-area) .create-server-page .private-network-box,
body.app-page:not(.admin-area) .create-server-page .private-network-option,
body.app-page:not(.admin-area) .create-server-page .selected-location,
body.app-page:not(.admin-area) .create-server-page .type-mini{
  background:linear-gradient(145deg,#1d1430,#151022)!important;
  border-color:#3a2a50!important;
  color:#f3edff!important;
}
body.app-page:not(.admin-area) .create-server-page .location-card:hover,
body.app-page:not(.admin-area) .create-server-page .server-type-card:hover,
body.app-page:not(.admin-area) .create-server-page .os-card:hover,
body.app-page:not(.admin-area) .create-server-page .os-version-card:hover,
body.app-page:not(.admin-area) .create-server-page .type-mini:hover{
  border-color:#8b5cf6!important;background:linear-gradient(145deg,#241638,#191126)!important;box-shadow:0 12px 30px rgba(0,0,0,.2)!important;transform:translateY(-1px)
}
body.app-page:not(.admin-area) .create-server-page .location-card.active,
body.app-page:not(.admin-area) .create-server-page .server-type-card.active,
body.app-page:not(.admin-area) .create-server-page .os-card.active,
body.app-page:not(.admin-area) .create-server-page .os-version-card.active,
body.app-page:not(.admin-area) .create-server-page .network-option.selected,
body.app-page:not(.admin-area) .create-server-page .type-mini.active{
  background:linear-gradient(145deg,#291845,#1b112c)!important;
  border-color:#9b70f5!important;
  box-shadow:0 0 0 2px rgba(139,92,246,.13),0 14px 32px rgba(76,29,149,.16)!important;
}
body.app-page:not(.admin-area) .create-server-page .location-card-main strong,
body.app-page:not(.admin-area) .create-server-page .server-type-card strong,
body.app-page:not(.admin-area) .create-server-page .os-card-copy strong,
body.app-page:not(.admin-area) .create-server-page .os-version-card strong,
body.app-page:not(.admin-area) .create-server-page .type-mini strong,
body.app-page:not(.admin-area) .create-server-page .network-option strong,
body.app-page:not(.admin-area) .create-server-page .private-network-option strong{color:#f7f2ff!important}
body.app-page:not(.admin-area) .create-server-page .location-card-main small,
body.app-page:not(.admin-area) .create-server-page .server-type-card small,
body.app-page:not(.admin-area) .create-server-page .os-card-copy small,
body.app-page:not(.admin-area) .create-server-page .os-version-card small,
body.app-page:not(.admin-area) .create-server-page .type-mini small,
body.app-page:not(.admin-area) .create-server-page .network-option small,
body.app-page:not(.admin-area) .create-server-page .private-network-option small{color:#9f8fb2!important}
body.app-page:not(.admin-area) .create-server-page .type-price,
body.app-page:not(.admin-area) .create-server-page .type-mini b{color:#c4b5fd!important}
body.app-page:not(.admin-area) .create-server-page .type-check{background:#2a1b40!important;color:#c4b5fd!important}
body.app-page:not(.admin-area) .create-server-page .server-type-card.active .type-check{background:#8b5cf6!important;color:#fff!important}
body.app-page:not(.admin-area) .create-server-page .server-type-section,
body.app-page:not(.admin-area) .create-server-page .image-field,
body.app-page:not(.admin-area) .create-server-page .networking-panel,
body.app-page:not(.admin-area) .create-server-page .access-grid{border-color:rgba(196,181,253,.11)!important}
body.app-page:not(.admin-area) .create-server-page .image-selection-badge,
body.app-page:not(.admin-area) .create-server-page .panel-badge,
body.app-page:not(.admin-area) .create-server-page .optional-badge{background:rgba(139,92,246,.11)!important;border-color:rgba(196,181,253,.16)!important;color:#c4b5fd!important}
body.app-page:not(.admin-area) .create-server-page .os-version-panel{background:#100b1a!important;border-color:#3a2a50!important}
body.app-page:not(.admin-area) .create-server-page .os-back{background:#211532!important;border-color:#493561!important;color:#c4b5fd!important}
body.app-page:not(.admin-area) .create-server-page .create-footer{background:#0f0a18!important;border-color:rgba(196,181,253,.11)!important}
body.app-page:not(.admin-area) .create-server-page .side-title{color:#f3edff!important}
body.app-page:not(.admin-area) .create-server-page .side-hint,
body.app-page:not(.admin-area) .create-server-page .side-info{background:rgba(139,92,246,.09)!important;border-color:rgba(196,181,253,.14)!important;color:#c4b5fd!important}
body.app-page:not(.admin-area) .create-server-page .summary-card dl>div{border-color:rgba(196,181,253,.10)!important}
body.app-page:not(.admin-area) .create-server-page .summary-card dt{color:#9f8fb2!important}
body.app-page:not(.admin-area) .create-server-page .summary-card dd{color:#f3edff!important}
body.app-page:not(.admin-area) .create-server-page .side-success{background:rgba(16,185,129,.09)!important;border:1px solid rgba(52,211,153,.15);color:#6ee7b7!important}
body.app-page:not(.admin-area) .create-server-page .available-pill{background:rgba(16,185,129,.10)!important;color:#6ee7b7!important}
body.app-page:not(.admin-area) .create-server-page .create-submit{
  background:linear-gradient(110deg,#8b5cf6 0%,#6d28d9 100%)!important;
  border:1px solid rgba(216,196,255,.17)!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(109,40,217,.28)!important;
  border-radius:12px!important;
}
body.app-page:not(.admin-area) .create-server-page .create-submit:hover{filter:brightness(1.08)!important;box-shadow:0 16px 34px rgba(109,40,217,.36)!important}
body.app-page:not(.admin-area) .create-server-page .create-submit:disabled{opacity:.45!important}
body.app-page:not(.admin-area) .create-server-page .location-card-status{background:#34d399!important;box-shadow:0 0 0 4px rgba(52,211,153,.08)!important}
body.app-page:not(.admin-area) .create-server-page .location-card-arrow,
body.app-page:not(.admin-area) .create-server-page .os-card-arrow{color:#a78bfa!important}


/* V6.47 — Create server final polish: cleaner steps + Persian creation loader */
body.app-page:not(.admin-area) .create-server-page .create-hero{
  min-height:126px!important;
  padding:26px 30px!important;
  display:flex!important;
  align-items:center!important;
}
body.app-page:not(.admin-area) .create-server-page .create-hero h1{
  margin:0!important;
  font-size:31px!important;
  letter-spacing:-.5px!important;
}
body.app-page:not(.admin-area) .create-server-page .create-hero p{display:none!important}

body.app-page:not(.admin-area) .create-server-page .create-progress{
  position:relative!important;
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:0!important;
  padding:18px 22px!important;
  min-height:94px!important;
  overflow:hidden!important;
}
body.app-page:not(.admin-area) .create-server-page .create-progress:before{
  content:""!important;
  position:absolute!important;
  left:16%!important;
  right:16%!important;
  top:50%!important;
  height:1px!important;
  background:linear-gradient(90deg,rgba(139,92,246,.15),rgba(139,92,246,.65),rgba(139,92,246,.15))!important;
  transform:translateY(-12px)!important;
  z-index:0!important;
}
body.app-page:not(.admin-area) .create-server-page .create-step{
  position:relative!important;
  z-index:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  min-width:0!important;
  padding:0 10px!important;
}
body.app-page:not(.admin-area) .create-server-page .create-step span{
  flex:0 0 42px!important;
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  font-size:14px!important;
  font-weight:900!important;
  background:#1b1230!important;
  border:1px solid #493561!important;
  color:#aa97c8!important;
  box-shadow:0 6px 18px rgba(0,0,0,.18)!important;
}
body.app-page:not(.admin-area) .create-server-page .create-step.active span{
  background:linear-gradient(145deg,#a78bfa,#7c3aed)!important;
  border-color:#c4b5fd!important;
  color:#fff!important;
  box-shadow:0 0 0 5px rgba(139,92,246,.10),0 8px 24px rgba(109,40,217,.28)!important;
}
body.app-page:not(.admin-area) .create-server-page .create-step>div{
  min-width:0!important;
  text-align:right!important;
}
body.app-page:not(.admin-area) .create-server-page .create-step strong{
  display:block!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1.35!important;
  white-space:nowrap!important;
}
body.app-page:not(.admin-area) .create-server-page .create-step small{
  display:block!important;
  margin-top:4px!important;
  font-size:10px!important;
  line-height:1.45!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:220px!important;
}
body.app-page:not(.admin-area) .create-server-page .create-step.active strong{color:#fff!important}
body.app-page:not(.admin-area) .create-server-page .create-step.active small{color:#c4b5fd!important}

body.app-page:not(.admin-area) .create-server-page .create-submit{
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease!important;
}
body.app-page:not(.admin-area) .create-server-page .create-submit:disabled{
  opacity:1!important;
  cursor:wait!important;
  filter:saturate(.9)!important;
}
body.app-page:not(.admin-area) .create-server-page .create-submit .create-submit-spinner{
  width:14px!important;height:14px!important;border-width:2px!important;
  border-color:rgba(255,255,255,.35)!important;
  border-top-color:#fff!important;
  margin-left:7px!important;
  vertical-align:-2px!important;
}

body.app-page:not(.admin-area) .create-server-page ~ .create-progress-overlay,
body.app-page:not(.admin-area) + .create-progress-overlay,
body.app-page .create-progress-overlay{
  position:fixed!important;
  inset:0!important;
  z-index:99999!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:24px!important;
  background:rgba(5,3,12,.78)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .22s ease,visibility .22s ease!important;
}
body.app-page .create-progress-overlay.show{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
body.app-page .create-loading-card{
  width:min(520px,100%)!important;
  position:relative!important;
  overflow:hidden!important;
  text-align:center!important;
  padding:42px 36px 32px!important;
  border-radius:26px!important;
  border:1px solid rgba(196,181,253,.20)!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(139,92,246,.20),transparent 42%),
    linear-gradient(145deg,#1d1430 0%,#120d20 72%,#0c0814 100%)!important;
  box-shadow:0 30px 100px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.045)!important;
}
body.app-page .create-loading-card:before{
  content:""!important;
  position:absolute!important;
  width:260px!important;height:260px!important;
  left:50%!important;top:-160px!important;
  transform:translateX(-50%)!important;
  border-radius:50%!important;
  background:rgba(139,92,246,.14)!important;
  filter:blur(35px)!important;
  pointer-events:none!important;
}
body.app-page .create-loading-orbit{
  width:92px!important;height:92px!important;
  position:relative!important;
  margin:0 auto 22px!important;
  display:grid!important;
  place-items:center!important;
}
body.app-page .create-loading-orbit .orbit{
  position:absolute!important;
  inset:0!important;
  border-radius:50%!important;
  border:2px solid transparent!important;
}
body.app-page .create-loading-orbit .orbit-a{
  border-top-color:#a78bfa!important;
  border-right-color:rgba(167,139,250,.18)!important;
  animation:createOrbitSpin 1.05s linear infinite!important;
}
body.app-page .create-loading-orbit .orbit-b{
  inset:10px!important;
  border-bottom-color:#7c3aed!important;
  border-left-color:rgba(124,58,237,.15)!important;
  animation:createOrbitSpinReverse 1.45s linear infinite!important;
}
body.app-page .create-loading-orbit .orbit-core{
  width:54px!important;height:54px!important;
  display:grid!important;place-items:center!important;
  border-radius:50%!important;
  color:#fff!important;
  font-size:20px!important;font-weight:900!important;
  background:linear-gradient(145deg,#9b70f5,#6d28d9)!important;
  box-shadow:0 0 0 7px rgba(139,92,246,.09),0 10px 30px rgba(109,40,217,.35)!important;
  animation:createCorePulse 1.6s ease-in-out infinite!important;
}
body.app-page .create-loading-kicker{
  color:#c4b5fd!important;
  font-size:11px!important;
  font-weight:800!important;
  margin-bottom:7px!important;
}
body.app-page .create-loading-card .create-progress-title{
  position:relative!important;
  margin:0!important;
  color:#fff!important;
  font-size:23px!important;
  font-weight:900!important;
}
body.app-page .create-loading-card .create-progress-text{
  position:relative!important;
  max-width:410px!important;
  margin:11px auto 20px!important;
  color:#b5a6c8!important;
  font-size:12px!important;
  line-height:2!important;
}
body.app-page .create-loading-steps{
  display:flex!important;
  justify-content:center!important;
  gap:7px!important;
  margin:0 auto 18px!important;
}
body.app-page .create-loading-steps span{
  width:7px!important;height:7px!important;
  border-radius:50%!important;
  background:#3a2a50!important;
  transition:.2s!important;
}
body.app-page .create-loading-steps span.done{background:#a78bfa!important}
body.app-page .create-loading-steps span.active{
  width:24px!important;
  border-radius:99px!important;
  background:#8b5cf6!important;
  animation:createDotPulse 1s ease-in-out infinite!important;
}
body.app-page .create-loading-card .create-progress-status{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  color:#8f80a4!important;
  font-size:10px!important;
}
body.app-page .create-loading-card .create-progress-status span{
  width:7px!important;height:7px!important;border-radius:50%!important;
  background:#34d399!important;
  box-shadow:0 0 0 4px rgba(52,211,153,.08)!important;
  animation:createStatusPulse 1.4s ease-in-out infinite!important;
}
@keyframes createOrbitSpin{to{transform:rotate(360deg)}}
@keyframes createOrbitSpinReverse{to{transform:rotate(-360deg)}}
@keyframes createCorePulse{50%{transform:scale(1.05);box-shadow:0 0 0 10px rgba(139,92,246,.06),0 12px 34px rgba(109,40,217,.42)}}
@keyframes createDotPulse{50%{opacity:.55;transform:scale(.92)}}
@keyframes createStatusPulse{50%{opacity:.45}}
@media(max-width:720px){
  body.app-page:not(.admin-area) .create-server-page .create-progress{
    grid-template-columns:1fr!important;
    gap:14px!important;
    padding:15px!important;
  }
  body.app-page:not(.admin-area) .create-server-page .create-progress:before{display:none!important}
  body.app-page:not(.admin-area) .create-server-page .create-step{justify-content:flex-start!important;padding:0 6px!important}
  body.app-page:not(.admin-area) .create-server-page .create-step>div{text-align:right!important}
  body.app-page:not(.admin-area) .create-server-page .create-step small{max-width:none!important}
  body.app-page .create-loading-card{padding:36px 22px 28px!important;border-radius:22px!important}
}
@media(prefers-reduced-motion:reduce){
  body.app-page .create-loading-orbit .orbit,
  body.app-page .create-loading-orbit .orbit-core,
  body.app-page .create-loading-steps span,
  body.app-page .create-loading-card .create-progress-status span{animation:none!important}
}


/* V6.48 — Create steps visual refinement */
body.app-page:not(.admin-area) .create-server-page .create-progress{
  min-height:92px!important;
  padding:16px 26px!important;
  border-radius:17px!important;
  background:linear-gradient(145deg,rgba(24,16,39,.98),rgba(15,10,25,.98))!important;
  border-color:rgba(196,181,253,.15)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.10),inset 0 1px rgba(255,255,255,.025)!important;
}
body.app-page:not(.admin-area) .create-server-page .create-progress:before{
  left:12%!important;
  right:12%!important;
  top:50%!important;
  height:1px!important;
  transform:none!important;
  background:linear-gradient(90deg,transparent 0%,rgba(139,92,246,.18) 10%,rgba(139,92,246,.34) 50%,rgba(139,92,246,.18) 90%,transparent 100%)!important;
}
body.app-page:not(.admin-area) .create-server-page .create-step{
  gap:10px!important;
  padding:0 14px!important;
  min-height:56px!important;
}
body.app-page:not(.admin-area) .create-server-page .create-step span{
  flex-basis:38px!important;
  width:38px!important;
  height:38px!important;
  font-size:13px!important;
  border-radius:12px!important;
  background:#1a1229!important;
  border-color:rgba(196,181,253,.20)!important;
  color:#a997bf!important;
  box-shadow:0 5px 14px rgba(0,0,0,.16)!important;
  transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
body.app-page:not(.admin-area) .create-server-page .create-step.active span{
  width:40px!important;
  height:40px!important;
  flex-basis:40px!important;
  border-radius:13px!important;
  background:linear-gradient(145deg,#9b70f5,#7c3aed)!important;
  border-color:rgba(218,202,255,.82)!important;
  box-shadow:0 0 0 4px rgba(139,92,246,.08),0 9px 22px rgba(109,40,217,.24)!important;
  transform:none!important;
}
body.app-page:not(.admin-area) .create-server-page .create-step>div{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
}
body.app-page:not(.admin-area) .create-server-page .create-step strong{
  font-size:12px!important;
  line-height:1.45!important;
  letter-spacing:-.1px!important;
}
body.app-page:not(.admin-area) .create-server-page .create-step small{
  margin-top:3px!important;
  font-size:9px!important;
  line-height:1.5!important;
  max-width:190px!important;
  color:#9383a8!important;
}
body.app-page:not(.admin-area) .create-server-page .create-step.active strong{color:#faf7ff!important}
body.app-page:not(.admin-area) .create-server-page .create-step.active small{color:#bca9df!important}

@media(max-width:720px){
  body.app-page:not(.admin-area) .create-server-page .create-progress{padding:13px 8px!important;min-height:84px!important}
  body.app-page:not(.admin-area) .create-server-page .create-step{gap:7px!important;padding:0 5px!important}
  body.app-page:not(.admin-area) .create-server-page .create-step span{width:34px!important;height:34px!important;flex-basis:34px!important;border-radius:10px!important;font-size:11px!important}
  body.app-page:not(.admin-area) .create-server-page .create-step.active span{width:36px!important;height:36px!important;flex-basis:36px!important;border-radius:11px!important}
  body.app-page:not(.admin-area) .create-server-page .create-step strong{font-size:10px!important}
  body.app-page:not(.admin-area) .create-server-page .create-step small{font-size:8px!important;max-width:125px!important}
}

/* V6.47 — Preserve full-color eNAMAD seal; never inherit theme filters */
.sidebar-enamad,
.sidebar-enamad a,
.auth-enamad-rail,
.auth-enamad-rail a,
.landing-footer-enamad,
.landing-footer-enamad a{
  filter:none !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
}
.sidebar-enamad img,
.auth-enamad-rail img,
.landing-footer-enamad img{
  filter:none !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
  -webkit-filter:none !important;
  color-scheme:light !important;
}
.sidebar-enamad a,
.auth-enamad-rail a,
.landing-footer-enamad a{
  background:#fff !important;
}

/* V6.48 — Unified eNAMAD seal presentation everywhere */
.sidebar-enamad,
.auth-enamad-rail,
.landing-footer-enamad{
  filter:none!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
}
.sidebar-enamad img,
.auth-enamad-rail img,
.landing-footer-enamad img{
  display:block!important;
  filter:none!important;
  -webkit-filter:none!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
  object-fit:contain!important;
  background:#fff!important;
  border:0!important;
  box-shadow:none!important;
}
.sidebar-enamad a,
.auth-enamad-rail a,
.landing-footer-enamad a{
  background:#fff!important;
  filter:none!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
}
.sidebar-enamad img{width:94px!important;height:auto!important;max-width:94px!important}
.auth-enamad-rail img{width:88px!important;height:auto!important;max-width:88px!important}
.landing-footer-enamad img{width:82px!important;height:auto!important;max-width:82px!important}
@media(max-width:760px){
  .sidebar-enamad img{width:82px!important;max-width:82px!important}
  .auth-enamad-rail img{width:66px!important;max-width:66px!important}
}
@media(max-width:640px){
  .landing-footer-enamad img{width:74px!important;max-width:74px!important}
}


/* V6.49 — eNAMAD: keep the official seal full-color on all browsers/mobile.
   Do not apply dark-mode, grayscale, opacity, blend or inherited visual effects. */
.sidebar-enamad, .sidebar-enamad a, .auth-enamad-rail, .auth-enamad-rail a,
.landing-footer-enamad, .landing-footer-enamad a {
  filter: none !important; -webkit-filter: none !important;
  opacity: 1 !important; mix-blend-mode: normal !important;
  color-scheme: light !important; forced-color-adjust: none !important;
  isolation: isolate !important;
}
.sidebar-enamad img, .auth-enamad-rail img, .landing-footer-enamad img {
  filter: none !important; -webkit-filter: none !important;
  opacity: 1 !important; mix-blend-mode: normal !important;
  color-scheme: light !important; forced-color-adjust: none !important;
  background: #fff !important;
  display: block !important;
}


/* ===== Unified Premium Admin Theme ===== */
:root{
 --app-bg:#f3f6fb; --surface:#ffffff; --surface-soft:#f8fafc;
 --ink:#17243b; --muted:#718096; --line:#e3eaf3;
 --primary:#3157d5; --primary-dark:#2444b4; --accent:#12a594;
 --success:#138a67; --warning:#b7791f; --danger:#d6455d;
 --shadow-sm:0 3px 12px rgba(28,48,85,.06);
 --shadow-md:0 12px 32px rgba(28,48,85,.09);
 --radius:16px;
}
html{scroll-behavior:smooth}
body{background:var(--app-bg)!important;color:var(--ink)!important;line-height:1.75}
a{transition:color .18s ease,background .18s ease,transform .18s ease}
.navbar,header.navbar,.topbar{background:linear-gradient(115deg,#172746 0%,#243d70 58%,#3157a8 100%)!important;color:#fff!important;box-shadow:0 5px 22px rgba(23,39,70,.16);border-bottom:1px solid rgba(255,255,255,.1)}
.navbar a,.navbar .brand,.topbar a{color:#fff!important}
.brand{letter-spacing:-.3px}
.container{max-width:1320px}
.card,.panel,.stat-card,.section-card,.box-card{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;box-shadow:var(--shadow-sm)!important;transition:box-shadow .2s ease,border-color .2s ease}
.card:hover,.panel:hover,.stat-card:hover{box-shadow:var(--shadow-md)!important;border-color:#d2def0!important}
h1,h2,h3,h4,.page-title{color:var(--ink);letter-spacing:-.35px;line-height:1.5}
.muted,.text-muted,.help-text,small{color:var(--muted)}
button,.btn,input[type=submit],input[type=button],.button{font-family:inherit!important;font-weight:700;border-radius:10px!important;transition:transform .16s ease,box-shadow .16s ease,background .16s ease;}
.btn,button.btn,input[type=submit],input[type=button],.button{background:var(--primary);color:#fff;border:1px solid transparent;box-shadow:0 4px 10px rgba(49,87,213,.13)}
.btn:hover,button:hover,input[type=submit]:hover,.button:hover{transform:translateY(-1px);box-shadow:0 7px 16px rgba(49,87,213,.2)}
.btn.secondary,.btn-secondary{background:#eaf0fb!important;color:#294a9e!important;border-color:#dce6fa!important;box-shadow:none!important}
.btn.success,.btn-success{background:var(--success)!important;color:#fff!important}
.btn.danger,.btn-danger{background:var(--danger)!important;color:#fff!important}
.btn.warning,.btn-warning{background:#fff3d8!important;color:#8c5c12!important;border-color:#f4dfb2!important;box-shadow:none!important}
input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=hidden]),select,textarea{background:#fff;color:var(--ink);border:1px solid #d9e2ef!important;border-radius:10px!important;outline:none;transition:border-color .15s ease,box-shadow .15s ease}
input:focus,select:focus,textarea:focus{border-color:#7895ee!important;box-shadow:0 0 0 3px rgba(49,87,213,.11)!important}
input::placeholder,textarea::placeholder{color:#9aa8bb}
table{border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff}
th{background:#f5f8fd!important;color:#53627b;font-weight:800}
th,td{border-bottom:1px solid var(--line)!important;padding:13px 12px}
tr:last-child td{border-bottom:0!important} tbody tr:hover{background:#f8faff}
.badge,.pill,.tag{border-radius:999px;font-weight:700;padding:5px 10px}
.badge.running,.badge.success,.status-success{background:#dcf7ee!important;color:#087654!important}
.badge.off,.badge.danger,.status-danger{background:#ffeaee!important;color:#b52f48!important}
.alert{border-radius:12px!important;border:1px solid var(--line);padding:13px 16px}
hr,.divider{border-color:var(--line)!important}
nav a.active,.navbar a.active{background:rgba(255,255,255,.14);border-radius:9px}
/* Keep admin pages readable on narrow screens */
@media(max-width:760px){.container{margin:18px auto!important;padding:0 12px!important}.card,.panel{padding:16px!important;border-radius:13px!important}.navbar{padding:0 14px!important;min-height:60px;height:auto;gap:10px;flex-wrap:wrap}table{display:block;max-width:100%;overflow-x:auto;white-space:nowrap}h1{font-size:1.45rem}h2{font-size:1.2rem}.btn,button{max-width:100%}}

/* ==========================================================
   CloudPrice Customer Panel — Controlled Futuristic Violet
   CSS-only visual layer; no application behavior is changed.
   ========================================================== */
:root{
  --cp-fx-bg:#090711;
  --cp-fx-panel:#131020;
  --cp-fx-panel-2:#19142a;
  --cp-fx-border:rgba(167,139,250,.19);
  --cp-fx-text:#f5f1ff;
  --cp-fx-muted:#aaa0c1;
  --cp-fx-violet:#a78bfa;
  --cp-fx-purple:#8b5cf6;
  --cp-fx-cyan:#67e8f9;
  --cp-fx-glow:0 0 28px rgba(139,92,246,.12);
}
body.app-page:not(.admin-area):not(.landing-body){
  background:radial-gradient(ellipse at 82% 0%,rgba(124,58,237,.12),transparent 32%),radial-gradient(ellipse at 0% 55%,rgba(34,211,238,.045),transparent 28%),var(--cp-fx-bg)!important;
  color:var(--cp-fx-text)!important;
  color-scheme:dark;
}
body.app-page:not(.admin-area):not(.landing-body) .app-shell{background:transparent!important;min-height:100vh}
body.app-page:not(.admin-area):not(.landing-body) .sidebar{
  background:linear-gradient(180deg,rgba(19,15,34,.98),rgba(10,8,18,.99))!important;
  border-right:1px solid rgba(167,139,250,.16);
  box-shadow:12px 0 42px rgba(0,0,0,.18),inset -1px 0 rgba(255,255,255,.018);
  backdrop-filter:blur(18px);
}
body.app-page:not(.admin-area):not(.landing-body) .sidebar-brand{border-bottom:1px solid rgba(167,139,250,.12);margin-bottom:18px;padding-bottom:22px}
body.app-page:not(.admin-area):not(.landing-body) .sidebar-brand .brand-mark,
body.app-page:not(.admin-area):not(.landing-body) .mobile-brand .brand-mark{
  background:linear-gradient(145deg,#a78bfa,#6d28d9)!important;color:#fff!important;
  border:1px solid rgba(221,214,254,.3);box-shadow:0 0 24px rgba(139,92,246,.28),inset 0 1px rgba(255,255,255,.24)
}
body.app-page:not(.admin-area):not(.landing-body) .sidebar-brand b{color:#faf7ff;letter-spacing:-.5px}
body.app-page:not(.admin-area):not(.landing-body) .sidebar-brand small{color:#a99cbe}
body.app-page:not(.admin-area):not(.landing-body) .side-nav{gap:7px}
body.app-page:not(.admin-area):not(.landing-body) .side-nav a{
  color:#c5bbd8!important;border:1px solid transparent;border-radius:12px;
  padding:12px 14px;position:relative;transition:background .2s,border-color .2s,color .2s,transform .2s;
}
body.app-page:not(.admin-area):not(.landing-body) .side-nav a span{color:#a99ac4;font-size:21px}
body.app-page:not(.admin-area):not(.landing-body) .side-nav a:hover{background:rgba(139,92,246,.09);border-color:rgba(167,139,250,.13);color:#fff!important;transform:translateX(-2px)}
body.app-page:not(.admin-area):not(.landing-body) .side-nav a.active{
  color:#fff!important;background:linear-gradient(100deg,rgba(124,58,237,.29),rgba(76,29,149,.14))!important;
  border-color:rgba(167,139,250,.28);box-shadow:inset 0 0 0 1px rgba(196,181,253,.035),0 8px 22px rgba(0,0,0,.12)!important;
}
body.app-page:not(.admin-area):not(.landing-body) .side-nav a.active:before{content:"";position:absolute;right:-1px;top:20%;bottom:20%;width:3px;border-radius:3px;background:var(--cp-fx-cyan);box-shadow:0 0 12px rgba(103,232,249,.6)}
body.app-page:not(.admin-area):not(.landing-body) .side-nav a.active span{color:var(--cp-fx-cyan)}
body.app-page:not(.admin-area):not(.landing-body) .sidebar-service{border-top:1px solid rgba(167,139,250,.12);margin-top:14px;padding-top:18px;color:#ddd4f0}
body.app-page:not(.admin-area):not(.landing-body) .sidebar-service small{color:#9285ab}
body.app-page:not(.admin-area):not(.landing-body) .sidebar-user{background:linear-gradient(135deg,rgba(139,92,246,.09),rgba(255,255,255,.015))!important;border-color:rgba(167,139,250,.19)!important;border-radius:14px}
body.app-page:not(.admin-area):not(.landing-body) .sidebar-user .user-avatar,
body.app-page:not(.admin-area):not(.landing-body) .top-avatar{background:linear-gradient(135deg,#c4b5fd,#7c3aed)!important;color:#160d28!important;box-shadow:0 0 16px rgba(139,92,246,.2)}
body.app-page:not(.admin-area):not(.landing-body) .sidebar-user strong{color:#f5f1ff}
body.app-page:not(.admin-area):not(.landing-body) .sidebar-user small{color:#a99cbe}
body.app-page:not(.admin-area):not(.landing-body) .topbar{
  background:rgba(13,10,23,.82)!important;border-bottom:1px solid rgba(167,139,250,.15);
  box-shadow:0 8px 28px rgba(0,0,0,.12)!important;backdrop-filter:blur(18px);color:#f5f1ff!important
}
body.app-page:not(.admin-area):not(.landing-body) .topbar-user{color:#e8e0f7}
body.app-page:not(.admin-area):not(.landing-body) .topbar-user>a{color:#d4c5ff!important}
body.app-page:not(.admin-area):not(.landing-body) .topbar-user .bell{background:rgba(139,92,246,.12)!important;border:1px solid rgba(167,139,250,.2);color:#e9d5ff;border-radius:11px!important}
body.app-page:not(.admin-area):not(.landing-body) .modern-container{padding-top:32px;padding-bottom:54px}
body.app-page:not(.admin-area):not(.landing-body) .page-heading-row h1,
body.app-page:not(.admin-area):not(.landing-body) .server-heading h1,
body.app-page:not(.admin-area):not(.landing-body) .modern-container h1,
body.app-page:not(.admin-area):not(.landing-body) .modern-container h2,
body.app-page:not(.admin-area):not(.landing-body) .modern-container h3{color:var(--cp-fx-text)!important}
body.app-page:not(.admin-area):not(.landing-body) .page-heading-row p,
body.app-page:not(.admin-area):not(.landing-body) .server-heading p{color:var(--cp-fx-muted)!important}
body.app-page:not(.admin-area):not(.landing-body) .eyebrow-icon,
body.app-page:not(.admin-area):not(.landing-body) .panel-icon{
  color:#d8b4fe!important;background:linear-gradient(145deg,rgba(139,92,246,.2),rgba(103,232,249,.055))!important;
  border:1px solid rgba(167,139,250,.22);box-shadow:inset 0 1px rgba(255,255,255,.035),0 0 22px rgba(139,92,246,.07)
}
body.app-page:not(.admin-area):not(.landing-body) .modern-primary,
body.app-page:not(.admin-area):not(.landing-body) .modern-primary:visited{
  background:linear-gradient(115deg,#8b5cf6,#6d28d9)!important;color:#fff!important;border:1px solid rgba(216,180,254,.24)!important;
  box-shadow:0 8px 24px rgba(109,40,217,.24),inset 0 1px rgba(255,255,255,.17)!important;border-radius:11px!important
}
body.app-page:not(.admin-area):not(.landing-body) .modern-primary:hover{background:linear-gradient(115deg,#a78bfa,#7c3aed)!important;box-shadow:0 10px 28px rgba(139,92,246,.32)!important}
body.app-page:not(.admin-area):not(.landing-body) .modern-secondary{background:rgba(139,92,246,.08)!important;color:#e9d5ff!important;border-color:rgba(167,139,250,.22)!important}
body.app-page:not(.admin-area):not(.landing-body) .stat-card,
body.app-page:not(.admin-area):not(.landing-body) .servers-panel,
body.app-page:not(.admin-area):not(.landing-body) .modern-card,
body.app-page:not(.admin-area):not(.landing-body) .server-summary-banner,
body.app-page:not(.admin-area):not(.landing-body) .billing-card,
body.app-page:not(.admin-area):not(.landing-body) .wallet-card,
body.app-page:not(.admin-area):not(.landing-body) .support-card{
  background:linear-gradient(145deg,rgba(25,20,42,.97),rgba(16,13,28,.98))!important;
  border:1px solid var(--cp-fx-border)!important;border-radius:17px!important;
  box-shadow:0 14px 36px rgba(0,0,0,.17),inset 0 1px rgba(255,255,255,.025)!important;color:var(--cp-fx-text)!important
}
body.app-page:not(.admin-area):not(.landing-body) .stat-card:hover,
body.app-page:not(.admin-area):not(.landing-body) .servers-panel:hover,
body.app-page:not(.admin-area):not(.landing-body) .modern-card:hover{
  border-color:rgba(167,139,250,.32)!important;box-shadow:0 16px 40px rgba(0,0,0,.23),0 0 24px rgba(139,92,246,.055)!important
}
body.app-page:not(.admin-area):not(.landing-body) .stat-card{position:relative;overflow:hidden;min-width:0}
body.app-page:not(.admin-area):not(.landing-body) .stat-card:after{content:"";position:absolute;top:0;right:20px;left:20px;height:1px;background:linear-gradient(90deg,transparent,rgba(196,181,253,.38),transparent)}
body.app-page:not(.admin-area):not(.landing-body) .stat-card small,
body.app-page:not(.admin-area):not(.landing-body) .stat-card p,
body.app-page:not(.admin-area):not(.landing-body) .panel-heading small{color:var(--cp-fx-muted)!important}
body.app-page:not(.admin-area):not(.landing-body) .stat-card strong{color:#fbfaff!important}
body.app-page:not(.admin-area):not(.landing-body) .stat-icon.blue{background:rgba(103,232,249,.1)!important;color:#67e8f9!important}
body.app-page:not(.admin-area):not(.landing-body) .stat-icon.green{background:rgba(52,211,153,.1)!important;color:#6ee7b7!important}
body.app-page:not(.admin-area):not(.landing-body) .stat-icon.purple{background:rgba(167,139,250,.14)!important;color:#d8b4fe!important}
body.app-page:not(.admin-area):not(.landing-body) .stat-icon.orange{background:rgba(251,191,36,.1)!important;color:#fcd34d!important}
body.app-page:not(.admin-area):not(.landing-body) .panel-heading h2{color:#f5f1ff!important}
body.app-page:not(.admin-area):not(.landing-body) .panel-tools select,
body.app-page:not(.admin-area):not(.landing-body) input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=hidden]),
body.app-page:not(.admin-area):not(.landing-body) select,
body.app-page:not(.admin-area):not(.landing-body) textarea{
  background:#100d1b!important;color:#f5f1ff!important;border:1px solid rgba(167,139,250,.24)!important;border-radius:10px!important
}
body.app-page:not(.admin-area):not(.landing-body) input:focus,
body.app-page:not(.admin-area):not(.landing-body) select:focus,
body.app-page:not(.admin-area):not(.landing-body) textarea:focus{border-color:rgba(103,232,249,.6)!important;box-shadow:0 0 0 3px rgba(103,232,249,.09)!important}
body.app-page:not(.admin-area):not(.landing-body) input::placeholder,
body.app-page:not(.admin-area):not(.landing-body) textarea::placeholder{color:#827697!important}
body.app-page:not(.admin-area):not(.landing-body) .server-row{
  background:linear-gradient(110deg,rgba(25,20,42,.99),rgba(17,13,30,.99))!important;
  border:1px solid rgba(167,139,250,.2)!important;border-left:3px solid #6ee7b7!important;border-radius:15px!important;
  box-shadow:0 8px 24px rgba(0,0,0,.12);transition:border-color .2s,transform .2s,box-shadow .2s
}
body.app-page:not(.admin-area):not(.landing-body) .server-row:hover{transform:translateY(-2px);border-color:rgba(167,139,250,.34)!important;box-shadow:0 14px 30px rgba(0,0,0,.2),0 0 20px rgba(139,92,246,.06)}
body.app-page:not(.admin-area):not(.landing-body) .server-main,
body.app-page:not(.admin-area):not(.landing-body) .server-meta,
body.app-page:not(.admin-area):not(.landing-body) .server-os{border-color:rgba(167,139,250,.1)!important}
body.app-page:not(.admin-area):not(.landing-body) .server-main h3{color:#f5f1ff!important}
body.app-page:not(.admin-area):not(.landing-body) .server-main small,
body.app-page:not(.admin-area):not(.landing-body) .server-meta small,
body.app-page:not(.admin-area):not(.landing-body) .server-os small{color:#a99cbe!important}
body.app-page:not(.admin-area):not(.landing-body) .server-meta strong,
body.app-page:not(.admin-area):not(.landing-body) .server-os strong{color:#e7def7!important}
body.app-page:not(.admin-area):not(.landing-body) .os-logo-box{background:rgba(139,92,246,.09)!important;border-color:rgba(167,139,250,.19)!important}
body.app-page:not(.admin-area):not(.landing-body) .status-pill.running{background:rgba(52,211,153,.12)!important;color:#6ee7b7!important;border:1px solid rgba(52,211,153,.18)}
body.app-page:not(.admin-area):not(.landing-body) .status-pill.off{background:rgba(248,113,113,.1)!important;color:#fda4af!important;border:1px solid rgba(248,113,113,.17)}
body.app-page:not(.admin-area):not(.landing-body) .server-actions{border-top-color:rgba(167,139,250,.13)!important}
body.app-page:not(.admin-area):not(.landing-body) .outline-success,
body.app-page:not(.admin-area):not(.landing-body) .outline-danger,
body.app-page:not(.admin-area):not(.landing-body) .details-btn{background:rgba(139,92,246,.075)!important;border-color:rgba(167,139,250,.22)!important;color:#e9d5ff!important;border-radius:10px!important}
body.app-page:not(.admin-area):not(.landing-body) .outline-success{color:#6ee7b7!important;border-color:rgba(52,211,153,.27)!important;background:rgba(52,211,153,.07)!important}
body.app-page:not(.admin-area):not(.landing-body) .outline-danger{color:#fda4af!important;border-color:rgba(248,113,113,.27)!important;background:rgba(248,113,113,.07)!important}
body.app-page:not(.admin-area):not(.landing-body) .details-btn{margin-left:auto}
body.app-page:not(.admin-area):not(.landing-body) .empty-state{color:var(--cp-fx-muted)!important}
body.app-page:not(.admin-area):not(.landing-body) .empty-state>div{color:#c4b5fd!important}
body.app-page:not(.admin-area):not(.landing-body) .empty-state h3{color:#f5f1ff!important}
/* Server details */
body.app-page:not(.admin-area):not(.landing-body) .server-details-page .modern-back{color:#c4b5fd!important}
body.app-page:not(.admin-area):not(.landing-body) .server-details-page .server-heading h1{color:#faf7ff!important}
body.app-page:not(.admin-area):not(.landing-body) .server-summary-banner{background:linear-gradient(145deg,rgba(25,20,42,.98),rgba(15,12,26,.99))!important;overflow:hidden}
body.app-page:not(.admin-area):not(.landing-body) .summary-primary h2{color:#faf7ff!important}
body.app-page:not(.admin-area):not(.landing-body) .summary-primary small,
body.app-page:not(.admin-area):not(.landing-body) .summary-item small{color:#a99cbe!important}
body.app-page:not(.admin-area):not(.landing-body) .summary-item strong{color:#e9e2f7!important}
body.app-page:not(.admin-area):not(.landing-body) .summary-item{border-color:rgba(167,139,250,.12)!important}
body.app-page:not(.admin-area):not(.landing-body) .big-os-logo{box-shadow:0 0 26px rgba(139,92,246,.12)!important;border-color:rgba(167,139,250,.22)!important}
body.app-page:not(.admin-area):not(.landing-body) .detail-tabs,
body.app-page:not(.admin-area):not(.landing-body) .server-detail-tabs{background:rgba(17,13,30,.94)!important;border:1px solid rgba(167,139,250,.2)!important;border-radius:14px!important;box-shadow:0 12px 28px rgba(0,0,0,.12)}
body.app-page:not(.admin-area):not(.landing-body) .detail-tabs span{color:#b8accd!important}
body.app-page:not(.admin-area):not(.landing-body) .detail-tabs span.active{color:#e9d5ff!important;border-bottom-color:#a78bfa!important}
body.app-page:not(.admin-area):not(.landing-body) .server-detail-tab-nav{gap:7px!important;padding:8px!important}
body.app-page:not(.admin-area):not(.landing-body) .server-detail-tab{color:#bfb3d4!important;border:1px solid transparent!important;border-radius:10px!important;background:transparent!important}
body.app-page:not(.admin-area):not(.landing-body) .server-detail-tab:hover{background:rgba(139,92,246,.09)!important;color:#f5f1ff!important}
body.app-page:not(.admin-area):not(.landing-body) .server-detail-tab.is-active{background:linear-gradient(120deg,rgba(124,58,237,.25),rgba(103,232,249,.045))!important;border-color:rgba(167,139,250,.23)!important;color:#f5f1ff!important;box-shadow:inset 0 1px rgba(255,255,255,.04)!important}
body.app-page:not(.admin-area):not(.landing-body) .info-table>div{border-color:rgba(167,139,250,.12)!important}
body.app-page:not(.admin-area):not(.landing-body) .info-table>div>span{color:#a99cbe!important}
body.app-page:not(.admin-area):not(.landing-body) .info-table>div>strong{color:#eee7fb!important}
body.app-page:not(.admin-area):not(.landing-body) .modern-card h2{color:#f5f1ff!important}
body.app-page:not(.admin-area):not(.landing-body) .quick-grid .quick,
body.app-page:not(.admin-area):not(.landing-body) .quick-grid .rebuild-link,
body.app-page:not(.admin-area):not(.landing-body) .quick-grid .quick-password-card{
  background:linear-gradient(145deg,rgba(30,23,48,.97),rgba(17,13,29,.98))!important;
  border:1px solid rgba(167,139,250,.2)!important;border-radius:14px!important;color:#f5f1ff!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 8px 20px rgba(0,0,0,.12)!important
}
body.app-page:not(.admin-area):not(.landing-body) .quick-grid .quick> b,
body.app-page:not(.admin-area):not(.landing-body) .quick-grid .rebuild-link> b{background:rgba(139,92,246,.15)!important;color:#d8b4fe!important;border:1px solid rgba(167,139,250,.18)!important}
body.app-page:not(.admin-area):not(.landing-body) .quick-grid .quick strong,
body.app-page:not(.admin-area):not(.landing-body) .quick-grid .rebuild-link strong{color:#f5f1ff!important}
body.app-page:not(.admin-area):not(.landing-body) .quick-grid .quick small,
body.app-page:not(.admin-area):not(.landing-body) .quick-grid .rebuild-link small,
body.app-page:not(.admin-area):not(.landing-body) .quick-muted{color:#a99cbe!important}
body.app-page:not(.admin-area):not(.landing-body) .quick-grid .quick.success{border-color:rgba(52,211,153,.25)!important}
body.app-page:not(.admin-area):not(.landing-body) .quick-grid .quick.danger{border-color:rgba(248,113,113,.23)!important}
body.app-page:not(.admin-area):not(.landing-body) .quick-grid .rebuild-link:hover,
body.app-page:not(.admin-area):not(.landing-body) .quick-grid .quick:hover{border-color:rgba(196,181,253,.4)!important;transform:translateY(-2px)}
body.app-page:not(.admin-area):not(.landing-body) .quick-password-row input{background:#0c0916!important;color:#f5f1ff!important;border-color:rgba(167,139,250,.22)!important}
body.app-page:not(.admin-area):not(.landing-body) .quick-mini-btn,
body.app-page:not(.admin-area):not(.landing-body) .quick-password-generate{background:rgba(139,92,246,.16)!important;color:#e9d5ff!important;border-color:rgba(167,139,250,.25)!important}
body.app-page:not(.admin-area):not(.landing-body) .primary-ip-tab-card{background:linear-gradient(145deg,#151020,#0e0b18)!important}
body.app-page:not(.admin-area):not(.landing-body) .primary-ip-pool-card{box-shadow:0 16px 34px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.03)!important}
body.app-page:not(.admin-area):not(.landing-body) .traffic-usage-card{border-color:rgba(167,139,250,.25)!important;box-shadow:0 16px 36px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.035)!important}
/* Other user-panel modules */
body.app-page:not(.admin-area):not(.landing-body) .create-main-card,
body.app-page:not(.admin-area):not(.landing-body) .create-server-form,
body.app-page:not(.admin-area):not(.landing-body) .create-progress,
body.app-page:not(.admin-area):not(.landing-body) .help-card,
body.app-page:not(.admin-area):not(.landing-body) .create-side .side-card,
body.app-page:not(.admin-area):not(.landing-body) .config-block,
body.app-page:not(.admin-area):not(.landing-body) .private-network-box,
body.app-page:not(.admin-area):not(.landing-body) .network-option,
body.app-page:not(.admin-area):not(.landing-body) .private-network-option,
body.app-page:not(.admin-area):not(.landing-body) .toggle-row,
body.app-page:not(.admin-area):not(.landing-body) .billing-card,
body.app-page:not(.admin-area):not(.landing-body) .notification-card,
body.app-page:not(.admin-area):not(.landing-body) .support-thread,
body.app-page:not(.admin-area):not(.landing-body) .support-form-card{
  background:linear-gradient(145deg,rgba(25,20,42,.97),rgba(15,12,26,.98))!important;border-color:rgba(167,139,250,.19)!important;color:#f5f1ff!important;box-shadow:0 12px 30px rgba(0,0,0,.16)!important
}
body.app-page:not(.admin-area):not(.landing-body) .create-server-page label,
body.app-page:not(.admin-area):not(.landing-body) .create-server-page .section-label,
body.app-page:not(.admin-area):not(.landing-body) .create-server-page .panel-title h2{color:#f5f1ff!important}
body.app-page:not(.admin-area):not(.landing-body) .create-server-page small,
body.app-page:not(.admin-area):not(.landing-body) .create-server-page .field-help{color:#a99cbe!important}
body.app-page:not(.admin-area):not(.landing-body) .server-type-card,
body.app-page:not(.admin-area):not(.landing-body) .os-card,
body.app-page:not(.admin-area):not(.landing-body) .os-version-card,
body.app-page:not(.admin-area):not(.landing-body) .location-card{background:linear-gradient(145deg,#19142a,#100d1b)!important;border-color:rgba(167,139,250,.19)!important;color:#f5f1ff!important}
body.app-page:not(.admin-area):not(.landing-body) .server-type-card:hover,
body.app-page:not(.admin-area):not(.landing-body) .os-card:hover,
body.app-page:not(.admin-area):not(.landing-body) .location-card:hover{border-color:rgba(103,232,249,.34)!important;box-shadow:0 0 22px rgba(139,92,246,.08)!important}
body.app-page:not(.admin-area):not(.landing-body) .server-type-card.selected,
body.app-page:not(.admin-area):not(.landing-body) .os-card.selected,
body.app-page:not(.admin-area):not(.landing-body) .location-card.selected{border-color:rgba(103,232,249,.52)!important;box-shadow:0 0 0 1px rgba(103,232,249,.12),0 0 24px rgba(139,92,246,.1)!important}
body.app-page:not(.admin-area):not(.landing-body) .alert,
body.app-page:not(.admin-area):not(.landing-body) .modern-alert{background:rgba(139,92,246,.08)!important;border-color:rgba(167,139,250,.2)!important;color:#e9ddff!important}
body.app-page:not(.admin-area):not(.landing-body) table{background:#120e1e!important;border-color:rgba(167,139,250,.18)!important;color:#eee7fb!important}
body.app-page:not(.admin-area):not(.landing-body) th{background:#201832!important;color:#d9c9f3!important}
body.app-page:not(.admin-area):not(.landing-body) td{color:#e9e2f7!important;border-bottom-color:rgba(167,139,250,.12)!important}
body.app-page:not(.admin-area):not(.landing-body) tbody tr:hover{background:rgba(139,92,246,.07)!important}
body.app-page:not(.admin-area):not(.landing-body) .notification-panel{background:#171126!important;border:1px solid rgba(167,139,250,.22)!important;color:#f5f1ff!important;box-shadow:0 20px 50px rgba(0,0,0,.35)!important}
body.app-page:not(.admin-area):not(.landing-body) .notification-head{border-color:rgba(167,139,250,.15)!important}
body.app-page:not(.admin-area):not(.landing-body) a{transition:color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease}
body.app-page:not(.admin-area):not(.landing-body) :focus-visible{outline-color:rgba(103,232,249,.75)}
@media(max-width:1100px){
  body.app-page:not(.admin-area):not(.landing-body) .server-summary-banner{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.app-page:not(.admin-area):not(.landing-body) .summary-primary{grid-column:1/-1;border-bottom:1px solid rgba(167,139,250,.12)}
  body.app-page:not(.admin-area):not(.landing-body) .summary-item{min-width:0}
}
@media(max-width:900px){
  body.app-page:not(.admin-area):not(.landing-body) .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.app-page:not(.admin-area):not(.landing-body) .details-columns{grid-template-columns:minmax(0,1fr)!important}
}
@media(max-width:760px){
  body.app-page:not(.admin-area):not(.landing-body) .app-shell{display:block!important}
  body.app-page:not(.admin-area):not(.landing-body) .sidebar{width:100%!important;height:auto!important;position:relative!important;inset:auto!important;padding:12px!important;border-right:0!important;border-bottom:1px solid rgba(167,139,250,.17)!important}
  body.app-page:not(.admin-area):not(.landing-body) .sidebar-brand{padding:0 5px 12px!important;margin-bottom:10px!important}
  body.app-page:not(.admin-area):not(.landing-body) .sidebar-brand .brand-mark{width:38px;height:38px;font-size:23px}
  body.app-page:not(.admin-area):not(.landing-body) .sidebar-brand b{font-size:16px}
  body.app-page:not(.admin-area):not(.landing-body) .sidebar-brand small{font-size:10px}
  body.app-page:not(.admin-area):not(.landing-body) .side-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  body.app-page:not(.admin-area):not(.landing-body) .side-nav a{padding:9px 10px!important;font-size:12px!important;gap:8px!important;min-width:0}
  body.app-page:not(.admin-area):not(.landing-body) .side-nav a span{font-size:17px;width:20px}
  body.app-page:not(.admin-area):not(.landing-body) .side-nav a.active:before{right:0;top:25%;bottom:25%}
  body.app-page:not(.admin-area):not(.landing-body) .sidebar-bottom{margin-top:12px!important}
  body.app-page:not(.admin-area):not(.landing-body) .sidebar-enamad{display:none!important}
  body.app-page:not(.admin-area):not(.landing-body) .sidebar-service{display:none!important}
  body.app-page:not(.admin-area):not(.landing-body) .sidebar-user{padding:8px 10px!important}
  body.app-page:not(.admin-area):not(.landing-body) .sidebar-user .user-avatar{width:29px;height:29px}
  body.app-page:not(.admin-area):not(.landing-body) .app-main{margin:0!important;width:100%!important}
  body.app-page:not(.admin-area):not(.landing-body) .topbar{height:auto!important;min-height:56px;padding:9px 13px!important;gap:10px}
  body.app-page:not(.admin-area):not(.landing-body) .topbar-user{gap:7px;font-size:11px}
  body.app-page:not(.admin-area):not(.landing-body) .topbar-user .bell{margin:0!important}
  body.app-page:not(.admin-area):not(.landing-body) .topbar-user>a{margin:0!important}
  body.app-page:not(.admin-area):not(.landing-body) .topbar-user .top-avatar{width:28px;height:28px}
  body.app-page:not(.admin-area):not(.landing-body) .modern-container{width:calc(100% - 24px)!important;padding:22px 0 32px!important}
  body.app-page:not(.admin-area):not(.landing-body) .page-heading-row{align-items:flex-start!important;flex-wrap:wrap!important;gap:12px!important}
  body.app-page:not(.admin-area):not(.landing-body) .page-heading-row h1{font-size:23px!important}
  body.app-page:not(.admin-area):not(.landing-body) .page-heading-row p{font-size:12px!important}
  body.app-page:not(.admin-area):not(.landing-body) .page-heading-row .modern-primary{width:100%;min-height:43px}
  body.app-page:not(.admin-area):not(.landing-body) .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  body.app-page:not(.admin-area):not(.landing-body) .stat-card{padding:13px 11px!important;gap:9px!important;border-radius:13px!important}
  body.app-page:not(.admin-area):not(.landing-body) .stat-icon{width:38px;height:38px;font-size:19px;border-radius:10px}
  body.app-page:not(.admin-area):not(.landing-body) .stat-card strong{font-size:22px!important;overflow-wrap:anywhere}
  body.app-page:not(.admin-area):not(.landing-body) .stat-card small{font-size:11px!important}
  body.app-page:not(.admin-area):not(.landing-body) .stat-card p{font-size:10px!important}
  body.app-page:not(.admin-area):not(.landing-body) .servers-panel{padding:12px!important;border-radius:14px!important}
  body.app-page:not(.admin-area):not(.landing-body) .panel-heading{align-items:flex-start!important;flex-wrap:wrap!important}
  body.app-page:not(.admin-area):not(.landing-body) .panel-heading h2{font-size:17px!important}
  body.app-page:not(.admin-area):not(.landing-body) .server-row{grid-template-columns:minmax(0,1fr)!important;margin-top:10px!important}
  body.app-page:not(.admin-area):not(.landing-body) .server-main{padding:13px!important;border-right:0!important;border-bottom:1px solid rgba(167,139,250,.12)!important}
  body.app-page:not(.admin-area):not(.landing-body) .server-meta{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;padding:12px 14px!important;border-right:0!important;border-bottom:1px solid rgba(167,139,250,.12)!important}
  body.app-page:not(.admin-area):not(.landing-body) .server-meta strong{overflow-wrap:anywhere}
  body.app-page:not(.admin-area):not(.landing-body) .server-os{padding:12px 14px!important;align-items:flex-start!important}
  body.app-page:not(.admin-area):not(.landing-body) .server-actions{padding:11px!important;flex-wrap:wrap!important}
  body.app-page:not(.admin-area):not(.landing-body) .server-actions form{flex:1 1 auto;min-width:0}
  body.app-page:not(.admin-area):not(.landing-body) .server-actions form button,
  body.app-page:not(.admin-area):not(.landing-body) .server-actions .details-btn{min-height:40px;padding:9px 12px!important}
  body.app-page:not(.admin-area):not(.landing-body) .server-actions .details-btn{margin-left:0!important}
  body.app-page:not(.admin-area):not(.landing-body) .server-summary-banner{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.app-page:not(.admin-area):not(.landing-body) .summary-primary{grid-column:1/-1!important;padding:14px!important;gap:12px!important}
  body.app-page:not(.admin-area):not(.landing-body) .big-os-logo{width:58px!important;height:58px!important}
  body.app-page:not(.admin-area):not(.landing-body) .big-os-logo img{width:54px!important;height:54px!important}
  body.app-page:not(.admin-area):not(.landing-body) .summary-item{padding:12px!important;overflow-wrap:anywhere}
  body.app-page:not(.admin-area):not(.landing-body) .summary-item strong{font-size:11px!important}
  body.app-page:not(.admin-area):not(.landing-body) .server-detail-tabs{margin:12px 0!important}
  body.app-page:not(.admin-area):not(.landing-body) .server-detail-tab-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  body.app-page:not(.admin-area):not(.landing-body) .server-detail-tab{font-size:11px!important;padding:10px 7px!important;min-width:0}
  body.app-page:not(.admin-area):not(.landing-body) .server-detail-tab:last-child{grid-column:1/-1}
  body.app-page:not(.admin-area):not(.landing-body) .modern-card{padding:13px!important}
  body.app-page:not(.admin-area):not(.landing-body) .info-table>div{grid-template-columns:minmax(90px,.75fr) minmax(0,1.25fr)!important;gap:8px!important;padding:11px 0!important}
  body.app-page:not(.admin-area):not(.landing-body) .info-table>div>strong{overflow-wrap:anywhere;text-align:left}
  body.app-page:not(.admin-area):not(.landing-body) .quick-grid{grid-template-columns:minmax(0,1fr)!important}
  body.app-page:not(.admin-area):not(.landing-body) .quick-grid>*{grid-column:1!important;grid-row:auto!important;min-width:0!important}
  body.app-page:not(.admin-area):not(.landing-body) .quick-grid .quick-password-card{grid-column:1!important}
  body.app-page:not(.admin-area):not(.landing-body) .traffic-usage-numbers{gap:10px!important}
  body.app-page:not(.admin-area):not(.landing-body) .traffic-usage-current strong{font-size:25px!important}
}
@media(prefers-reduced-motion:reduce){body.app-page:not(.admin-area):not(.landing-body) *,body.app-page:not(.admin-area):not(.landing-body) *:before,body.app-page:not(.admin-area):not(.landing-body) *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* CloudPrice Wallet — unify legacy light widgets with the dark violet panel.
   Scoped to wallet.php only; no payment or wallet logic is changed. */
body.app-page .wallet-page{color:#f5f1ff!important}
body.app-page .wallet-page .finance-balance-card,
body.app-page .wallet-page .finance-info-card,
body.app-page .wallet-page .finance-panel{
  background:linear-gradient(145deg,#191326 0%,#100c19 100%)!important;
  color:#eee7fb!important;border:1px solid rgba(167,139,250,.20)!important;
  border-radius:18px!important;box-shadow:0 14px 34px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.025)!important;
}
body.app-page .wallet-page .finance-balance-card{
  background:radial-gradient(ellipse at 92% 0%,rgba(168,85,247,.24),transparent 48%),linear-gradient(145deg,#241633 0%,#100c19 100%)!important;
  border-color:rgba(192,132,252,.30)!important;
}
body.app-page .wallet-page .finance-balance-card>span,
body.app-page .wallet-page .finance-balance-card p,
body.app-page .wallet-page .finance-info-card p{color:#bdb0d0!important}
body.app-page .wallet-page .finance-balance-card>strong{color:#fbf7ff!important}
body.app-page .wallet-page .finance-balance-card>strong small{color:#c4b5d5!important}
body.app-page .wallet-page .finance-info-card b,
body.app-page .wallet-page .panel-heading h2{color:#f5f1ff!important}
body.app-page .wallet-page .panel-heading{border-bottom-color:rgba(167,139,250,.15)!important}
body.app-page .wallet-page .panel-icon{background:rgba(139,92,246,.15)!important;color:#d8b4fe!important;border-color:rgba(167,139,250,.20)!important}
body.app-page .wallet-page .manual-payment-body{background:transparent!important}
body.app-page .wallet-page .payment-bank-card{
  background:radial-gradient(ellipse at top right,rgba(124,58,237,.16),transparent 52%),linear-gradient(145deg,#1c1627 0%,#100d17 100%)!important;
  color:#eee5f8!important;border:1px solid rgba(168,85,247,.25)!important;border-radius:16px!important;
  box-shadow:inset 0 1px rgba(216,180,254,.035)!important;
}
body.app-page .wallet-page .payment-bank-label{color:#d8b4fe!important}
body.app-page .wallet-page .payment-bank-card h3,
body.app-page .wallet-page .payment-bank-card b{color:#f5eaff!important}
body.app-page .wallet-page .payment-bank-card p{color:#b9abc9!important}
body.app-page .wallet-page .payment-bank-card small{color:#b5a7c7!important}
body.app-page .wallet-page .payment-bank-card>div{border-bottom-color:rgba(168,85,247,.15)!important}
body.app-page .wallet-page .manual-payment-form{
  min-width:0;background:linear-gradient(145deg,rgba(124,58,237,.065),rgba(8,7,13,.42))!important;
  border:1px solid rgba(168,85,247,.18)!important;border-radius:16px!important;color:#f5f1ff!important;
}
body.app-page .wallet-page .manual-payment-form label{color:#e9ddf8!important}
body.app-page .wallet-page .manual-payment-form .field-muted,
body.app-page .wallet-page .manual-payment-form .form-hint{color:#a99ab9!important}
body.app-page .wallet-page .manual-payment-form input:not([type=hidden]),
body.app-page .wallet-page .manual-payment-form textarea,
body.app-page .wallet-page .manual-payment-form select{
  color:#f5f1ff!important;background:#0d0a16!important;border:1px solid rgba(167,139,250,.24)!important;
  border-radius:10px!important;box-shadow:none!important;color-scheme:dark;
}
body.app-page .wallet-page .manual-payment-form input::placeholder,
body.app-page .wallet-page .manual-payment-form textarea::placeholder{color:#847694!important;opacity:1!important}
body.app-page .wallet-page .manual-payment-form input:focus,
body.app-page .wallet-page .manual-payment-form textarea:focus,
body.app-page .wallet-page .manual-payment-form select:focus{outline:none!important;border-color:rgba(192,132,252,.72)!important;box-shadow:0 0 0 3px rgba(124,58,237,.13)!important}
body.app-page .wallet-page .manual-payment-form input[type=file]{padding:10px!important;max-width:100%;background:#0d0a16!important}
body.app-page .wallet-page .manual-payment-form input[type=file]::file-selector-button{background:#302044;color:#eadcff;border:1px solid rgba(167,139,250,.28);border-radius:7px;padding:7px 10px;margin-inline-end:10px;cursor:pointer}
body.app-page .wallet-page .manual-payment-form button.modern-primary{width:100%!important;min-height:46px!important;border:1px solid rgba(216,180,254,.22)!important;border-radius:11px!important;background:linear-gradient(135deg,#7c3aed,#5b21b6)!important;color:#fff!important;box-shadow:0 9px 22px rgba(91,33,182,.20)!important}
body.app-page .wallet-page .details-btn{background:rgba(139,92,246,.14)!important;border:1px solid rgba(167,139,250,.24)!important;color:#e9d5ff!important;border-radius:9px!important}
body.app-page .wallet-page .finance-table{overflow-x:auto!important;border:1px solid rgba(167,139,250,.13)!important;border-radius:13px!important;background:rgba(8,7,13,.30)!important}
body.app-page .wallet-page .finance-table table{width:100%;border-collapse:separate;border-spacing:0;background:transparent!important}
body.app-page .wallet-page .finance-table th{background:rgba(124,58,237,.14)!important;color:#e9d5ff!important;border-bottom:1px solid rgba(167,139,250,.18)!important;white-space:nowrap}
body.app-page .wallet-page .finance-table td{background:transparent!important;color:#d4c8e2!important;border-bottom:1px solid rgba(167,139,250,.10)!important}
body.app-page .wallet-page .finance-table tr:hover td{background:rgba(124,58,237,.055)!important}
body.app-page .wallet-page .payment-status{border:1px solid rgba(167,139,250,.18)!important}
body.app-page .wallet-page .tx-pill{border-radius:999px!important}
body.app-page .wallet-page .tx-plus{color:#6ee7b7!important}
body.app-page .wallet-page .tx-minus{color:#fca5a5!important}
body.app-page .wallet-page .empty-state{background:rgba(8,7,13,.22)!important;border-color:rgba(167,139,250,.12)!important;color:#c4b5d5!important}
body.app-page .wallet-page .empty-state h3{color:#f5f1ff!important}
@media(max-width:760px){
  body.app-page .wallet-page{padding-top:20px!important;padding-bottom:28px!important}
  body.app-page .wallet-page .finance-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
  body.app-page .wallet-page .finance-panel{padding:14px!important}
  body.app-page .wallet-page .manual-payment-body{grid-template-columns:minmax(0,1fr)!important;padding:12px!important;gap:12px!important}
  body.app-page .wallet-page .manual-payment-form{padding:14px!important}
  body.app-page .wallet-page .finance-table table{min-width:650px}
}

/* CloudPrice wallet contrast fix v2: keep empty states aligned with dark violet panel.
   Intentionally placed at the very end to override legacy light-theme rules. */
html body.app-page .wallet-page .finance-panel,
html body.app-page .wallet-page .finance-info-card,
html body.app-page .wallet-page .finance-balance-card,
html body.app-page .wallet-page .finance-table,
html body.app-page .wallet-page .finance-table-wrap {
  background: linear-gradient(145deg, rgba(24, 18, 39, .98), rgba(14, 11, 25, .98)) !important;
  color: #f5f1ff !important;
  border-color: rgba(167, 139, 250, .22) !important;
}
html body.app-page .wallet-page .compact-empty,
html body.app-page .wallet-page .empty-state {
  background: linear-gradient(145deg, rgba(31, 24, 49, .98), rgba(19, 15, 32, .98)) !important;
  color: #c4b5d5 !important;
  border: 1px dashed rgba(167, 139, 250, .35) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}
html body.app-page .wallet-page .compact-empty h3,
html body.app-page .wallet-page .empty-state h3 {
  color: #f5f1ff !important;
}
html body.app-page .wallet-page .compact-empty p,
html body.app-page .wallet-page .empty-state p {
  color: #b9adcf !important;
}
html body.app-page .wallet-page .compact-empty > div,
html body.app-page .wallet-page .empty-state > div {
  background: rgba(124, 58, 237, .18) !important;
  color: #d8b4fe !important;
}
html body.app-page .wallet-page input,
html body.app-page .wallet-page select,
html body.app-page .wallet-page textarea {
  background-color: #100d1b !important;
  color: #f5f1ff !important;
  border-color: rgba(167, 139, 250, .28) !important;
}
html body.app-page .wallet-page input::placeholder,
html body.app-page .wallet-page textarea::placeholder {
  color: #9286a8 !important;
}

/* Server Type cards — accurate, readable plan details */
.server-type-card{padding:14px 10px 12px;display:flex;flex-direction:column;align-items:stretch;gap:7px;text-align:right}
.server-type-card .type-icon{flex:0 0 auto;align-self:center}
.server-type-card .type-heading{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0}
.server-type-card .type-heading strong{margin:0;font-size:15px;line-height:1.25;color:#18385f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.server-type-card .type-heading em{font-style:normal;font-size:8px;font-weight:800;line-height:1;padding:4px 6px;border-radius:999px;background:#eef5ff;color:#287ff0;white-space:nowrap}
.server-type-card .type-specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:2px}
.server-type-card .type-specs>span{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:46px;padding:6px 3px;border:1px solid #e6edf6;border-radius:9px;background:#f8fafc}
.server-type-card .type-specs b{font-size:13px;line-height:1.15;color:#18385f}
.server-type-card .type-specs small{min-height:0;margin-top:3px;color:#7890ac;font-size:8px;line-height:1.1}
.server-type-card .type-meta{display:flex;justify-content:center;gap:5px;flex-wrap:wrap;min-height:18px}
.server-type-card .type-meta span{display:inline-flex;align-items:center;padding:3px 6px;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:8px;font-weight:700;line-height:1.2}
.server-type-card .type-price{margin-top:1px;padding-top:7px;border-top:1px solid #edf2f7;font-size:10px;white-space:normal;overflow:visible;text-overflow:clip;text-align:center;min-height:0}
.server-type-card .type-availability{min-height:0;color:#64748b;font-size:9px;line-height:1.3;text-align:center}
.server-type-card.active .type-specs>span{border-color:#d9e8fb;background:#f4f9ff}
.server-type-card.active .type-meta span{background:#eaf3ff;color:#287ff0}
.server-type-card.capacity-unavailable .type-availability{color:#b45309}
@media(max-width:720px){.server-type-card{padding:12px 7px 10px}.server-type-card .type-heading strong{font-size:13px}.server-type-card .type-specs>span{min-height:42px}.server-type-card .type-specs b{font-size:12px}.server-type-card .type-meta span{font-size:7px}.server-type-card .type-price{font-size:9px}}


/* Sales plan cards: branded dark presentation and selected-only check mark. */
body.app-page:not(.admin-area) .create-server-page .server-type-card {
  position: relative!important;
  overflow: hidden!important;
  background: linear-gradient(145deg,#1d1430 0%,#120d20 100%)!important;
  border-color: rgba(167,139,250,.22)!important;
  color: #f5f1ff!important;
}
body.app-page:not(.admin-area) .create-server-page .server-type-card:hover {
  background: linear-gradient(145deg,#24183a 0%,#171025 100%)!important;
  border-color: rgba(167,139,250,.52)!important;
}
body.app-page:not(.admin-area) .create-server-page .server-type-card.active {
  background: linear-gradient(145deg,#2a1945 0%,#171024 100%)!important;
  border-color: #a78bfa!important;
  box-shadow: 0 0 0 1px rgba(167,139,250,.22),0 16px 38px rgba(91,33,182,.18)!important;
}
body.app-page:not(.admin-area) .create-server-page .server-type-card .type-check {
  position:absolute!important;
  top:11px!important;
  right:11px!important;
  width:19px!important;
  height:19px!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:6px!important;
  background:rgba(139,92,246,.10)!important;
  border:1px solid rgba(196,181,253,.22)!important;
  color:#b8a5e9!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1!important;
  z-index:4!important;
  transform:translateZ(0)!important;
  transition:all .18s ease!important;
}
body.app-page:not(.admin-area) .create-server-page .server-type-card.active .type-check {
  display:flex!important;
  background:linear-gradient(145deg,#a78bfa,#7c3aed)!important;
  border-color:rgba(221,214,254,.82)!important;
  color:#fff!important;
  box-shadow:0 5px 14px rgba(91,33,182,.26),inset 0 1px rgba(255,255,255,.22)!important;
}
body.app-page:not(.admin-area) .create-server-page .server-type-card:hover .type-check {
  border-color:rgba(196,181,253,.42)!important;
}
body.app-page:not(.admin-area) .create-server-page .server-type-card .type-icon {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:center!important;
  width:104px!important;
  min-width:104px!important;
  height:46px!important;
  margin:7px auto 2px!important;
  padding:0 12px!important;
  border-radius:13px!important;
  background:linear-gradient(145deg,rgba(139,92,246,.22),rgba(124,58,237,.08))!important;
  border:1px solid rgba(167,139,250,.32)!important;
  color:#f5f1ff!important;
  font-size:18px!important;
  font-weight:900!important;
  letter-spacing:.15px!important;
  line-height:1!important;
  box-shadow:inset 0 1px rgba(255,255,255,.04),0 8px 20px rgba(0,0,0,.16)!important;
}
body.app-page:not(.admin-area) .create-server-page .server-type-card.active .type-icon {
  background:linear-gradient(145deg,rgba(167,139,250,.30),rgba(124,58,237,.16))!important;
  border-color:rgba(196,181,253,.55)!important;
  color:#fff!important;
}
body.app-page:not(.admin-area) .create-server-page .server-type-card .type-heading {
  min-height:20px!important;
  justify-content:center!important;
}
body.app-page:not(.admin-area) .create-server-page .server-type-card .type-heading em {
  background:rgba(139,92,246,.12)!important;
  border:1px solid rgba(167,139,250,.20)!important;
  color:#c4b5fd!important;
}
body.app-page:not(.admin-area) .create-server-page .server-type-card .type-specs > span {
  background:rgba(255,255,255,.035)!important;
  border-color:rgba(167,139,250,.16)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.015)!important;
}
body.app-page:not(.admin-area) .create-server-page .server-type-card.active .type-specs > span {
  background:rgba(139,92,246,.08)!important;
  border-color:rgba(167,139,250,.28)!important;
}
body.app-page:not(.admin-area) .create-server-page .server-type-card .type-specs b {
  color:#f5f1ff!important;
}
body.app-page:not(.admin-area) .create-server-page .server-type-card .type-specs small {
  color:#a99cbe!important;
}
body.app-page:not(.admin-area) .create-server-page .server-type-card .type-meta span {
  background:rgba(139,92,246,.10)!important;
  border:1px solid rgba(167,139,250,.13)!important;
  color:#c4b5fd!important;
}
body.app-page:not(.admin-area) .create-server-page .server-type-card.active .type-meta span {
  background:rgba(139,92,246,.16)!important;
  color:#ddd0ff!important;
}
body.app-page:not(.admin-area) .create-server-page .server-type-card .type-price {
  border-top-color:rgba(167,139,250,.16)!important;
  color:#d8b4fe!important;
}
body.app-page:not(.admin-area) .create-server-page .server-type-card .type-availability {
  color:#a99cbe!important;
}
body.app-page:not(.admin-area) .create-server-page .server-type-card.capacity-unavailable .type-availability {
  color:#fbbf24!important;
}
@media(max-width:720px){
  body.app-page:not(.admin-area) .create-server-page .server-type-card .type-icon{width:82px!important;min-width:82px!important;height:44px!important;font-size:16px!important}
  body.app-page:not(.admin-area) .create-server-page .server-type-card .type-check{top:8px!important;right:8px!important;width:22px!important;height:22px!important}
}

/* Final sales-card polish: keep the selected marker compact and visually anchored to the card. */
body.app-page:not(.admin-area) .create-server-page .server-type-card {
  padding-top:12px!important;
  padding-bottom:11px!important;
  gap:6px!important;
  border-radius:15px!important;
}
body.app-page:not(.admin-area) .create-server-page .server-type-card.active {
  transform:translateY(-1px)!important;
}
body.app-page:not(.admin-area) .create-server-page .server-type-card.active .type-icon {
  box-shadow:inset 0 1px rgba(255,255,255,.07),0 10px 24px rgba(91,33,182,.16)!important;
}
body.app-page:not(.admin-area) .create-server-page .server-type-card .type-heading {
  margin-top:-1px!important;
}
@media(max-width:720px){
  body.app-page:not(.admin-area) .create-server-page .server-type-card .type-check{top:9px!important;right:9px!important;width:18px!important;height:18px!important;font-size:11px!important}
  body.app-page:not(.admin-area) .create-server-page .server-type-card .type-icon{width:92px!important;min-width:92px!important;height:43px!important;font-size:16px!important}
}

/* Hetzner account picker — clean account-only presentation */
.create-server-page .hetzner-account-heading{margin-bottom:12px}
.create-server-page .hetzner-account-heading small{font-size:9px!important;color:#8f82a8!important}
.create-server-page .hetzner-account-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}
.create-server-page .hetzner-account-card{min-height:72px!important;padding:11px 13px!important;border-radius:14px!important;gap:11px!important;background:linear-gradient(145deg,#171126,#100d1a)!important;border-color:#302442!important}
.create-server-page .hetzner-account-card .hetzner-account-icon{width:40px;height:40px;flex:0 0 40px;border-radius:12px;border-color:rgba(167,139,250,.18);background:rgba(124,58,237,.09);color:#c4b5fd}
.create-server-page .hetzner-account-copy{display:flex!important;align-items:center!important;min-width:0!important;flex:1!important}
.create-server-page .hetzner-account-copy strong{font-size:14px!important;font-weight:900!important;color:#f7f3ff!important;letter-spacing:-.01em}
.create-server-page .hetzner-account-check{position:relative!important;right:auto!important;top:auto!important;width:26px!important;height:26px!important;flex:0 0 26px!important;display:grid!important;place-items:center!important;border-radius:50%!important;border:1px solid rgba(196,181,253,.22)!important;background:rgba(124,58,237,.08)!important;color:transparent!important;font-size:13px!important;box-shadow:none!important}
.create-server-page .hetzner-account-card.active .hetzner-account-check{background:linear-gradient(145deg,#8b5cf6,#6d28d9)!important;border-color:#b9a1ff!important;color:#fff!important;box-shadow:0 4px 12px rgba(109,40,217,.25)!important}
.create-server-page .hetzner-account-card.active .hetzner-account-icon{background:rgba(124,58,237,.18)!important;color:#ddd6fe!important;border-color:rgba(196,181,253,.28)!important;box-shadow:none!important}
/* Do not expose capacity state through the account card styling. */
.create-server-page .hetzner-account-card.capacity-full,
.create-server-page .hetzner-account-card.capacity-full.active{border-color:#302442!important;background:linear-gradient(145deg,#171126,#100d1a)!important;box-shadow:none!important}
.create-server-page .hetzner-account-card.capacity-full .hetzner-account-icon{color:#c4b5fd!important;border-color:rgba(167,139,250,.18)!important;background:rgba(124,58,237,.09)!important}
@media(max-width:600px){.create-server-page .hetzner-account-picker{grid-template-columns:1fr}.create-server-page .hetzner-account-card{min-height:66px!important}}

/* Hetzner account selector — branded premium presentation */
.create-server-page .hetzner-account-field{
  padding:16px 16px 15px!important;
  border-radius:18px!important;
  border:1px solid rgba(123,92,246,.20)!important;
  background:
    radial-gradient(circle at 82% 0%,rgba(124,58,237,.13),transparent 34%),
    linear-gradient(145deg,#11162b 0%,#0d1222 58%,#10162a 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 16px 38px rgba(3,8,25,.18)!important;
}
.create-server-page .hetzner-account-heading{margin-bottom:13px!important}
.create-server-page .hetzner-account-title-wrap{display:flex;align-items:center;gap:10px}
.create-server-page .hetzner-account-title-logo{
  width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;
  border-radius:10px;
  background:rgba(213,12,45,.08);
  border:1px solid rgba(213,12,45,.18);
  box-shadow:0 6px 18px rgba(213,12,45,.08);
}
.create-server-page .hetzner-account-title-logo img{width:21px;height:21px;object-fit:contain;display:block}
.create-server-page .hetzner-account-heading label{font-size:13px!important;letter-spacing:-.01em!important}
.create-server-page .hetzner-account-heading small{font-size:8.5px!important;color:#9288ad!important;margin-top:4px!important}
.create-server-page .hetzner-account-picker{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px!important}
.create-server-page .hetzner-account-card{
  min-height:82px!important;padding:12px 13px!important;border-radius:15px!important;gap:12px!important;
  background:linear-gradient(145deg,#171225 0%,#100d1b 100%)!important;
  border:1px solid #302442!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease!important;
}
.create-server-page .hetzner-account-card:before{background:radial-gradient(circle at 78% 30%,rgba(124,58,237,.18),transparent 48%)!important}
.create-server-page .hetzner-account-card:after{background:linear-gradient(90deg,transparent,rgba(167,139,250,.35),transparent)!important}
.create-server-page .hetzner-account-card:hover{transform:translateY(-2px)!important;border-color:#7652bd!important;box-shadow:0 12px 28px rgba(57,30,112,.18),inset 0 1px 0 rgba(255,255,255,.035)!important}
.create-server-page .hetzner-account-card.active{
  border-color:#a78bfa!important;
  background:linear-gradient(145deg,rgba(124,58,237,.28) 0%,rgba(38,23,67,.92) 55%,#171126 100%)!important;
  box-shadow:0 0 0 1px rgba(167,139,250,.13),0 12px 30px rgba(91,33,182,.20),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.create-server-page .hetzner-account-icon{
  width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:12px!important;
  display:grid!important;place-items:center!important;
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018))!important;
  border:1px solid rgba(167,139,250,.20)!important;color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.create-server-page .hetzner-account-icon img{width:24px!important;height:24px!important;object-fit:contain!important;display:block!important}
.create-server-page .hetzner-account-card.active .hetzner-account-icon{
  background:rgba(255,255,255,.05)!important;border-color:rgba(196,181,253,.34)!important;
  box-shadow:0 7px 20px rgba(91,33,182,.16)!important;
}
.create-server-page .hetzner-account-copy{justify-content:center!important;text-align:right!important}
.create-server-page .hetzner-account-copy strong{font-size:14px!important;font-weight:900!important;color:#f8f5ff!important}
.create-server-page .hetzner-account-check{
  width:27px!important;height:27px!important;flex:0 0 27px!important;
  border-radius:50%!important;border:1px solid rgba(167,139,250,.26)!important;
  background:rgba(124,58,237,.06)!important;color:transparent!important;font-size:13px!important;
  box-shadow:none!important;
}
.create-server-page .hetzner-account-card.active .hetzner-account-check{
  background:linear-gradient(145deg,#8b5cf6,#6d28d9)!important;
  border-color:#c4b5fd!important;color:#fff!important;
  box-shadow:0 5px 16px rgba(109,40,217,.28)!important;
}
@media(max-width:600px){
  .create-server-page .hetzner-account-field{padding:14px!important}
  .create-server-page .hetzner-account-picker{grid-template-columns:1fr!important}
  .create-server-page .hetzner-account-card{min-height:72px!important}
}

/* Compact Hetzner account selector — reduced footprint without losing polish */
.create-server-page .hetzner-account-field{
  padding:12px 13px 11px!important;
  border-radius:16px!important;
}
.create-server-page .hetzner-account-heading{margin-bottom:9px!important}
.create-server-page .hetzner-account-title-wrap{gap:8px!important}
.create-server-page .hetzner-account-title-logo{
  width:30px!important;height:30px!important;flex-basis:30px!important;border-radius:9px!important;
}
.create-server-page .hetzner-account-title-logo img{width:19px!important;height:19px!important}
.create-server-page .hetzner-account-heading label{font-size:12px!important}
.create-server-page .hetzner-account-heading small{font-size:8px!important;margin-top:3px!important}
.create-server-page .hetzner-account-picker{gap:8px!important}
.create-server-page .hetzner-account-card{
  min-height:68px!important;
  padding:9px 11px!important;
  border-radius:13px!important;
  gap:9px!important;
}
.create-server-page .hetzner-account-icon{
  width:36px!important;height:36px!important;flex-basis:36px!important;border-radius:10px!important;
}
.create-server-page .hetzner-account-icon img{width:21px!important;height:21px!important}
.create-server-page .hetzner-account-copy strong{font-size:13px!important}
.create-server-page .hetzner-account-check{
  width:23px!important;height:23px!important;flex-basis:23px!important;font-size:11px!important;
}
@media(max-width:600px){
  .create-server-page .hetzner-account-field{padding:11px!important}
  .create-server-page .hetzner-account-card{min-height:62px!important;padding:8px 10px!important}
  .create-server-page .hetzner-account-icon{width:34px!important;height:34px!important;flex-basis:34px!important}
}


/* Hetzner-style server quantity selector */
.create-server-page .server-quantity-box{
  margin:12px 0 8px;
  padding:10px 12px;
  border:1px solid rgba(167,139,250,.16);
  border-radius:13px;
  background:linear-gradient(145deg,rgba(124,58,237,.08),rgba(255,255,255,.018));
  display:flex;align-items:center;justify-content:space-between;gap:12px;
}
.create-server-page .server-quantity-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.create-server-page .server-quantity-copy strong{font-size:12px;color:#f7f3ff;font-weight:900}
.create-server-page .server-quantity-copy small{font-size:9px;color:#8f82a8}
.create-server-page .server-quantity-control{display:flex;align-items:center;gap:0;direction:ltr;flex:0 0 auto}
.create-server-page .server-quantity-control button,
.create-server-page .server-quantity-control output{
  width:32px;height:32px;display:grid;place-items:center;
}
.create-server-page .server-quantity-control button{
  border:1px solid rgba(167,139,250,.20);background:rgba(255,255,255,.045);color:#d8ccff;
  font-size:20px;line-height:1;border-radius:9px;cursor:pointer;transition:.16s ease;
}
.create-server-page .server-quantity-control button:hover:not(:disabled){background:rgba(124,58,237,.22);border-color:#8b5cf6;color:#fff}
.create-server-page .server-quantity-control button:disabled{opacity:.35;cursor:not-allowed}
.create-server-page .server-quantity-control output{font-size:14px;font-weight:900;color:#fff;min-width:36px}
.create-server-page .server-quantity-total{font-size:10px;color:#a99bc3;text-align:center;margin:4px 0 10px}
@media(max-width:600px){
  .create-server-page .server-quantity-box{padding:9px 10px}
  .create-server-page .server-quantity-control button,.create-server-page .server-quantity-control output{width:30px;height:30px}
}


/* Server name editor */
.server-details-page .server-name-info-row{position:relative;display:flex;align-items:center;gap:10px!important}
.server-details-page .server-name-info-row .server-name-value{flex:1;min-width:0}
.server-details-page .server-name-edit-btn{width:31px;height:31px;display:grid;place-items:center;flex:0 0 31px;border:1px solid rgba(139,92,246,.38);border-radius:9px;background:rgba(124,58,237,.12);color:#c4a7ff;font-size:14px;cursor:pointer;transition:.18s ease}
.server-details-page .server-name-edit-btn:hover{transform:translateY(-1px);border-color:rgba(168,85,247,.75);background:rgba(124,58,237,.22);color:#fff}
.server-rename-overlay{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(3,5,12,.72);backdrop-filter:blur(8px)}
.server-rename-overlay.is-open{display:flex}
.server-rename-panel{position:relative;width:min(460px,100%);box-sizing:border-box;padding:26px;border:1px solid rgba(139,92,246,.32);border-radius:22px;background:linear-gradient(145deg,#171329,#0e0d18);box-shadow:0 28px 90px rgba(0,0,0,.48),0 0 40px rgba(124,58,237,.1);color:#f7f2ff}
.server-rename-close{position:absolute;top:14px;left:14px;width:34px;height:34px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.04);color:#c9c0d8;font-size:20px;cursor:pointer}
.server-rename-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#7c3aed,#9b5cff);box-shadow:0 10px 28px rgba(124,58,237,.28);font-size:21px;margin-bottom:14px}
.server-rename-eyebrow{font-size:11px;color:#a99bc0;font-weight:700;margin-bottom:5px}
.server-rename-panel h2{margin:0 0 8px;font-size:21px;color:#fff}
.server-rename-panel>p{margin:0 0 20px;color:#a9a0b8;font-size:11px;line-height:1.9}
.server-rename-panel form label{display:block;margin-bottom:7px;color:#dcd4e8;font-size:12px;font-weight:700}
.server-rename-panel form input[type=text]{width:100%;height:46px;box-sizing:border-box;border:1px solid rgba(139,92,246,.28);border-radius:12px;background:#0d0c15;color:#fff;padding:0 13px;outline:none;font-size:13px;font-weight:700;direction:ltr;text-align:left}
.server-rename-panel form input[type=text]:focus{border-color:#9b5cff;box-shadow:0 0 0 3px rgba(124,58,237,.13)}
.server-rename-panel form small{display:block;margin-top:7px;color:#82788f;font-size:10px;line-height:1.7}
.server-rename-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}
.server-rename-cancel,.server-rename-submit{height:42px;border-radius:11px;padding:0 17px;font-size:12px;font-weight:800;cursor:pointer}
.server-rename-cancel{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#bcb3c8}
.server-rename-submit{border:1px solid rgba(168,85,247,.55);background:linear-gradient(135deg,#7c3aed,#8b5cf6);color:#fff;box-shadow:0 9px 25px rgba(124,58,237,.25)}
@media(max-width:650px){.server-rename-panel{padding:22px 18px;border-radius:18px}.server-rename-actions{flex-direction:column}.server-rename-cancel,.server-rename-submit{width:100%}}


/* Create Server — full-screen provisioning experience */
body.app-page.create-is-loading{overflow:hidden!important}
body.app-page .create-progress-overlay{
  position:fixed!important;inset:0!important;z-index:2147483000!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:24px!important;box-sizing:border-box!important;
  background:rgba(4,2,10,.88)!important;
  backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
}
body.app-page .create-progress-overlay.show{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
body.app-page .create-loading-card{
  width:min(470px,100%)!important;box-sizing:border-box!important;
  padding:38px 32px 30px!important;text-align:center!important;position:relative!important;overflow:hidden!important;
  border-radius:24px!important;border:1px solid rgba(167,139,250,.28)!important;
  background:linear-gradient(145deg,#1b1230 0%,#100b1c 72%,#0b0711 100%)!important;
  box-shadow:0 30px 100px rgba(0,0,0,.58),0 0 70px rgba(124,58,237,.12),inset 0 1px rgba(255,255,255,.05)!important;
}
body.app-page .create-loading-card:after{
  content:"";position:absolute;left:8%;right:8%;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(167,139,250,.7),transparent);
}
body.app-page .create-loading-orbit{width:82px!important;height:82px!important;margin:0 auto 19px!important}
body.app-page .create-loading-orbit .orbit-core{width:48px!important;height:48px!important;font-size:18px!important}
body.app-page .create-loading-kicker{font-size:10px!important;color:#b9a3ff!important;margin-bottom:5px!important}
body.app-page .create-loading-card .create-progress-title{font-size:22px!important;margin:0!important;color:#fff!important}
body.app-page .create-loading-card .create-progress-count{
  margin:15px auto 7px!important;color:#fff!important;font-size:30px!important;line-height:1!important;font-weight:900!important;letter-spacing:.5px!important;
}
body.app-page .create-loading-card .create-progress-text{margin:0 auto 15px!important;color:#b7a9c9!important;font-size:11px!important;line-height:1.8!important;min-height:20px!important}
body.app-page .create-loading-card .create-progress-server{
  min-height:38px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  margin:0 auto 16px!important;padding:0 13px!important;box-sizing:border-box!important;
  border:1px solid rgba(167,139,250,.14)!important;border-radius:11px!important;
  background:rgba(255,255,255,.025)!important;color:#d8d0e4!important;font-size:10px!important;font-weight:700!important;
}
body.app-page .create-loading-card .create-progress-track{
  width:100%!important;height:9px!important;padding:2px!important;box-sizing:border-box!important;
  border-radius:99px!important;background:#281d38!important;overflow:hidden!important;margin:0 auto 16px!important;
}
body.app-page .create-loading-card .create-progress-track span{
  display:block!important;width:0;height:100%;border-radius:99px;
  background:linear-gradient(90deg,#6d28d9,#a78bfa)!important;
  box-shadow:0 0 16px rgba(167,139,250,.42)!important;transition:width .35s ease!important;
}
body.app-page .create-loading-steps{margin:0 auto 18px!important;min-height:7px!important}
body.app-page .create-loading-card .create-progress-status{font-size:9px!important;color:#8f80a4!important}
body.app-page .create-loading-card .create-progress-status span{width:6px!important;height:6px!important}
body.app-page .create-submit-spinner{display:none!important}
@media(max-width:520px){
 body.app-page .create-progress-overlay{padding:14px!important}
 body.app-page .create-loading-card{padding:31px 20px 25px!important;border-radius:20px!important}
 body.app-page .create-progress-count{font-size:27px!important}
 body.app-page .create-loading-card .create-progress-title{font-size:19px!important}
}


/* V6.48 — Quick access to customer servers from create page */
body.app-page:not(.admin-area) .create-server-page .create-hero{
  justify-content:space-between!important;
  gap:22px!important;
}
body.app-page:not(.admin-area) .create-server-page .create-hero-title{min-width:0!important}
body.app-page:not(.admin-area) .create-server-page .create-hero-servers{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:190px!important;
  padding:11px 15px!important;
  border:1px solid rgba(167,139,250,.28)!important;
  border-radius:13px!important;
  background:linear-gradient(145deg,rgba(139,92,246,.16),rgba(30,20,48,.72))!important;
  color:#f7f3ff!important;
  text-decoration:none!important;
  box-shadow:inset 0 1px rgba(255,255,255,.04),0 8px 24px rgba(0,0,0,.14)!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
  direction:rtl!important;
}
body.app-page:not(.admin-area) .create-server-page .create-hero-servers:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(196,181,253,.55)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.22),0 0 22px rgba(139,92,246,.12)!important;
}
body.app-page:not(.admin-area) .create-server-page .create-hero-servers>span:first-child{
  width:32px!important;height:32px!important;display:grid!important;place-items:center!important;
  border-radius:9px!important;background:rgba(139,92,246,.18)!important;color:#c4b5fd!important;
  font-size:15px!important;flex:0 0 32px!important;
}
body.app-page:not(.admin-area) .create-server-page .create-hero-servers>span:nth-child(2){font-size:12px!important;font-weight:900!important;white-space:nowrap!important}
body.app-page:not(.admin-area) .create-server-page .create-hero-servers small{display:block!important;color:#9f8fb2!important;font-size:9px!important;font-weight:600!important;margin-right:auto!important;white-space:nowrap!important}
@media(max-width:700px){
  body.app-page:not(.admin-area) .create-server-page .create-hero{align-items:stretch!important;flex-direction:column!important;gap:12px!important}
  body.app-page:not(.admin-area) .create-server-page .create-hero-servers{width:100%!important;box-sizing:border-box!important;justify-content:flex-start!important}
}


/* Bulk server selection — dashboard */
.server-panel-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.bulk-delete-form{margin:0;display:flex;align-items:center}
.bulk-delete-button,.select-all-control{
  height:40px;border-radius:11px;border:1px solid rgba(150,110,255,.28);
  background:rgba(30,22,55,.7);color:#ddd7f7;font:inherit;display:inline-flex;
  align-items:center;gap:7px;padding:0 12px;cursor:pointer;transition:.2s ease;
}
.bulk-delete-button{color:#ffb6bd;border-color:rgba(255,90,105,.22)}
.bulk-delete-button:disabled{opacity:.38;cursor:not-allowed}
.bulk-delete-button.is-ready{background:rgba(110,43,55,.28);border-color:rgba(255,95,110,.5);box-shadow:0 0 18px rgba(255,65,90,.08)}
.bulk-delete-button:not(:disabled):hover{transform:translateY(-1px);border-color:rgba(255,110,125,.7)}
.bulk-delete-button span{font-weight:800}
.select-all-control{cursor:pointer}
.select-all-control input{accent-color:#8b4cff;width:16px;height:16px;margin:0}
.server-select-box{
  position:absolute;right:14px;top:14px;width:30px;height:30px;z-index:4;
  display:flex;align-items:center;justify-content:center;cursor:pointer;
}
.server-select-box input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:2}
.server-select-box span{
  width:19px;height:19px;border:1px solid rgba(170,145,230,.5);border-radius:6px;
  background:rgba(15,12,30,.55);display:block;transition:.18s ease;
}
.server-select-box input:checked + span{
  background:#8b4cff;border-color:#a878ff;box-shadow:0 0 12px rgba(139,76,255,.35);
}
.server-select-box input:checked + span:after{
  content:"✓";display:block;text-align:center;color:#fff;font-size:13px;line-height:18px;font-weight:900;
}
.server-row{position:relative}
.server-row.bulk-selected{border-color:rgba(151,105,255,.75);box-shadow:0 0 0 1px rgba(139,76,255,.12),0 8px 26px rgba(70,35,150,.08)}
@media(max-width:800px){
  .server-panel-tools{width:100%;justify-content:flex-start}
  .server-panel-tools select{min-width:120px}
  .bulk-delete-button,.select-all-control{height:38px;font-size:12px}
  .server-select-box{right:9px;top:9px}
}


/* Premium snow-style confirmation modal */
.cpv-confirm-overlay{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:20px;background:rgba(4,3,16,.76);backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}
.cpv-confirm-overlay[hidden]{display:none}
.cpv-confirm-overlay.is-open{opacity:1;visibility:visible}
.cpv-confirm-dialog{position:relative;width:min(560px,calc(100vw - 34px));box-sizing:border-box;overflow:hidden;border:1px solid rgba(153,116,255,.55);border-radius:24px;background:linear-gradient(145deg,rgba(20,18,48,.98),rgba(9,8,27,.99));box-shadow:0 30px 90px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.025),0 0 55px rgba(117,72,255,.18);padding:34px 34px 28px;transform:translateY(12px) scale(.98);transition:transform .22s ease}
.cpv-confirm-overlay.is-open .cpv-confirm-dialog{transform:translateY(0) scale(1)}
.cpv-confirm-dialog:before,.cpv-confirm-dialog:after{content:"";position:absolute;pointer-events:none;border-radius:999px;filter:blur(1px)}
.cpv-confirm-dialog:before{width:180px;height:70px;top:-38px;right:24px;background:rgba(235,241,255,.94);clip-path:polygon(0 65%,12% 34%,25% 58%,40% 18%,55% 52%,72% 25%,86% 55%,100% 38%,100% 100%,0 100%);opacity:.95}
.cpv-confirm-dialog:after{width:220px;height:180px;left:-80px;bottom:-105px;background:radial-gradient(circle,rgba(123,79,255,.18),transparent 68%)}
.cpv-confirm-close{position:absolute;top:17px;left:17px;width:38px;height:38px;border-radius:12px;border:1px solid rgba(150,118,255,.3);background:rgba(92,62,170,.12);color:#d9d1ff;font-size:23px;line-height:1;cursor:pointer;z-index:4;transition:.18s ease}.cpv-confirm-close:hover{background:rgba(139,76,255,.22);transform:rotate(5deg)}
.cpv-confirm-snow{position:absolute;inset:0;pointer-events:none;color:#dbe6ff;opacity:.78;font-size:15px}.cpv-confirm-snow span{position:absolute;animation:cpvSnowFloat 3.8s ease-in-out infinite}.cpv-confirm-snow span:nth-child(1){top:24px;right:32%;font-size:13px}.cpv-confirm-snow span:nth-child(2){top:92px;right:9%;font-size:19px;animation-delay:.6s}.cpv-confirm-snow span:nth-child(3){bottom:76px;right:44%;font-size:11px;animation-delay:1.1s}.cpv-confirm-snow span:nth-child(4){top:126px;left:12%;font-size:16px;animation-delay:1.7s}.cpv-confirm-snow span:nth-child(5){bottom:22px;left:34%;font-size:12px;animation-delay:2.1s}
@keyframes cpvSnowFloat{0%,100%{transform:translateY(0) rotate(0);opacity:.45}50%{transform:translateY(-7px) rotate(12deg);opacity:1}}
.cpv-confirm-symbol{position:absolute;bottom:18px;left:22px;width:108px;height:116px;display:grid;place-items:center;z-index:2;filter:drop-shadow(0 12px 18px rgba(0,0,0,.35))}.cpv-confirm-symbol .snowman-face{font-size:72px;line-height:1;text-shadow:0 0 22px rgba(190,205,255,.18)}.snowman-hat{position:absolute;top:10px;left:37px;color:#8b4cff;font-size:25px;transform:rotate(-4deg);z-index:2;text-shadow:0 4px 12px rgba(139,76,255,.35)}
.cpv-confirm-copy{position:relative;z-index:2;padding:10px 8px 18px 88px;min-height:122px;direction:rtl;text-align:right}.cpv-confirm-eyebrow{font-size:13px;font-weight:900;color:#d8ccff;margin-bottom:7px;direction:ltr;text-align:left;letter-spacing:.2px}.cpv-confirm-title{margin:0 0 13px;color:#fff;font-size:20px;font-weight:950}.cpv-confirm-message{margin:0;color:#d9d3eb;font-size:15px;line-height:2;font-weight:650}.cpv-confirm-actions{position:relative;z-index:3;display:flex;justify-content:flex-start;gap:10px;margin-top:8px;direction:ltr}.cpv-confirm-actions button{height:50px;border-radius:16px;padding:0 27px;font:inherit;font-weight:900;cursor:pointer;transition:.2s ease}.cpv-confirm-cancel{border:1px solid rgba(145,106,255,.5);background:rgba(48,31,91,.28);color:#ddd5ff}.cpv-confirm-cancel:hover{background:rgba(98,62,180,.22);transform:translateY(-1px)}.cpv-confirm-accept{border:1px solid rgba(180,137,255,.75);background:linear-gradient(135deg,#9b62ff,#6d2cf2);color:#fff;box-shadow:0 10px 30px rgba(110,48,245,.3),inset 0 1px 0 rgba(255,255,255,.25)}.cpv-confirm-accept:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(110,48,245,.42),inset 0 1px 0 rgba(255,255,255,.28)}.cpv-confirm-accept.is-safe{background:linear-gradient(135deg,#8e61ff,#6f32ed)}
@media(max-width:620px){.cpv-confirm-dialog{padding:30px 22px 24px;border-radius:20px}.cpv-confirm-copy{padding:8px 4px 12px;min-height:0}.cpv-confirm-symbol{position:relative;left:auto;bottom:auto;width:76px;height:68px;margin:-4px auto 0}.cpv-confirm-symbol .snowman-face{font-size:54px}.snowman-hat{top:0;left:25px;font-size:20px}.cpv-confirm-actions{justify-content:stretch}.cpv-confirm-actions button{flex:1;padding:0 14px}.cpv-confirm-close{top:12px;left:12px}}

/* Support Center — unified obsidian / violet theme */
body.app-page .support-page{color:#f5f1ff!important}
body.app-page .support-page .support-list-card,
body.app-page .support-page .support-thread-card,
body.app-page .support-page .support-new-card{
  background:linear-gradient(145deg,#121022 0%,#0d0a18 100%)!important;
  border:1px solid #302442!important;
  border-radius:18px!important;
  box-shadow:0 18px 48px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.02)!important;
}
body.app-page .support-page .support-toolbar,
body.app-page .support-page .support-thread-head,
body.app-page .support-page .support-card-title{
  background:linear-gradient(180deg,rgba(30,21,47,.82),rgba(20,15,33,.72))!important;
  border-color:#302442!important;
}
body.app-page .support-page .support-toolbar h2,
body.app-page .support-page .support-card-title h2,
body.app-page .support-page .support-thread-head h2,
body.app-page .support-page .support-empty h3,
body.app-page .support-page .page-heading-row h1{
  color:#f7f3ff!important;
}
body.app-page .support-page .support-card-title p,
body.app-page .support-page .page-heading-row p,
body.app-page .support-page .support-thread-head p,
body.app-page .support-page .support-card-title small{
  color:#a99cbd!important;
}
body.app-page .support-page .support-count{
  background:rgba(167,139,250,.13)!important;
  color:#c7b7ff!important;
  border:1px solid rgba(167,139,250,.2)!important;
}
body.app-page .support-page .support-ticket-list{background:transparent!important}
body.app-page .support-page .support-ticket-row{
  background:linear-gradient(145deg,#171329,#110d1f)!important;
  border-color:#2a203a!important;
  color:#eee7f8!important;
}
body.app-page .support-page .support-ticket-row:hover,
body.app-page .support-page .support-ticket-row.active{
  background:linear-gradient(145deg,#241746,#17102b)!important;
  border-color:#8b5cf6!important;
  box-shadow:0 10px 28px rgba(124,58,237,.16)!important;
}
body.app-page .support-page .support-ticket-row strong{color:#f5f1ff!important}
body.app-page .support-page .support-ticket-row small{color:#988cab!important}
body.app-page .support-page .support-status{background:rgba(167,139,250,.1)!important;color:#cbbcff!important;border:1px solid rgba(167,139,250,.12)!important}
body.app-page .support-page .support-status.waiting_support{background:rgba(139,92,246,.14)!important;color:#c7a9ff!important}
body.app-page .support-page .support-status.waiting_user{background:rgba(251,191,36,.12)!important;color:#f5d27b!important}
body.app-page .support-page .support-status.closed{background:rgba(148,163,184,.1)!important;color:#b7aec1!important}
body.app-page .support-page .support-status.open{background:rgba(45,212,154,.1)!important;color:#73e7bd!important}
body.app-page .support-page .support-ticket-number{
  color:#c5adff!important;
  background:rgba(139,92,246,.12)!important;
  border-color:rgba(139,92,246,.25)!important;
}
body.app-page .support-page .support-messages{background:transparent!important}
body.app-page .support-page .support-message{
  background:linear-gradient(145deg,#171329,#110d1f)!important;
  border-color:#302442!important;
  color:#eee7f8!important;
}
body.app-page .support-page .support-message.from-user{
  background:linear-gradient(145deg,#1b1630,#151026)!important;
}
body.app-page .support-page .support-message.from-support{
  background:linear-gradient(145deg,#2a1a4d,#1b1232)!important;
  border-color:#6944a8!important;
}
body.app-page .support-page .support-message-meta strong{color:#f3edff!important}
body.app-page .support-page .support-message-meta time{color:#9486a9!important}
body.app-page .support-page .support-message p{color:#d9cfe5!important}
body.app-page .support-page .support-reply-form,
body.app-page .support-page .support-new-form{border-color:#302442!important;background:transparent!important}
body.app-page .support-page .support-new-form label,
body.app-page .support-page .support-file-label{color:#dcd3e8!important}
body.app-page .support-page .support-new-form input,
body.app-page .support-page .support-new-form select,
body.app-page .support-page .support-new-form textarea,
body.app-page .support-page .support-reply-form textarea{
  background:#0d0a18!important;
  color:#f5f1ff!important;
  border:1px solid #332746!important;
  box-shadow:none!important;
}
body.app-page .support-page .support-new-form input::placeholder,
body.app-page .support-page .support-new-form textarea::placeholder,
body.app-page .support-page .support-reply-form textarea::placeholder{color:#756985!important}
body.app-page .support-page .support-new-form input:focus,
body.app-page .support-page .support-new-form select:focus,
body.app-page .support-page .support-new-form textarea:focus,
body.app-page .support-page .support-reply-form textarea:focus{
  border-color:#8b5cf6!important;
  box-shadow:0 0 0 3px rgba(139,92,246,.13)!important;
}
body.app-page .support-page .support-file-label span{color:#897b9b!important}
body.app-page .support-page .support-file-label input[type=file]{
  background:#0d0a18!important;
  color:#cfc4da!important;
  border-color:#3a2c4d!important;
}
body.app-page .support-page .support-empty{color:#91839f!important}
body.app-page .support-page .support-empty-icon,
body.app-page .support-page .support-card-title>span{
  background:rgba(139,92,246,.13)!important;
  color:#c4a8ff!important;
  border:1px solid rgba(139,92,246,.16)!important;
}
body.app-page .support-page .details-btn{
  background:rgba(139,92,246,.1)!important;
  color:#cbb7ff!important;
  border-color:#4a3565!important;
}
body.app-page .support-page .support-attachment img{
  background:#0d0a18!important;
  border-color:#3b2c4e!important;
}
@media(max-width:760px){
  body.app-page .support-page .support-list-card,
  body.app-page .support-page .support-thread-card,
  body.app-page .support-page .support-new-card{border-radius:15px!important}
}

/* Landing page: hide the legacy top navbar so the landing header is the only header. */
body.landing-body > .navbar{
  display:none!important;
}


/* CloudPrice dashboard refresh — scoped to the authenticated user dashboard */
.dashboard-page{position:relative;isolation:isolate}
.dashboard-page .page-heading-row{margin-bottom:20px!important}
.dashboard-page .page-heading-row .eyebrow-icon{background:linear-gradient(145deg,#8b42ff,#5416c9)!important;color:#fff!important;box-shadow:0 8px 25px rgba(130,55,255,.28)}
.dashboard-page .page-heading-row h1{font-size:clamp(25px,2.2vw,32px)!important;letter-spacing:-.7px}
.dashboard-page .page-heading-row .modern-primary{background:linear-gradient(110deg,#7b2cf4,#a24cff)!important;border:1px solid rgba(206,166,255,.35)!important;box-shadow:0 8px 25px rgba(125,43,240,.28)!important;border-radius:13px!important;padding:13px 20px!important}
.dashboard-welcome{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;min-height:178px;margin:0 0 22px;padding:27px 32px;border:1px solid rgba(169,99,255,.42);border-radius:22px;background:radial-gradient(ellipse at 78% 50%,rgba(121,43,235,.32),transparent 42%),linear-gradient(112deg,#160b2e 0%,#211044 54%,#110b24 100%);box-shadow:0 16px 40px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.07);isolation:isolate}
.dashboard-welcome-copy{position:relative;z-index:2;max-width:72%}
.dashboard-welcome-kicker{display:flex;align-items:center;gap:9px;color:#c6a1ff;font-size:10px;font-weight:800;letter-spacing:1.7px;margin-bottom:11px}
.dashboard-welcome-kicker i{width:7px;height:7px;border-radius:50%;background:#a855f7;box-shadow:0 0 13px #b66cff}
.dashboard-welcome h2{font-size:clamp(22px,2.2vw,30px);font-weight:850;color:#fff;margin:0 0 8px;letter-spacing:-.5px}
.dashboard-welcome p{color:#c3b1df;font-size:13px;line-height:1.9;margin:0 0 16px;max-width:580px}
.dashboard-welcome-cta{display:inline-flex;align-items:center;gap:14px;padding:9px 16px;border-radius:11px;background:linear-gradient(110deg,#7929e9,#a44bff);border:1px solid rgba(221,189,255,.25);color:#fff!important;font-size:12px;font-weight:800;box-shadow:0 7px 22px rgba(132,53,244,.28)}
.dashboard-welcome-cta span{font-size:17px;line-height:1}
.dashboard-welcome-art{position:absolute;z-index:1;left:6%;top:50%;width:190px;height:145px;transform:translateY(-50%);display:grid;place-items:center;pointer-events:none}
.welcome-cloud{position:absolute;top:7px;left:52px;color:#e6c9ff;font-size:66px;line-height:1;text-shadow:0 0 12px #a855f7,0 0 32px rgba(168,85,247,.9);filter:drop-shadow(0 8px 10px rgba(123,42,234,.5))}
.welcome-rack{position:absolute;bottom:9px;left:68px;width:66px;display:grid;gap:4px;transform:perspective(90px) rotateX(8deg)}
.welcome-rack i{height:12px;border:1px solid #b987ff;border-radius:4px;background:linear-gradient(90deg,#3b176c,#8b42d7,#35145d);box-shadow:0 3px 10px rgba(168,85,247,.35)}
.welcome-rack i:after{content:"";display:block;width:4px;height:4px;margin:3px 7px;border-radius:50%;background:#baffea;box-shadow:0 0 6px #7cf7d2}
.welcome-orbit{position:absolute;width:150px;height:48px;border:1px solid rgba(176,105,255,.55);border-radius:50%;transform:rotate(-18deg);box-shadow:0 0 14px rgba(153,75,255,.22)}
.orbit-two{width:174px;height:65px;transform:rotate(22deg);border-color:rgba(116,73,255,.36)}
.dashboard-welcome-glow{position:absolute;z-index:0;right:22%;bottom:-95px;width:260px;height:150px;border-radius:50%;background:#7225dc;filter:blur(75px);opacity:.25}
.dashboard-page .stat-grid{gap:14px!important;margin-bottom:22px!important}
.dashboard-page .stat-card{position:relative;overflow:hidden;min-height:112px;padding:19px!important;border-radius:17px!important;background:linear-gradient(145deg,#1a1030,#100c20)!important;border:1px solid rgba(158,105,220,.25)!important;box-shadow:0 12px 28px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.035)!important;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.dashboard-page .stat-card:after{content:"";position:absolute;inset:auto -30px -55px auto;width:125px;height:105px;border-radius:50%;background:rgba(145,65,255,.12);filter:blur(25px);pointer-events:none}
.dashboard-page .stat-card:hover{transform:translateY(-3px);border-color:rgba(177,112,255,.52)!important;box-shadow:0 17px 35px rgba(0,0,0,.25),0 0 22px rgba(129,57,232,.1)!important}
.dashboard-page .stat-icon{width:48px!important;height:48px!important;border-radius:15px!important;background:linear-gradient(145deg,rgba(145,72,255,.3),rgba(92,42,166,.16))!important;color:#c99aff!important;border:1px solid rgba(190,140,255,.16)}
.dashboard-page .stat-card small{color:#b9a8d3!important;font-size:12px!important}
.dashboard-page .stat-card strong{color:#fff!important;font-size:27px!important;font-weight:850}
.dashboard-page .stat-card p{color:#a18dbb!important;font-size:11px!important}
.dashboard-page .servers-panel{padding:21px!important;border-radius:20px!important;background:linear-gradient(150deg,#17102a,#100c1e)!important;border:1px solid rgba(159,107,214,.25)!important;box-shadow:0 16px 40px rgba(0,0,0,.2)!important}
.dashboard-page .panel-heading{padding:0 2px 15px!important;border-bottom:1px solid rgba(179,135,231,.14);margin-bottom:15px!important}
.dashboard-page .panel-heading h2{color:#f6efff!important;font-size:19px!important}
.dashboard-page .panel-icon{color:#bd8aff!important}
.dashboard-page .panel-tools select{background:#211637!important;color:#e8dafa!important;border:1px solid rgba(178,131,231,.24)!important;border-radius:10px!important}
.dashboard-page .select-all-control{color:#c7b5dd!important}
.dashboard-page .server-row{position:relative;grid-template-columns:1.2fr 1fr 1fr .8fr!important;margin-top:13px!important;border:1px solid rgba(158,119,202,.23)!important;border-left:3px solid #8b4cf4!important;border-radius:15px!important;background:linear-gradient(110deg,#1a1230,#130e24)!important;box-shadow:0 8px 22px rgba(0,0,0,.14)!important;transition:border-color .2s ease,transform .2s ease}
.dashboard-page .server-row:hover{transform:translateY(-2px);border-color:rgba(180,127,255,.5)!important}
.dashboard-page .server-main,.dashboard-page .server-meta,.dashboard-page .server-os{border-color:rgba(177,139,219,.12)!important}
.dashboard-page .server-main h3,.dashboard-page .server-meta strong,.dashboard-page .server-os strong{color:#f0e7ff!important}
.dashboard-page .server-main small,.dashboard-page .server-meta small,.dashboard-page .server-os small{color:#a995c2!important}
.dashboard-page .os-logo-box{border-color:rgba(190,146,239,.22)!important;background:linear-gradient(145deg,#281744,#171026)!important}
.dashboard-page .status-pill.running{background:rgba(20,195,132,.13)!important;color:#58e7b1!important;border:1px solid rgba(69,220,166,.22)}
.dashboard-page .status-pill.off{background:rgba(255,83,105,.12)!important;color:#ff8998!important;border:1px solid rgba(255,100,125,.2)}
.dashboard-page .server-actions{border-color:rgba(177,139,219,.13)!important;flex-wrap:wrap}
.dashboard-page .server-actions .outline-success,.dashboard-page .server-actions .outline-danger,.dashboard-page .server-actions .details-btn{background:rgba(132,68,220,.1)!important;border-color:rgba(174,124,240,.4)!important;color:#d6b7ff!important;border-radius:10px!important}
.dashboard-page .server-actions .outline-danger{color:#ff9aa8!important;border-color:rgba(255,106,132,.4)!important;background:rgba(255,65,95,.08)!important}
.dashboard-page .server-actions .details-btn{margin-left:auto}
.dashboard-page .empty-state{color:#bca9d3!important}
.dashboard-page .empty-state h3{color:#fff!important}
@media(max-width:760px){
 .dashboard-welcome{min-height:0;padding:22px 20px;border-radius:17px;margin-bottom:15px}
 .dashboard-welcome-copy{max-width:100%;padding-left:0}
 .dashboard-welcome-art{opacity:.16;left:-25px;transform:translateY(-50%) scale(.88)}
 .dashboard-welcome h2{font-size:22px}
 .dashboard-welcome p{font-size:11px;max-width:85%;line-height:1.9}
 .dashboard-welcome-kicker{font-size:9px}
 .dashboard-page .stat-grid{gap:9px!important}
 .dashboard-page .stat-card{min-height:98px;padding:13px!important;gap:10px!important}
 .dashboard-page .stat-icon{width:39px!important;height:39px!important;border-radius:12px!important}
 .dashboard-page .stat-card strong{font-size:21px!important}
 .dashboard-page .servers-panel{padding:13px!important}
 .dashboard-page .panel-heading{gap:12px!important}
 .dashboard-page .server-row{grid-template-columns:1fr 1fr!important}
 .dashboard-page .server-main{grid-column:1/-1;border-bottom:1px solid rgba(177,139,219,.12);border-right:0!important}
 .dashboard-page .server-meta{padding:12px!important}
 .dashboard-page .server-meta:nth-of-type(3){border-right:0!important}
 .dashboard-page .server-os{display:flex!important;grid-column:1/-1;align-items:flex-start;padding:10px 13px!important;border-top:1px solid rgba(177,139,219,.12)}
 .dashboard-page .server-actions{padding:11px!important;gap:8px!important}
 .dashboard-page .server-actions button,.dashboard-page .server-actions .details-btn{font-size:11px!important;padding:8px 11px!important}
}
@media(max-width:430px){
 .dashboard-page .stat-grid{grid-template-columns:1fr 1fr!important}
 .dashboard-page .stat-card{align-items:flex-start!important;flex-direction:column!important;gap:8px!important}
 .dashboard-page .stat-card strong{font-size:19px!important}
 .dashboard-page .panel-tools{flex-wrap:wrap}
 .dashboard-page .panel-tools select{max-width:100%}
 .dashboard-page .server-row{grid-template-columns:1fr 1fr!important}
 .dashboard-page .server-main{grid-column:1/-1}
 .dashboard-page .server-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
 .dashboard-page .server-actions form,.dashboard-page .server-actions form button,.dashboard-page .server-actions .details-btn{width:100%;margin:0!important}
}


/* CloudPrice dashboard refinement – single primary action, clearer hierarchy */
.dashboard-page{padding-top:30px!important;padding-bottom:54px!important}
.dashboard-page .page-heading-row{margin:0 0 18px!important;min-height:48px}
.dashboard-page .page-heading-row>div:first-child{gap:13px!important}
.dashboard-page .page-heading-row .eyebrow-icon{width:46px;height:46px;border-radius:15px;background:linear-gradient(145deg,#8b42ff,#5518c8)!important;box-shadow:0 8px 24px rgba(132,66,255,.25)}
.dashboard-page .page-heading-row h1{font-size:29px!important;font-weight:900!important}
.dashboard-page .page-heading-row p{font-size:12px!important;color:#aa9abe!important;margin-top:5px!important}
.dashboard-page .dashboard-welcome{min-height:190px;margin-bottom:20px;padding:30px 34px;border-radius:24px;background:radial-gradient(ellipse at 78% 45%,rgba(143,72,255,.28),transparent 40%),linear-gradient(115deg,#100a20 0%,#211039 52%,#130b25 100%);border-color:rgba(163,103,255,.48);box-shadow:0 18px 46px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.07)}
.dashboard-page .dashboard-welcome-copy{max-width:76%}
.dashboard-page .dashboard-welcome h2{font-size:clamp(24px,2.25vw,32px);line-height:1.5}
.dashboard-page .dashboard-welcome p{font-size:13px;color:#c8b7dc;max-width:620px}
.dashboard-page .dashboard-welcome-cta{padding:11px 19px;border-radius:12px;font-size:12px;box-shadow:0 9px 25px rgba(133,55,242,.3);transition:transform .18s ease,box-shadow .18s ease}
.dashboard-page .dashboard-welcome-cta:hover{transform:translateY(-2px);box-shadow:0 13px 30px rgba(133,55,242,.4)}
.dashboard-page .dashboard-welcome-art{left:5%;transform:translateY(-50%) scale(1.08)}
.dashboard-page .stat-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;margin:0 0 20px!important}
.dashboard-page .stat-card{min-width:0;min-height:120px;padding:17px 16px!important;gap:12px!important;border-radius:18px!important;background:linear-gradient(145deg,rgba(31,20,51,.98),rgba(16,12,29,.98))!important;border:1px solid rgba(157,112,205,.25)!important;box-shadow:0 12px 30px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.035)!important}
.dashboard-page .stat-card:after{inset:0 0 auto;height:2px;width:auto;background:linear-gradient(90deg,transparent,rgba(171,119,255,.7),transparent);filter:none;opacity:.8}
.dashboard-page .stat-icon{width:43px!important;height:43px!important;flex:0 0 43px;border-radius:14px!important;background:linear-gradient(145deg,rgba(144,75,255,.25),rgba(86,44,151,.13))!important;color:#d1aaff!important;font-size:20px!important}
.dashboard-page .stat-card>div{min-width:0}
.dashboard-page .stat-card small{font-size:11px!important;color:#b9a7d0!important;white-space:nowrap}
.dashboard-page .stat-card strong{font-size:clamp(19px,1.7vw,25px)!important;line-height:1.25;overflow-wrap:anywhere}
.dashboard-page .stat-card p{font-size:10px!important;color:#9582ae!important}
.dashboard-page .servers-panel{padding:22px!important;border-radius:22px!important;background:linear-gradient(155deg,#171027,#100c1d)!important;border:1px solid rgba(154,107,205,.27)!important;box-shadow:0 18px 44px rgba(0,0,0,.2)!important}
.dashboard-page .panel-heading{align-items:center!important;padding:0 2px 17px!important;margin-bottom:17px!important;border-bottom:1px solid rgba(178,139,222,.14)!important}
.dashboard-page .panel-heading>div:first-child{gap:11px!important}
.dashboard-page .panel-heading h2{font-size:20px!important;font-weight:850!important}
.dashboard-page .panel-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:rgba(139,76,244,.15);color:#c59aff!important}
.dashboard-page .panel-tools{gap:8px!important}
.dashboard-page .panel-tools select{min-height:39px;padding:8px 12px!important;background:#1b1429!important;border:1px solid rgba(178,131,231,.27)!important;color:#eee4ff!important;border-radius:11px!important}
.dashboard-page .select-all-control{padding:8px 11px;border:1px solid rgba(178,131,231,.22);border-radius:11px;background:rgba(139,76,244,.06);font-size:11px}
.dashboard-page .bulk-delete-button{min-height:39px;border:1px solid rgba(255,103,128,.24)!important;border-radius:11px!important;background:rgba(255,70,105,.08)!important;color:#ff9cac!important;font-size:11px!important}
.dashboard-page .bulk-delete-button:disabled{opacity:.45}
.dashboard-page .server-row{grid-template-columns:minmax(190px,1.15fr) minmax(165px,1fr) minmax(170px,1fr) minmax(125px,.72fr)!important;min-height:150px;margin-top:12px!important;border:1px solid rgba(158,119,202,.25)!important;border-left:3px solid #9a63f5!important;border-radius:17px!important;background:linear-gradient(110deg,#1b1430,#120e20)!important;box-shadow:0 10px 26px rgba(0,0,0,.16)!important}
.dashboard-page .server-main,.dashboard-page .server-meta,.dashboard-page .server-os{padding:20px 17px!important}
.dashboard-page .server-main{gap:14px!important}
.dashboard-page .os-logo-box{width:54px;height:54px;border-radius:15px!important}
.dashboard-page .server-main h3{font-size:14px!important;font-weight:800!important;overflow-wrap:anywhere}
.dashboard-page .server-meta{gap:13px!important}
.dashboard-page .server-meta small,.dashboard-page .server-os small{font-size:10px!important;color:#a995c2!important}
.dashboard-page .server-meta strong,.dashboard-page .server-os strong{font-size:11px!important;line-height:1.8;overflow-wrap:anywhere}
.dashboard-page .server-meta em{font-size:9px!important;color:#9b89b4!important}
.dashboard-page .server-location-flag{width:20px;height:14px;object-fit:cover;border-radius:3px;vertical-align:middle;margin-inline-start:5px}
.dashboard-page .server-actions{padding:13px 16px!important;gap:10px!important;background:rgba(8,5,17,.18);border-top:1px solid rgba(177,139,219,.13)!important}
.dashboard-page .server-actions form{display:flex}
.dashboard-page .server-actions button,.dashboard-page .server-actions .details-btn{min-height:41px;padding:9px 17px!important;font-size:11px!important;font-weight:800;border-radius:11px!important}
.dashboard-page .server-actions .details-btn{margin-inline-start:auto!important;background:rgba(132,68,220,.13)!important}
.dashboard-page .empty-state{padding:62px 20px!important}
.dashboard-page .empty-state>div{display:inline-grid;place-items:center;width:62px;height:62px;border-radius:20px;background:rgba(139,76,244,.13);color:#c49aff!important}
@media(max-width:1180px){.dashboard-page .stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.dashboard-page .server-row{grid-template-columns:1.1fr 1fr 1fr!important}.dashboard-page .server-os{display:none!important}}
@media(max-width:760px){
 .dashboard-page{padding-top:20px!important}
 .dashboard-page .page-heading-row{margin-bottom:13px!important}
 .dashboard-page .page-heading-row h1{font-size:24px!important}
 .dashboard-page .page-heading-row p{font-size:11px!important}
 .dashboard-page .dashboard-welcome{min-height:0;padding:22px 19px!important;border-radius:18px!important;margin-bottom:14px!important}
 .dashboard-page .dashboard-welcome-copy{max-width:100%!important}
 .dashboard-page .dashboard-welcome h2{font-size:21px!important}
 .dashboard-page .dashboard-welcome p{max-width:100%!important;font-size:11px!important}
 .dashboard-page .dashboard-welcome-art{opacity:.13;left:-35px;transform:translateY(-50%) scale(.85)!important}
 .dashboard-page .dashboard-welcome-cta{padding:10px 14px!important}
 .dashboard-page .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin-bottom:14px!important}
 .dashboard-page .stat-card{min-height:104px;padding:12px!important;gap:9px!important;border-radius:14px!important}
 .dashboard-page .stat-icon{width:36px!important;height:36px!important;flex-basis:36px;font-size:17px!important;border-radius:11px!important}
 .dashboard-page .stat-card small{font-size:10px!important}
 .dashboard-page .stat-card strong{font-size:19px!important}
 .dashboard-page .stat-card p{font-size:9px!important}
 .dashboard-page .servers-panel{padding:13px!important;border-radius:17px!important}
 .dashboard-page .panel-heading{align-items:flex-start!important;flex-direction:column!important;gap:12px!important}
 .dashboard-page .panel-tools{width:100%;flex-wrap:wrap!important;justify-content:flex-start!important}
 .dashboard-page .panel-tools select{flex:1;min-width:120px}
 .dashboard-page .server-row{grid-template-columns:1fr 1fr!important;min-height:0!important}
 .dashboard-page .server-main{grid-column:1/-1!important;padding:14px!important;border-right:0!important;border-bottom:1px solid rgba(177,139,219,.12)!important}
 .dashboard-page .server-meta{padding:12px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:12px!important;border-right:1px solid rgba(177,139,219,.12)!important}
 .dashboard-page .server-meta:nth-of-type(3){border-right:0!important}
 .dashboard-page .server-os{display:flex!important;grid-column:1/-1!important;align-items:center!important;flex-direction:row!important;justify-content:space-between!important;padding:11px 14px!important;border-top:1px solid rgba(177,139,219,.12)!important}
 .dashboard-page .server-actions{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr!important;padding:11px!important;gap:8px!important}
 .dashboard-page .server-actions form,.dashboard-page .server-actions form button,.dashboard-page .server-actions .details-btn{width:100%!important;margin:0!important}
 .dashboard-page .server-actions button,.dashboard-page .server-actions .details-btn{padding:9px 8px!important;font-size:10px!important}
}
@media(max-width:390px){.dashboard-page .stat-card{align-items:flex-start!important;flex-direction:column!important}.dashboard-page .stat-card strong{font-size:18px!important}.dashboard-page .server-meta strong{font-size:10px!important}}

/* Persistent login checkbox */
.remember-me{display:flex;align-items:center;gap:8px;margin:0 0 14px;color:#7890ad;font-size:12px;cursor:pointer}.remember-me input{width:16px;height:16px;accent-color:#1675ee}


/* Customer financial statement and printable receipt; intentionally scoped. */
.financial-statement-page .financial-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}
.financial-statement-page .financial-summary-card{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:8px;min-width:0}
.financial-statement-page .financial-summary-card>span,.financial-statement-page .financial-summary-card>small{color:var(--muted-color,#64748b);font-size:12px}
.financial-statement-page .financial-summary-card strong{font-size:clamp(17px,2vw,23px);line-height:1.5;overflow-wrap:anywhere}
.financial-statement-page .financial-summary-card strong small{font-size:12px;font-weight:500}
.financial-statement-page .financial-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:12px;align-items:end}
.financial-statement-page .financial-filters label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:var(--text-color,#334155)}
.financial-statement-page .financial-filters input,.financial-statement-page .financial-filters select{width:100%;min-height:42px;border:1px solid var(--border-color,#dbe1ea);border-radius:10px;padding:8px 10px;background:var(--input-bg,#fff);color:var(--text-color,#1e293b);font:inherit}
.financial-statement-page .financial-filter-actions{display:flex;gap:8px;align-items:center}
.financial-statement-page .financial-history-heading{justify-content:space-between;gap:12px;flex-wrap:wrap}
.financial-statement-page .financial-table-wrap{overflow-x:auto}
.financial-statement-page .financial-table-wrap table{min-width:920px}
.financial-statement-page .financial-table-wrap td,.financial-statement-page .financial-table-wrap th{vertical-align:middle}
.financial-statement-page .financial-table-wrap code,.financial-invoice-page code{direction:ltr;unicode-bidi:embed;white-space:nowrap;font-size:11px}
.financial-statement-page .financial-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 2px 0;color:var(--muted-color,#64748b);font-size:13px}
.financial-statement-page .financial-pagination>div{display:flex;gap:8px}
.financial-statement-page .financial-footnote{font-size:12px;color:var(--muted-color,#64748b);line-height:1.9;margin:14px 2px 0}
.financial-invoice-page .financial-invoice-sheet{max-width:850px;margin:20px auto;padding:clamp(18px,4vw,34px)}
.financial-invoice-page .financial-invoice-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding-bottom:22px;border-bottom:1px solid var(--border-color,#e5e7eb)}
.financial-invoice-page .financial-invoice-top>div:first-child{display:flex;flex-direction:column;gap:6px}
.financial-invoice-page .financial-invoice-top strong{font-size:20px}
.financial-invoice-page .financial-invoice-top span,.financial-invoice-page .financial-invoice-number small{font-size:12px;color:var(--muted-color,#64748b)}
.financial-invoice-page .financial-invoice-number{display:flex;flex-direction:column;gap:5px;text-align:left}
.financial-invoice-page .financial-invoice-number b{direction:ltr;font-size:14px}
.financial-invoice-page .financial-invoice-status{display:inline-flex;margin-top:22px;padding:7px 12px;border-radius:999px;font-size:12px;font-weight:700;background:#eef2ff;color:#3730a3}
.financial-invoice-page .financial-invoice-status.is-credit{background:#ecfdf5;color:#047857}
.financial-invoice-page .financial-invoice-status.is-debit{background:#fff7ed;color:#c2410c}
.financial-invoice-page .financial-invoice-amount{display:flex;flex-direction:column;gap:7px;margin:18px 0 24px}
.financial-invoice-page .financial-invoice-amount>small{font-size:12px;color:var(--muted-color,#64748b)}
.financial-invoice-page .financial-invoice-amount strong{font-size:30px;direction:ltr;text-align:right}
.financial-invoice-page .financial-invoice-amount strong small{font-size:13px}
.financial-invoice-page .financial-invoice-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;border-top:1px solid var(--border-color,#e5e7eb)}
.financial-invoice-page .financial-invoice-details>div{display:flex;flex-direction:column;gap:7px;padding:15px 0;border-bottom:1px solid var(--border-color,#e5e7eb);min-width:0}
.financial-invoice-page .financial-invoice-details>div.wide{grid-column:1/-1}
.financial-invoice-page .financial-invoice-details span{font-size:12px;color:var(--muted-color,#64748b)}
.financial-invoice-page .financial-invoice-details b{font-size:13px;overflow-wrap:anywhere}
.financial-invoice-page .financial-invoice-note{font-size:11px;line-height:1.9;color:var(--muted-color,#64748b);margin:20px 0}
.financial-invoice-page .financial-invoice-actions{display:flex;gap:10px;justify-content:flex-start;flex-wrap:wrap}
@media(max-width:900px){.financial-statement-page .financial-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.financial-statement-page .financial-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.financial-statement-page .financial-filter-actions{grid-column:1/-1}}
@media(max-width:560px){.financial-statement-page .financial-summary-grid{gap:9px}.financial-statement-page .financial-summary-card{padding:13px;border-radius:12px}.financial-statement-page .financial-filters{grid-template-columns:1fr}.financial-statement-page .financial-filter-actions{grid-column:auto}.financial-invoice-page .financial-invoice-top{flex-direction:column}.financial-invoice-page .financial-invoice-number{text-align:right}.financial-invoice-page .financial-invoice-details{grid-template-columns:1fr}.financial-invoice-page .financial-invoice-details>div.wide{grid-column:auto}.financial-invoice-page .financial-invoice-amount strong{font-size:25px}}
@media print{body{background:#fff!important}.app-shell,.sidebar,.topbar,.no-print,.financial-invoice-page .page-heading-row{display:none!important}.app-main{margin:0!important;padding:0!important}.financial-invoice-page{max-width:none!important;padding:0!important}.financial-invoice-page .financial-invoice-sheet{box-shadow:none!important;border:0!important;margin:0!important;max-width:none!important;color:#111!important}.financial-invoice-page .financial-invoice-details span,.financial-invoice-page .financial-invoice-note,.financial-invoice-page .financial-invoice-top span{color:#555!important}}

/* User dashboard folders */
.user-folders-panel{margin:0 0 18px;padding:18px 20px;border:1px solid var(--border,rgba(148,163,184,.16));border-radius:18px;background:var(--panel,rgba(20,24,38,.72));box-shadow:0 12px 32px rgba(0,0,0,.08)}
.user-folders-heading,.user-folders-heading>div{display:flex;align-items:center;gap:10px}.user-folders-heading{justify-content:space-between;flex-wrap:wrap;margin-bottom:14px}.user-folders-heading h2{margin:0;font-size:15px}.user-folders-heading .panel-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:rgba(139,92,246,.13);color:#b8a0ff}
.folder-create-form{display:flex;gap:8px;align-items:center}.folder-create-form input,.user-folder-menu input{min-width:0;width:170px;padding:9px 11px;border:1px solid var(--border,rgba(148,163,184,.2));border-radius:10px;background:rgba(8,12,24,.28);color:inherit;font:inherit;font-size:12px}.folder-create-form button,.user-folder-menu button{border:0;border-radius:10px;padding:9px 13px;background:linear-gradient(135deg,#7657e8,#5b43c9);color:#fff;font:inherit;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}
.user-folder-list{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.user-folder-item{display:inline-flex;align-items:center;gap:4px}.user-folder-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--border,rgba(148,163,184,.16));border-radius:12px;background:rgba(148,163,184,.045);color:var(--text,#e5e7eb);text-decoration:none;font-size:12px;font-weight:700;transition:.18s}.user-folder-chip>span{font-size:15px;color:#d6b65c}.user-folder-chip b{display:inline-grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border-radius:7px;background:rgba(148,163,184,.12);font-size:10px}.user-folder-chip:hover,.user-folder-chip.active{border-color:rgba(139,92,246,.55);background:rgba(124,92,230,.13);color:#d9ccff}.user-folder-menu{position:relative}.user-folder-menu summary{display:grid;place-items:center;width:27px;height:34px;border-radius:8px;background:rgba(148,163,184,.08);cursor:pointer;list-style:none;font-size:19px}.user-folder-menu summary::-webkit-details-marker{display:none}.user-folder-menu>div{position:absolute;z-index:20;top:38px;right:0;display:grid;gap:8px;min-width:190px;padding:10px;border:1px solid var(--border,rgba(148,163,184,.2));border-radius:12px;background:#171b2a;box-shadow:0 12px 30px rgba(0,0,0,.28)}.user-folder-menu form{display:flex;gap:5px}.user-folder-menu input{width:105px}.user-folder-menu button{padding:8px;font-size:10px}.user-folder-menu button.danger{background:rgba(239,68,68,.14);color:#fca5a5}.folder-system-lock{padding:0 5px;color:#9b8be5;font-size:13px}.server-folder-move{display:inline-flex;margin-top:7px}.server-folder-move select{max-width:145px;padding:7px 9px;border:1px solid var(--border,rgba(148,163,184,.2));border-radius:9px;background:rgba(8,12,24,.3);color:inherit;font:inherit;font-size:10px;cursor:pointer}
@media(max-width:700px){.user-folders-panel{padding:14px}.user-folders-heading{align-items:flex-start}.folder-create-form{width:100%}.folder-create-form input{flex:1;width:1px}.user-folder-list{gap:7px}.user-folder-chip{padding:8px 10px;font-size:11px}.server-folder-move select{max-width:120px}}


/* Folder UI refinement: clearer navigation and server move control */
.user-folders-panel{position:relative;overflow:visible;padding:21px;background:linear-gradient(145deg,rgba(124,92,230,.075),rgba(18,25,43,.32) 52%,rgba(56,189,248,.035));border-color:rgba(139,124,246,.22)}
.user-folders-heading{margin-bottom:18px}
.user-folders-heading h2{font-size:16px;letter-spacing:-.2px}
.folder-create-form input{width:205px;min-height:40px;background:rgba(8,12,24,.48);border-color:rgba(148,163,184,.24);transition:border-color .18s,box-shadow .18s}
.folder-create-form input:focus{outline:none;border-color:#8b75f4;box-shadow:0 0 0 3px rgba(139,117,244,.14)}
.folder-create-form button{min-height:40px;padding-inline:16px;box-shadow:0 7px 18px rgba(91,67,201,.2)}
.user-folder-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:10px;align-items:stretch}
.user-folder-item{position:relative;display:flex;min-width:0;align-items:center;gap:5px;padding:5px;border:1px solid rgba(148,163,184,.13);border-radius:14px;background:rgba(148,163,184,.035);transition:border-color .18s,background .18s,transform .18s}
.user-folder-item:hover{border-color:rgba(139,124,246,.34);background:rgba(124,92,230,.07);transform:translateY(-1px)}
.user-folder-item .user-folder-chip{flex:1;min-width:0;min-height:52px;padding:9px 10px;border:0;background:transparent;white-space:normal;line-height:1.6}
.user-folder-chip>span{display:grid;place-items:center;width:31px;height:31px;flex:0 0 31px;border-radius:10px;background:rgba(214,182,92,.12);font-size:17px}
.user-folder-chip b{margin-right:auto;min-width:25px;height:25px;border:1px solid rgba(148,163,184,.12)}
.user-folder-chip:hover,.user-folder-chip.active{border:0;background:rgba(124,92,230,.13);color:#e3dcff}
.user-folder-item:has(.user-folder-chip.active){border-color:rgba(139,117,244,.52);background:linear-gradient(135deg,rgba(124,92,230,.16),rgba(124,92,230,.055));box-shadow:inset 0 0 0 1px rgba(139,117,244,.08)}
.user-folder-menu summary{width:30px;height:34px;flex:0 0 30px}
.folder-system-lock{display:grid;place-items:center;width:28px;height:30px;margin-left:2px;border-radius:8px;background:rgba(139,124,246,.1)}
.server-folder-move{display:flex;align-items:center;gap:8px;margin:0 0 0 auto;padding:5px 8px 5px 10px;border:1px solid rgba(139,124,246,.24);border-radius:11px;background:rgba(124,92,230,.07)}
.server-folder-move label{display:inline-flex;align-items:center;gap:6px;color:var(--muted,#aab4c8);font-size:11px;font-weight:700;white-space:nowrap}
.server-folder-move label span{font-size:15px}
.server-folder-move select{max-width:180px;min-width:120px;min-height:34px;padding:6px 28px 6px 9px;border:1px solid rgba(148,163,184,.2);border-radius:8px;background:#171b2a;color:#f1f3fa;font-size:11px;font-weight:700}
.server-folder-move select:focus{outline:none;border-color:#8b75f4;box-shadow:0 0 0 3px rgba(139,117,244,.13)}
@media(max-width:760px){.user-folders-panel{padding:15px}.user-folders-heading{gap:13px}.folder-create-form{display:grid;grid-template-columns:minmax(0,1fr) auto}.folder-create-form input{width:100%;min-width:0}.user-folder-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.user-folder-item .user-folder-chip{padding:8px 6px;font-size:10px}.user-folder-chip>span{width:27px;height:27px;flex-basis:27px}.server-folder-move{width:100%;justify-content:space-between;margin:2px 0 0;padding:7px 9px}.server-folder-move select{max-width:58%;min-width:0;flex:1}}
@media(max-width:420px){.user-folder-list{grid-template-columns:1fr}.user-folder-item .user-folder-chip{font-size:11px}.folder-create-form button{padding-inline:10px;font-size:11px}}

/* Polished folder destination selector (scoped to server move control). */
.server-actions .server-folder-move{
  display:flex!important;align-items:center;gap:9px;min-width:0;max-width:100%;
  margin:0 0 0 auto;padding:7px 9px 7px 11px;
  border:1px solid rgba(139,117,244,.25);border-radius:13px;
  background:linear-gradient(135deg,rgba(124,92,230,.105),rgba(20,24,38,.72));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:border-color .18s,box-shadow .18s,background .18s;
}
.server-actions .server-folder-move:hover{border-color:rgba(167,139,250,.48);box-shadow:0 5px 18px rgba(0,0,0,.12)}
.server-actions .server-folder-move label{display:inline-flex!important;align-items:center;gap:7px;margin:0;color:#b9b2d5;font-size:11px;font-weight:800;white-space:nowrap}
.server-actions .server-folder-move label span{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:rgba(167,139,250,.14);font-size:14px}
.server-actions .server-folder-move select,
.server-actions .server-folder-move select[name="folder_id"]{
  -webkit-appearance:none!important;appearance:none!important;display:block!important;
  width:auto!important;min-width:145px;max-width:190px;min-height:38px!important;
  margin:0!important;padding:7px 12px 7px 36px!important;
  border:1px solid rgba(167,139,250,.32)!important;border-radius:10px!important;
  background-color:#19182b!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23b9a7ff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:left 11px center!important;background-size:14px!important;
  color:#f1edff!important;-webkit-text-fill-color:#f1edff!important;
  font-family:inherit!important;font-size:11px!important;font-weight:800!important;line-height:1.5!important;
  cursor:pointer!important;box-shadow:0 3px 10px rgba(0,0,0,.13)!important;transition:border-color .18s,box-shadow .18s,background-color .18s!important;
}
.server-actions .server-folder-move select:hover{border-color:rgba(167,139,250,.65)!important;background-color:#211d38!important}
.server-actions .server-folder-move select:focus{outline:none!important;border-color:#a78bfa!important;box-shadow:0 0 0 3px rgba(139,117,244,.19),0 4px 14px rgba(0,0,0,.16)!important}
.server-actions .server-folder-move select option{background:#19182b!important;color:#f1edff!important;padding:9px!important}
.server-actions .server-folder-move select option:checked{background:#4b3a83!important;color:#fff!important}
@media(max-width:760px){
 .server-actions .server-folder-move{width:100%;justify-content:space-between;gap:8px;margin:5px 0 0;padding:8px 9px}
 .server-actions .server-folder-move select,.server-actions .server-folder-move select[name="folder_id"]{flex:1;min-width:0;max-width:none;width:1px!important}
}
@media(max-width:390px){.server-actions .server-folder-move label{font-size:10px;gap:5px}.server-actions .server-folder-move label span{width:23px;height:23px}}