@import url("app.css?v=4.1.0");

/* CheapRockstar Admin v5.1 — clean, classic and consistent with Webmail */
:root {
    color-scheme: light;
    --bg: #f5f6f8;
    --panel: #ffffff;
    --panel-2: #f7f8fa;
    --panel-3: #eef1f4;
    --line: #e0e3e7;
    --line-strong: #c9cdd2;
    --text: #242424;
    --muted: #666b73;
    --purple: #0f6cbd;
    --purple-deep: #0b5ca8;
    --orange: #2b88d8;
    --green: #2e7d32;
    --red: #c42b1c;
    --shadow: 0 12px 34px rgba(0, 0, 0, .09);
    --radius: 8px;
    --classic-blue: #0f6cbd;
    --classic-blue-dark: #0b5ca8;
    --classic-blue-soft: #e7f2fb;
}

html, body { background: var(--bg); }
body { color: var(--text); font-family: "Segoe UI", Inter, system-ui, sans-serif; }
p { color: var(--muted); }
h1, h2 { color: #202020; }
.eyebrow { color: var(--classic-blue); letter-spacing: .12em; }
.muted { color: var(--muted); }

input, select, textarea {
    border: 1px solid #aeb3b8;
    border-radius: 4px;
    color: #242424;
    background: #fff;
}
input::placeholder, textarea::placeholder { color: #83878c; }
input:hover, select:hover, textarea:hover { border-color: #70757a; }
input:focus, select:focus, textarea:focus {
    border-color: var(--classic-blue);
    background: #fff;
    box-shadow: 0 0 0 1px var(--classic-blue);
}
input[readonly] { color: #444; background: #f3f4f5; }
label { color: #333; }

.primary-button, .secondary-button, .ghost-button, .danger-button {
    min-height: 42px;
    border-radius: 4px;
    box-shadow: none;
    font-weight: 600;
}
.primary-button { border: 1px solid var(--classic-blue); color: #fff; background: var(--classic-blue); }
.primary-button:hover { background: var(--classic-blue-dark); filter: none; transform: none; }
.secondary-button { border: 1px solid #8ab9dd; color: #075a9e; background: #edf6fc; }
.secondary-button:hover { color: #064c85; background: #deeffb; }
.ghost-button { border: 1px solid #cfd3d7; color: #343434; background: #fff; }
.ghost-button:hover { border-color: var(--classic-blue); color: var(--classic-blue); background: #f4f9fd; }
.danger-button { border: 1px solid #dfaaa5; color: #a4262c; background: #fff4f3; }
.danger-button:hover { border-color: var(--red); color: var(--red); background: #fde7e9; transform: none; }

.alert { border-radius: 4px; }
.alert.success { border-color: #b7d8bb; color: #25632c; background: #edf7ee; }
.alert.error { border-color: #efb8b3; color: #a4262c; background: #fde7e9; }

/* Admin login */
.admin-login-page {
    display: grid;
    min-height: 100vh;
    place-items: center;
    padding: 28px;
    background:
        radial-gradient(circle at 12% 8%, rgba(15, 108, 189, .08), transparent 30rem),
        radial-gradient(circle at 90% 90%, rgba(15, 108, 189, .05), transparent 28rem),
        #f3f6f9;
}
.admin-login-shell {
    width: min(100%, 1080px);
    min-height: 650px;
    overflow: hidden;
    border: 1px solid #d7dbe0;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 18px 55px rgba(0, 0, 0, .12);
}
.admin-login-showcase {
    padding: 54px;
    border-right: 1px solid #dce0e4;
    color: #242424;
    background:
        linear-gradient(145deg, rgba(15, 108, 189, .10), transparent 55%),
        #f4f8fb;
}
.admin-login-showcase::before, .admin-login-showcase::after { display: none; }
.admin-showcase-brand .brand-mark, .brand-mark {
    border: 0;
    border-radius: 5px;
    color: #fff;
    background: var(--classic-blue);
    box-shadow: none;
}
.admin-showcase-brand strong { color: #222; }
.admin-showcase-brand small { color: var(--classic-blue); }
.admin-showcase-copy .eyebrow { color: var(--classic-blue); }
.admin-showcase-copy h1 { color: #1f1f1f; font-size: clamp(2.8rem, 5vw, 4.9rem); }
.admin-showcase-copy > p:last-child { color: #5f666d; }
.admin-showcase-grid article { border: 1px solid #dce1e5; border-radius: 6px; background: rgba(255, 255, 255, .8); }
.admin-showcase-grid article b { color: var(--classic-blue); }
.admin-showcase-grid article strong { color: #2b2b2b; }
.admin-showcase-grid article small { color: #70757b; }
.admin-security-line { border-top-color: #dfe3e7; color: #4c5157; }
.admin-security-line span { background: #3aa655; box-shadow: 0 0 0 5px rgba(58, 166, 85, .10); }
.admin-security-line small { color: #7c8187; }
.admin-login-panel { color: #242424; background: #fff; }
.admin-login-panel::before { display: none; }
.admin-login-top { color: var(--classic-blue); }
.admin-login-top a { color: var(--classic-blue); }
.admin-login-card .eyebrow { color: var(--classic-blue); }
.admin-login-card h1 { color: #1f1f1f; }
.admin-login-card .muted { color: #666; }
.admin-login-card label { color: #333; }
.admin-login-card input { min-height: 48px; border-color: #8c9196; color: #222; background: #fff; }
.admin-password-field button { border: 0; color: var(--classic-blue); background: transparent; }
.admin-password-field button:hover { color: var(--classic-blue-dark); background: #eff6fb; }
.admin-login-button { border: 0; color: #fff; background: var(--classic-blue); box-shadow: none; }
.admin-login-button:hover { background: var(--classic-blue-dark); }
.admin-login-button b { color: #fff; background: transparent; }
.admin-login-meta { border-top-color: #e1e3e6; color: #687078; }
.admin-login-meta span::before { background: #3aa655; }

/* Main admin application */
.app-page { color: var(--text); background: var(--bg); }
.app-shell { grid-template-columns: 248px minmax(0, 1fr); }
.sidebar {
    padding: 22px 16px 18px;
    border-right: 1px solid #d9dde1;
    background: #f1f3f5;
    backdrop-filter: none;
}
.sidebar-brand strong { color: #222; }
.sidebar-brand small { color: #6a7077; }
.nav-list { gap: 3px; margin-top: 34px; }
.nav-item {
    min-height: 43px;
    border: 0;
    border-radius: 4px;
    color: #454545;
    font-weight: 600;
}
.nav-item span { color: #777; }
.nav-item:hover { color: #222; background: #e5e8eb; }
.nav-item.active { color: #111; background: #dceaf7; box-shadow: inset 3px 0 var(--classic-blue); }
.nav-item.active span { color: var(--classic-blue); }
.domain-status { border: 1px solid #d7dadd; border-radius: 5px; background: #fff; }
.domain-status small { color: #777; }
.domain-status strong { color: #333; }
.status-dot { background: #3aa655; }

.workspace { padding: 0 36px 48px; background: #f6f7f9; }
.admin-commandbar {
    position: sticky;
    z-index: 9;
    top: 0;
    margin: 0 -36px 28px;
    padding: 15px 36px;
    border-bottom: 1px solid #dcdfe3;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .04);
    backdrop-filter: blur(12px);
}
.admin-commandbar::after { display: none; }
.admin-commandbar p { color: var(--classic-blue); }
.admin-commandbar h2 { color: #252525; }
.admin-command-actions a { border: 0; border-radius: 4px; color: #3e4349; background: #f1f3f5; }
.admin-command-actions a:hover { color: var(--classic-blue); background: #e7f2fb; }
.admin-live-chip { border: 1px solid #b9dabc; color: #28622e; background: #eef8ef; }
.admin-live-chip i { background: #3aa655; }
.admin-stat-grid { gap: 12px; }
.admin-stat-grid article { border: 1px solid #dfe2e6; border-radius: 7px; background: #fff; box-shadow: 0 3px 10px rgba(0, 0, 0, .03); }
.admin-stat-grid article::before { background: var(--classic-blue); }
.admin-stat-grid article > span { color: var(--classic-blue); background: #e7f2fb; }
.admin-stat-grid small { color: #71767b; }
.admin-stat-grid strong { color: #242424; }
.admin-stat-grid p { color: #777; }
.admin-stat-grid article:nth-child(2) > span, .admin-stat-grid article:nth-child(3) > span, .admin-stat-grid article:nth-child(4) > span { color: var(--classic-blue); background: #e7f2fb; }
.admin-stat-grid article:nth-child(2)::before, .admin-stat-grid article:nth-child(3)::before, .admin-stat-grid article:nth-child(4)::before { background: var(--classic-blue); }
.admin-service-live { border: 1px solid #e3d391; border-radius: 5px; color: #514719; background: #fff8ce; }
.admin-service-live button { border: 1px solid #c9b95f; color: #5c4d00; background: #fff; }

.tab-panel { max-width: 1320px; }
.page-heading { margin-bottom: 26px; }
.page-heading h1 { color: #222; font-size: clamp(2rem, 4vw, 3.15rem); }
.page-heading p:last-child { color: #666c73; }
.privacy-chip { border: 1px solid #ccd9e3; color: #245a82; background: #eef6fc; }

.control-card, .result-card, .settings-card, .mailbox-stat-card, .service-preview-card {
    border: 1px solid #dde1e5;
    border-radius: 7px;
    background: #fff;
    box-shadow: 0 4px 15px rgba(0, 0, 0, .04);
}
.control-card { padding: 22px; }
.result-card { overflow: hidden; }
.card-heading h2 { color: #252525; }
.step-number { border-color: #bad6ea; color: var(--classic-blue); background: #edf6fc; }
.result-heading { border-bottom-color: #e1e4e7; background: #fafbfc; }
.result-heading p { color: #747980; }
.result-card textarea { color: #27313a; background: #f7f9fb; }
.form-note { color: #73787e; }
.progress-wrap progress, .progress-wrap progress::-webkit-progress-bar { background: #dce2e7; }
.progress-wrap progress::-webkit-progress-value, .progress-wrap progress::-moz-progress-bar { background: var(--classic-blue); }

.search-bar { border: 1px solid #dce0e4; border-radius: 6px; background: #fff; }
.search-bar input { border-color: #aeb3b8; background: #fff; }
.mail-list { gap: 10px; }
.mail-card { border: 1px solid #dfe2e5; border-radius: 6px; color: #242424; background: #fff; }
.mail-card.is-unread { border-color: #9fc7e6; box-shadow: inset 3px 0 var(--classic-blue); }
.mail-card.is-read { background: #fafafa; }
.mail-meta { color: #6d7379; }
.mail-card h2 { color: #252525; }
.code-chip { border: 1px solid #a9cee9; color: #075a9e; background: #edf6fc; }
.mail-preview { border-color: #e0e3e6; }
.mail-preview summary { color: var(--classic-blue); }
.mail-body { color: #343434; background: #f8f9fa; }
.empty-state { border: 1px dashed #c9cdd2; border-radius: 7px; background: #fff; }
.empty-state > span { border: 0; color: var(--classic-blue); background: #e7f2fb; }
.empty-state h2 { color: #333; }

.mailbox-stat-card { color: #242424; }
.mailbox-stat-card .eyebrow, .settings-card .eyebrow, .service-preview-card .eyebrow { color: var(--classic-blue); }
.mailbox-stat-card strong { color: #222; }
.mailbox-stat-card p, .settings-card p, .service-preview-card p { color: #686e75; }
.danger-card { border-color: #ead0ce; background: #fff; }
.danger-card fieldset { border-color: #efd7d4; background: #fff9f8; }
.danger-card .eyebrow { color: #a4262c; }

.settings-card { padding: 24px; }
.settings-card fieldset { border: 1px solid #dfe2e5; border-radius: 6px; background: #fafbfc; }
.settings-card legend { color: #333; }
.check-control input, .service-toggle input { accent-color: var(--classic-blue); }
.service-toggle { border: 1px solid #dce1e5; border-radius: 5px; color: #333; background: #fff; }
.service-toggle small { color: #70767c; }
.service-preview-card { padding: 24px; }
.service-preview { border-radius: 5px; }
.service-preview.maintenance { border-color: #e0ca72; color: #514719; background: #fff8ce; }
.service-preview.info { border-color: #a8cce7; color: #164d74; background: #edf6fc; }
.service-preview.outage { border-color: #e2aaa5; color: #8f2429; background: #fde7e9; }

/* Setup page */
.setup-page { background: #f3f6f9; }
.setup-shell { border: 1px solid #d7dbe0; border-radius: 10px; background: #fff; box-shadow: var(--shadow); }
.brand-panel { color: #242424; background: linear-gradient(145deg, #edf6fc, #f7f9fb); }
.brand-panel h1 { color: #222; }
.brand-panel p { color: #5f666d; }
.check-list li { color: #3f4449; }
.check-list li::before { color: var(--classic-blue); }
.setup-card { background: #fff; }
.setup-card fieldset { border-color: #dfe2e5; background: #fafbfc; }
.setup-card legend { color: #333; }

/* Shared loading and toast */
.page-loading[hidden] { display: none; }
.page-loading { color: #222; background: rgba(255, 255, 255, .91); backdrop-filter: blur(5px); }
.loading-emblem { border: 0; border-radius: 6px; color: #fff; background: var(--classic-blue); box-shadow: none; animation: admin-classic-pulse 1.1s ease-in-out infinite; }
.loading-emblem span { display: none; }
.loading-track { background: #d8dde2; }
.loading-track i { background: var(--classic-blue); }
.page-loading > strong { color: #555; }
.toast { border-color: #d1d5d9; color: #242424; background: #fff; box-shadow: 0 10px 32px rgba(0, 0, 0, .14); }
@keyframes admin-classic-pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: .78; transform: scale(.96); } }

@media (max-width: 980px) {
    .app-shell { grid-template-columns: 1fr; }
    .workspace { padding: 0 18px 35px; }
    .admin-commandbar { margin: 0 -18px 22px; padding: 13px 18px; }
    .mobile-header { border-bottom: 1px solid #dcdfe3; background: #fff; }
    .mobile-nav { border: 1px solid #dce0e4; background: #fff; }
    .admin-stat-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 720px) {
    .admin-login-page { display: block; padding: 0; background: #fff; }
    .admin-login-shell { min-height: 100vh; border: 0; border-radius: 0; box-shadow: none; }
    .admin-login-showcase { display: none; }
    .admin-login-panel { min-height: 100vh; padding: 25px 22px; }
    .admin-login-card { width: 100%; }
    .admin-mobile-brand { display: grid; }
    .page-heading { align-items: flex-start; flex-direction: column; }
    .admin-stat-grid { grid-template-columns: 1fr; }
    .generator-grid, .mailbox-admin-grid, .service-admin-grid { grid-template-columns: 1fr; }
    .two-columns, .host-port { grid-template-columns: 1fr; }
    .admin-command-actions { display: none; }
}

/* CheapRockstar Admin v6 — matching purple mail experience */
:root {
    color-scheme: dark;
    --bg: #080711;
    --panel: #0f0d19;
    --panel-2: #141020;
    --panel-3: #191329;
    --line: #302642;
    --line-strong: #4a3766;
    --text: #f2edfc;
    --muted: #9d92b1;
    --purple: #9132ff;
    --purple-deep: #7420e6;
    --orange: #b348ff;
    --green: #44cf86;
    --red: #ff6694;
    --classic-blue: #9132ff;
    --classic-blue-dark: #7420e6;
    --classic-blue-soft: rgba(145, 50, 255, .14);
}
html, body { background: var(--bg); }
body { color: var(--text); }
p, .muted { color: var(--muted); }
h1, h2 { color: #fff; }
.eyebrow { color: #bb68ff; }
input, select, textarea { border-color: #443753; color: #f0eafa; background: #100d19; }
input::placeholder, textarea::placeholder { color: #7e738f; }
input:hover, select:hover, textarea:hover { border-color: #665076; }
input:focus, select:focus, textarea:focus { border-color: #a646ff; background: #14101f; box-shadow: 0 0 0 2px rgba(145, 50, 255, .15); }
input[readonly] { color: #cfc6dd; background: #15111f; }
label { color: #d5cee1; }
.primary-button { border-color: #a13fff; color: #fff; background: linear-gradient(105deg, #a632ff, #7421e7); }
.primary-button:hover { background: linear-gradient(105deg, #b64eff, #812beb); }
.secondary-button { border-color: #68408e; color: #d89cff; background: rgba(145, 50, 255, .10); }
.ghost-button { border-color: #3d324d; color: #d1c8df; background: #14101e; }
.ghost-button:hover { border-color: #9843ed; color: #fff; background: rgba(145, 50, 255, .11); }
.danger-button { border-color: #764158; color: #ff9bbb; background: rgba(255, 68, 130, .08); }
.alert.success { border-color: #315c49; color: #9ee2bc; background: rgba(66, 207, 134, .07); }
.alert.error { border-color: #6f394f; color: #ffadc4; background: rgba(255, 80, 137, .07); }

.admin-login-page { background: radial-gradient(circle at 0 0, rgba(120, 30, 230, .22), transparent 35rem), radial-gradient(circle at 100% 100%, rgba(116, 32, 225, .2), transparent 38rem), #080711; }
.admin-login-shell { border-color: #3a2a50; background: #0d0b15; box-shadow: 0 28px 90px rgba(0, 0, 0, .5); }
.admin-login-showcase { border-right-color: #2e2440; color: #fff; background: linear-gradient(145deg, rgba(145, 50, 255, .13), transparent 58%), #0b0913; }
.admin-showcase-brand .brand-mark, .brand-mark { color: #fff; background: linear-gradient(145deg, #ad40ff, #6f19d5); box-shadow: 0 0 26px rgba(145, 50, 255, .2); }
.admin-showcase-brand strong { color: #fff; }
.admin-showcase-brand small, .admin-showcase-copy .eyebrow { color: #bd62ff; }
.admin-showcase-copy h1 { color: #fff; }
.admin-showcase-copy > p:last-child { color: #a99eba; }
.admin-showcase-grid article { border-color: #332940; background: rgba(17, 13, 26, .8); }
.admin-showcase-grid article b { color: #bd60ff; }
.admin-showcase-grid article strong { color: #f2edf9; }
.admin-showcase-grid article small { color: #8d829d; }
.admin-security-line { border-top-color: #2e2639; color: #cfc6da; }
.admin-security-line small { color: #756a84; }
.admin-login-panel { color: #f1ecf9; background: #100d19; }
.admin-login-top, .admin-login-top a, .admin-login-card .eyebrow { color: #c566ff; }
.admin-login-card h1 { color: #fff; }
.admin-login-card .muted { color: #9d92ac; }
.admin-login-card label { color: #d7cfdf; }
.admin-login-card input { border-color: #443654; color: #fff; background: #15111f; }
.admin-password-field button { color: #ba8cda; }
.admin-password-field button:hover { color: #fff; background: rgba(145, 50, 255, .12); }
.admin-login-button { color: #fff; background: linear-gradient(105deg, #a632ff, #7421e7); box-shadow: 0 14px 34px rgba(116, 33, 231, .22); }
.admin-login-meta { border-top-color: #30283b; color: #8e849d; }

.app-page { color: var(--text); background: var(--bg); }
.sidebar { border-right-color: #2c233a; background: #0c0a13; }
.sidebar-brand strong { color: #fff; }
.sidebar-brand small { color: #8a7f99; }
.nav-item { color: #ada3bb; }
.nav-item span { color: #786d88; }
.nav-item:hover { color: #fff; background: rgba(145, 50, 255, .08); }
.nav-item.active { color: #fff; background: linear-gradient(90deg, rgba(145, 50, 255, .28), rgba(145, 50, 255, .08)); box-shadow: inset 3px 0 #a43eff; }
.nav-item.active span { color: #c469ff; }
.domain-status { border-color: #332a3f; background: #12101a; }
.domain-status small { color: #81758f; }
.domain-status strong { color: #ddd5e8; }
.workspace { background: #090711; }
.admin-commandbar { border-bottom-color: #2e243e; background: rgba(12, 9, 18, .96); box-shadow: 0 1px 6px rgba(0, 0, 0, .16); }
.admin-commandbar p { color: #c464ff; }
.admin-commandbar h2 { color: #fff; }
.admin-command-actions a { color: #c8bfd6; background: #151120; }
.admin-command-actions a:hover { color: #fff; background: rgba(145, 50, 255, .13); }
.admin-live-chip { border-color: #315543; color: #9bdfb8; background: rgba(62, 191, 120, .07); }
.admin-stat-grid article { border-color: #30263f; background: #100d19; box-shadow: 0 5px 18px rgba(0, 0, 0, .12); }
.admin-stat-grid article::before, .admin-stat-grid article:nth-child(2)::before, .admin-stat-grid article:nth-child(3)::before, .admin-stat-grid article:nth-child(4)::before { background: linear-gradient(90deg, #7621e8, #b33eff); }
.admin-stat-grid article > span, .admin-stat-grid article:nth-child(2) > span, .admin-stat-grid article:nth-child(3) > span, .admin-stat-grid article:nth-child(4) > span { color: #cd7cff; background: rgba(145, 50, 255, .12); }
.admin-stat-grid small, .admin-stat-grid p { color: #83798f; }
.admin-stat-grid strong { color: #f1ebf8; }
.admin-service-live { border-color: #58416e; color: #d8cbea; background: rgba(145, 50, 255, .08); }
.admin-service-live button { border-color: #7446a0; color: #d38aff; background: #15101f; }
.page-heading h1 { color: #fff; }
.page-heading p:last-child { color: #958aa4; }
.privacy-chip { border-color: #4c3465; color: #d094ff; background: rgba(145, 50, 255, .09); }
.control-card, .result-card, .settings-card, .mailbox-stat-card, .service-preview-card { border-color: #30263e; background: #100d19; box-shadow: 0 8px 24px rgba(0, 0, 0, .11); }
.card-heading h2 { color: #eee9f6; }
.step-number { border-color: #563675; color: #cf7cff; background: rgba(145, 50, 255, .1); }
.result-heading { border-bottom-color: #30263d; background: #120f1c; }
.result-heading p, .form-note { color: #887e95; }
.result-card textarea { color: #dcd4e8; background: #0b0912; }
.progress-wrap progress, .progress-wrap progress::-webkit-progress-bar { background: #2a2234; }
.progress-wrap progress::-webkit-progress-value, .progress-wrap progress::-moz-progress-bar { background: linear-gradient(90deg, #7922e8, #b23dff); }
.search-bar { border-color: #30263e; background: #100d19; }
.search-bar input { border-color: #40324f; background: #0d0b15; }
.mail-card { border-color: #30263d; color: #ece6f5; background: #100d19; }
.mail-card.is-unread { border-color: #7444a0; box-shadow: inset 3px 0 #a33cff; }
.mail-card.is-read { background: #0e0c16; }
.mail-meta { color: #8b8099; }
.mail-card h2 { color: #efeaf6; }
.code-chip { border-color: #6b4191; color: #dc99ff; background: rgba(145, 50, 255, .1); }
.mail-preview { border-color: #31273c; }
.mail-preview summary { color: #c76dff; }
.mail-body { color: #cfc7da; background: #0b0912; }
.empty-state { border-color: #3a3045; background: #100d19; }
.empty-state > span { color: #cf77ff; background: rgba(145, 50, 255, .12); }
.empty-state h2 { color: #eae5f1; }
.mailbox-stat-card .eyebrow, .settings-card .eyebrow, .service-preview-card .eyebrow { color: #c568ff; }
.mailbox-stat-card strong { color: #fff; }
.mailbox-stat-card p, .settings-card p, .service-preview-card p { color: #92889e; }
.danger-card { border-color: #543342; background: #100d19; }
.danger-card fieldset { border-color: #5e3547; background: rgba(255, 73, 132, .035); }
.danger-card .eyebrow { color: #ff8db0; }
.settings-card fieldset { border-color: #30263d; background: #0e0b16; }
.settings-card legend { color: #dcd4e6; }
.check-control input, .service-toggle input { accent-color: #9938ff; }
.service-toggle { border-color: #362a45; color: #ded6e8; background: #120f1b; }
.service-toggle small { color: #83798e; }
.service-preview.maintenance { border-color: #634879; color: #dbcfea; background: rgba(145, 50, 255, .09); }
.service-preview.info { border-color: #394e75; color: #b6c9ee; background: rgba(66, 115, 210, .08); }
.service-preview.outage { border-color: #6d3d52; color: #ffabc2; background: rgba(255, 68, 128, .07); }
.setup-page { background: #080711; }
.setup-shell { border-color: #392b4c; background: #0e0b16; }
.brand-panel { color: #eee8f7; background: linear-gradient(145deg, rgba(145, 50, 255, .12), transparent), #0b0913; }
.brand-panel h1 { color: #fff; }
.brand-panel p { color: #9f94ad; }
.check-list li { color: #cec5d9; }
.check-list li::before { color: #c55fff; }
.setup-card { background: #100d19; }
.setup-card fieldset { border-color: #30263d; background: #0d0b15; }
.setup-card legend { color: #dcd4e5; }
.page-loading { color: #fff; background: rgba(7, 5, 12, .94); }
.loading-emblem { background: linear-gradient(145deg, #ad3eff, #6e19d3); box-shadow: 0 0 35px rgba(145, 50, 255, .25); }
.loading-track { background: #2b2236; }
.loading-track i { background: linear-gradient(90deg, #7720e8, #b33eff); }
.page-loading > strong { color: #a79daf; }
.toast { border-color: #443454; color: #eee8f7; background: #17111f; }
@media (max-width: 980px) {
    .mobile-header { border-bottom-color: #2e243b; background: #0d0b15; }
    .mobile-nav { border-color: #342841; background: #100d18; }
}
@media (max-width: 720px) {
    .admin-login-page { background: #080711; }
    .admin-login-panel { background: #100d19; }
}