:root {
    color-scheme: dark;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background: #090b10;
    color: #f5f7fb;
}

.file-breadcrumbs { display:flex; align-items:center; gap:.5rem; margin:0 0 1rem; color:#6b7894; }
.file-breadcrumbs a { color:#4263eb; font-weight:700; text-decoration:none; }
.file-manager-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.file-manager-actions form { display:flex; align-items:flex-end; gap:.75rem; }
.file-manager-actions label { flex:1; }
.file-manager-thumb { width:42px; height:42px; margin-right:.65rem; border-radius:8px; object-fit:cover; vertical-align:middle; }
.inline-form { display:inline-flex; align-items:center; gap:.4rem; margin:.15rem .5rem .15rem 0; }
.inline-form input { width:150px; min-height:36px; padding:.35rem .55rem; }
@media (max-width: 900px) { .file-manager-actions { grid-template-columns:1fr; } .file-manager-actions form { align-items:stretch; flex-direction:column; } }
.audit-filters { display:flex; align-items:flex-end; gap:1rem; padding:1.25rem; flex-wrap:wrap; }
.audit-filters label { min-width:150px; flex:1; }
.audit-row--important { background:#fff7ed; }
.pagination { display:flex; justify-content:center; gap:.4rem; padding:1rem; }
.pagination a { min-width:36px; min-height:36px; display:grid; place-items:center; border:1px solid #dce3ef; border-radius:9px; color:#44516a; text-decoration:none; }
.pagination a.is-active { background:#5d7cff; border-color:#5d7cff; color:#fff; }

* { box-sizing: border-box; }

body {
    min-width: 320px;
    min-height: 100vh;
    margin: 0;
}

/* Runtime theme variants selected in system settings */
.theme-variant--violet { --theme-accent: #7c5cff; --theme-accent-rgb: 124,92,255; }
.theme-variant--emerald { --theme-accent: #12a77a; --theme-accent-rgb: 18,167,122; }
.theme-variant--orange { --theme-accent: #f27a3d; --theme-accent-rgb: 242,122,61; }
.theme-variant--blue { --theme-accent: #5d87ff; --theme-accent-rgb: 93,135,255; }
.theme-variant--violet .site-button,.theme-variant--violet .modern-button--primary,.theme-variant--emerald .site-button,.theme-variant--emerald .modern-button--primary,.theme-variant--orange .site-button,.theme-variant--orange .modern-button--primary { background: var(--theme-accent); }
.theme-variant--violet .site-brand b,.theme-variant--emerald .site-brand b,.theme-variant--orange .site-brand b { color: var(--theme-accent); }
.theme-variant--violet .modern-logo,.theme-variant--emerald .modern-logo,.theme-variant--orange .modern-logo,
.theme-variant--violet .modern-nav a.is-active,.theme-variant--emerald .modern-nav a.is-active,.theme-variant--orange .modern-nav a.is-active { background:var(--theme-accent); }
.theme-variant--violet .modern-kicker,.theme-variant--emerald .modern-kicker,.theme-variant--orange .modern-kicker,
.theme-variant--violet .site-kicker,.theme-variant--emerald .site-kicker,.theme-variant--orange .site-kicker,
.theme-variant--violet .site-hero h1 span,.theme-variant--emerald .site-hero h1 span,.theme-variant--orange .site-hero h1 span { color:var(--theme-accent); }
.theme-variant--violet .ui-field input:focus,.theme-variant--emerald .ui-field input:focus,.theme-variant--orange .ui-field input:focus { border-color:var(--theme-accent); box-shadow:0 0 0 3px rgba(var(--theme-accent-rgb),.16); }
.front-theme--classic { font-family: Georgia,"Times New Roman",serif; }
.front-theme--classic .site-header,.front-theme--classic .site-footer { background: #fffdf8; }
.front-theme--classic .site-hero h1 { font-family: Georgia,"Times New Roman",serif; letter-spacing: -.025em; }
.front-theme--classic .site-button { border-radius: 4px; }
.admin-theme--compact .modern-sidebar { width: 230px; }
.admin-theme--compact .modern-content { padding: 22px; }
.admin-theme--compact .modern-nav a { min-height: 40px; }
.cookie-consent { position:fixed; z-index:10000; left:50%; bottom:24px; transform:translateX(-50%); width:min(920px,calc(100% - 32px)); display:flex; align-items:center; justify-content:space-between; gap:24px; padding:20px 22px; border:1px solid #dce3ef; border-radius:16px; background:#fff; color:#17243d; box-shadow:0 18px 60px rgba(24,39,75,.2); }
.cookie-consent[hidden] { display:none; }
.cookie-consent strong { display:block; margin-bottom:4px; }
.cookie-consent p { margin:0; color:#63708a; }
.cookie-consent__actions { display:flex; flex:none; gap:10px; }
@media (max-width:700px) { .cookie-consent { align-items:stretch; flex-direction:column; } .cookie-consent__actions { flex-direction:column; } }
.maintenance-page { display:grid; min-height:100vh; margin:0; place-items:center; background:#f4f7fb; color:#17233c; font-family:Inter,Arial,sans-serif; }
.maintenance-page main { width:min(620px,calc(100% - 40px)); padding:56px; border:1px solid #e1e7f0; border-radius:20px; background:#fff; box-shadow:0 24px 70px rgba(31,45,74,.1); text-align:center; }
.maintenance-page h1 { margin:18px 0 10px; font-size:clamp(2rem,6vw,4rem); }
.admin-pagination { display:flex; align-items:center; justify-content:flex-end; gap:14px; padding:18px 22px; border-top:1px solid #e8edf4; color:#71809a; font-size:.82rem; font-weight:700; }
.admin-pagination a { padding:8px 12px; border:1px solid #dce3ee; border-radius:8px; color:#416fdf; text-decoration:none; }
.modern-heading-actions{display:flex;align-items:center;gap:10px}.revision-tags{display:flex;flex-wrap:wrap;gap:5px}.revision-tags span{padding:4px 7px;border-radius:6px;background:#edf3ff;color:#4c70d8;font-size:.68rem;font-weight:750}.table-muted{display:block;margin-top:4px;color:#8390a4;font-size:.7rem}
.revision-comparison .admin-table th:first-child{width:22%}.revision-comparison td{white-space:pre-wrap;overflow-wrap:anywhere}.revision-comparison__changed{background:#f7f9ff}.revision-change-marker{display:inline-flex;margin-left:8px;padding:3px 6px;border-radius:6px;background:#e8efff;color:#4267ce;font-size:.65rem;font-weight:800;text-transform:uppercase}.revision-restore-action{display:flex;justify-content:flex-end;margin-top:18px}
.api-token-reveal { display:flex; align-items:center; gap:12px; padding:14px; border:1px solid #bfd0ff; border-radius:10px; background:#f1f5ff; }
.api-token-reveal code { overflow-wrap:anywhere; }

.welcome {
    display: grid;
    min-height: 100vh;
    place-items: center;
    padding: 2rem;
    background:
        radial-gradient(circle at 15% 20%, rgba(255, 112, 67, .18), transparent 32rem),
        radial-gradient(circle at 85% 80%, rgba(75, 121, 255, .14), transparent 34rem),
        #090b10;
}

.welcome__card {
    width: min(760px, 100%);
    padding: clamp(2rem, 6vw, 4.5rem);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 28px;
    background: rgba(18, 21, 29, .86);
    box-shadow: 0 32px 100px rgba(0, 0, 0, .42);
}

.welcome__eyebrow {
    margin: 0 0 1.25rem;
    color: #ff8a65;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.welcome h1 {
    margin: 0;
    font-size: clamp(3rem, 10vw, 6.5rem);
    letter-spacing: -.065em;
    line-height: .9;
}

.welcome h1 span { color: #ff7043; }

.welcome__lead {
    max-width: 62ch;
    margin: 2rem 0 0;
    color: #b9c0cf;
    font-size: clamp(1rem, 2.2vw, 1.2rem);
    line-height: 1.7;
}

.welcome__status {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    margin: 3rem 0 0;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 16px;
    background: rgba(255, 255, 255, .1);
}

.welcome__status div {
    padding: 1rem;
    background: #11141b;
}

.welcome__status dt {
    margin-bottom: .35rem;
    color: #778095;
    font-size: .72rem;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.welcome__status dd {
    margin: 0;
    font-weight: 650;
}

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

.admin-body { min-height: 100vh; background: #0b0e14; color: #e9edf5; }
.admin-header { display: flex; align-items: center; justify-content: space-between; min-height: 72px; padding: 0 2rem; border-bottom: 1px solid #242936; background: #11151d; }
.admin-brand { color: #fff; font-size: 1.3rem; font-weight: 800; letter-spacing: -.04em; text-decoration: none; }
.admin-brand span, .admin-eyebrow { color: #ff7043; }
.admin-header nav, .admin-header nav form { display: flex; align-items: center; gap: 1rem; margin: 0; }
.admin-header nav a, .admin-header nav button { border: 0; background: none; color: #b9c0cf; font: inherit; text-decoration: none; cursor: pointer; }
.admin-header nav a:hover, .admin-header nav button:hover { color: #fff; }
.admin-main { width: min(1180px, calc(100% - 2rem)); margin: 0 auto; padding: 3rem 0; }
.admin-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: 2rem; }
.admin-heading h1, .login-card h1 { margin: 0; font-size: clamp(2rem, 5vw, 3.4rem); letter-spacing: -.055em; }
.admin-eyebrow { margin: 0 0 .5rem; font-size: .75rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: .65rem 1rem; border: 1px solid #343b4b; border-radius: 10px; background: #171c26; color: #fff; font: inherit; font-weight: 700; text-decoration: none; cursor: pointer; }
.button--primary { border-color: #ff7043; background: #ff7043; color: #150a06; }
.admin-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 260px)); gap: 1rem; }
.admin-stats article { display: grid; gap: .4rem; padding: 1.5rem; border: 1px solid #272d3a; border-radius: 16px; background: #121720; }
.admin-stats strong { font-size: 2.5rem; }.admin-stats span { color: #8f99ad; }
.login-card { width: min(460px, 100%); margin: 8vh auto 0; padding: 2.2rem; border: 1px solid #29303d; border-radius: 20px; background: #121720; }
.admin-form { display: grid; gap: 1.15rem; margin-top: 2rem; }
.admin-form label { display: grid; gap: .45rem; color: #aab3c4; font-weight: 650; }
.admin-form input:not([type="checkbox"]), .admin-form textarea { width: 100%; border: 1px solid #303747; border-radius: 10px; outline: 0; background: #0c1017; color: #fff; font: inherit; padding: .8rem .9rem; }
.admin-form input:focus, .admin-form textarea:focus { border-color: #ff7043; box-shadow: 0 0 0 3px rgba(255,112,67,.14); }
.admin-form textarea { resize: vertical; line-height: 1.6; }
.admin-form ul { margin: .35rem 0 0; padding-left: 1.1rem; color: #ff8e88; }
.admin-form .help-text { margin: .35rem 0 0; color: #727d91; font-size: .85rem; }
.admin-table-wrap { overflow-x: auto; border: 1px solid #272d3a; border-radius: 16px; }
.admin-table { width: 100%; border-collapse: collapse; background: #121720; }
.admin-table th, .admin-table td { padding: 1rem; border-bottom: 1px solid #272d3a; text-align: left; vertical-align: middle; }
.admin-table th { color: #7f899d; font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; }
.admin-table tr:last-child td { border-bottom: 0; }.admin-table code { color: #adb7ca; }
.status { display: inline-block; padding: .35rem .55rem; border-radius: 999px; font-size: .76rem; font-weight: 750; }
.status--published { background: rgba(56,193,114,.15); color: #72d99c; }.status--draft { background: rgba(255,183,77,.12); color: #ffc36d; }
.queue-health { margin-bottom: 22px; overflow: hidden; }.queue-health__stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); }.queue-health__stats > div { display: grid; gap: 5px; padding: 20px 25px; border-right: 1px solid #edf0f4; }.queue-health__stats > div:last-child { border-right: 0; }.queue-health__stats small { color: #7b899f; font-size: .72rem; }.queue-health__stats strong { color: #263349; font-size: .9rem; }.queue-health__notice { margin: 0; padding: 13px 25px; border-top: 1px solid #f5dfbd; background: #fff8ed; color: #a66b18; font-size: .78rem; }.queue-health--error .queue-health__notice { border-color: #f1c8cc; background: #fff1f2; color: #b3444d; }
.queue-health__notice--action { display: flex; align-items: center; justify-content: space-between; gap: 18px; }.queue-health__notice--action form { flex: 0 0 auto; margin: 0; }.queue-health__notice--action .modern-button { min-height: 34px; padding: 7px 12px; background: #fff; }
.queue-failed-list { margin-bottom: 22px; }.queue-failed-list .table-help { max-width: 440px; }.queue-failed-list td.actions { min-width: 180px; }
.dashboard-queue-alert { display: grid; grid-template-columns: auto minmax(0,1fr) auto auto; align-items: center; gap: 14px; margin: -8px 0 22px; padding: 15px 18px; border: 1px solid #f0d9b4; border-radius: 12px; background: #fff8eb; color: #8d5c17; text-decoration: none; }.dashboard-queue-alert:hover { border-color: #dcbb83; box-shadow: 0 8px 22px rgba(89,61,20,.08); }.dashboard-queue-alert--error { border-color: #efc4c8; background: #fff1f2; color: #a83d47; }.dashboard-queue-alert__icon { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 50%; background: currentColor; color: #fff; font-weight: 850; }.dashboard-queue-alert strong,.dashboard-queue-alert small { display: block; }.dashboard-queue-alert small { margin-top: 2px; color: #7b899f; }.dashboard-queue-alert__counts { font-size: .78rem; font-weight: 750; white-space: nowrap; }
.status--scheduled { background: rgba(93,135,255,.14); color: #7698ff; }.status--expired { background: rgba(219,90,97,.12); color: #db5a61; }
.admin-list-filters { display: grid; grid-template-columns: minmax(240px, 1fr) minmax(190px, 260px) auto auto; align-items: end; gap: 12px; padding: 0 24px 20px; }.admin-list-filters label { display: grid; gap: 7px; color: #61708a; font-size: .76rem; font-weight: 700; }.admin-list-filters input, .admin-list-filters select { min-height: 44px; width: 100%; border: 1px solid #d9e0eb; border-radius: 9px; background: #fff; padding: 0 13px; color: #17233c; font: inherit; font-weight: 500; }.admin-list-filters input:focus, .admin-list-filters select:focus { border-color: #5d87ff; box-shadow: 0 0 0 3px rgba(93,135,255,.12); outline: none; }
@media (max-width: 760px) { .admin-list-filters { grid-template-columns: 1fr; } }
.admin-bulk-actions { display: flex; align-items: center; gap: 12px; margin: 0 24px 18px; padding: 12px 14px; border: 1px solid #dce5f5; border-radius: 10px; background: #f5f8ff; }.admin-bulk-actions[hidden] { display: none; }.admin-bulk-actions strong { margin-right: auto; color: #273957; font-size: .82rem; }.admin-bulk-actions select { min-height: 40px; border: 1px solid #d9e0eb; border-radius: 8px; background: #fff; padding: 0 34px 0 12px; color: #17233c; }.table-select { width: 42px; text-align: center; }.ui-check--compact { display: inline-grid; min-height: 0; padding: 0; border: 0; background: transparent; }.ui-check--compact input + span { margin: 0; }
@media (max-width: 760px) { .admin-bulk-actions { align-items: stretch; flex-direction: column; }.admin-bulk-actions strong { margin-right: 0; } }
.actions { display: flex; align-items: center; gap: .8rem; }.actions a, .actions button { border: 0; background: none; color: #ff8a65; font: inherit; cursor: pointer; text-decoration: none; }.actions form { margin: 0; }
.empty { padding: 3rem !important; color: #828ca0; text-align: center !important; }
.flash { margin-bottom: 1rem; padding: .9rem 1rem; border-radius: 10px; }.flash--success { background: rgba(56,193,114,.15); color: #86e0aa; }.flash--error { background: rgba(244,67,54,.16); color: #ff9a93; }
.content-page { min-height: 100vh; padding: clamp(2rem, 7vw, 7rem) 1.5rem; background: #090b10; }
.content-page article { width: min(820px, 100%); margin: 0 auto; }.content-page h1 { margin: 2rem 0; font-size: clamp(2.5rem, 7vw, 5rem); letter-spacing: -.055em; }.content-page__back { color: #ff8a65; text-decoration: none; }.content-page__body { color: #c2c8d4; font-size: 1.08rem; line-height: 1.8; }

@media (max-width: 700px) {
    .admin-header { align-items: flex-start; flex-direction: column; padding: 1rem; }
    .admin-header nav { flex-wrap: wrap; }
    .admin-heading { align-items: flex-start; flex-direction: column; }
    .admin-stats { grid-template-columns: 1fr; }
}

/* Modern Shopro administration */
.admin-body { background: #f5f7fb; color: #2a3547; }
.modern-admin { --primary: #5d87ff; --text: #2a3547; --muted: #5a6a85; --line: #e5eaef; display: flex; min-height: 100vh; background: #f5f7fb; color: var(--text); }
.modern-sidebar { position: fixed; z-index: 40; inset: 0 auto 0 0; display: flex; flex-direction: column; width: 270px; padding: 0 20px 22px; border-right: 1px solid #e5eaef; background: #fff; transition: transform .25s ease; }
.modern-sidebar__brand { display: flex; align-items: center; justify-content: space-between; min-height: 82px; padding: 0 8px; }
.modern-sidebar__brand a, .modern-login-brand { display: flex; align-items: center; gap: 11px; color: #1f2a3d; font-size: 1.28rem; font-weight: 800; letter-spacing: -.035em; text-decoration: none; }
.modern-sidebar__brand b, .modern-login-brand b { color: #5d87ff; }
.modern-logo { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 11px; background: linear-gradient(145deg, #6b94ff, #4777f4); box-shadow: 0 8px 20px rgba(93,135,255,.28); color: #fff; font-size: 1.1rem; }
.modern-sidebar__close { display: none; border: 0; background: transparent; color: #6b7890; font-size: 1.8rem; cursor: pointer; }
.modern-nav { display: grid; flex: 1; min-height: 0; align-content: start; gap: 5px; overflow-y: auto; overscroll-behavior: contain; padding: 0 2px 18px; scrollbar-width: none; -ms-overflow-style: none; }
.modern-nav::-webkit-scrollbar { display: none; width: 0; height: 0; }
.modern-nav__label { margin: 20px 12px 7px; color: #9aa8bc; font-size: .69rem; font-weight: 800; letter-spacing: .1em; }
.modern-nav a { display: flex; align-items: center; gap: 13px; min-height: 46px; padding: 0 13px; border-radius: 9px; color: #2a3547; font-size: .91rem; font-weight: 600; text-decoration: none; transition: .18s ease; }
.modern-nav a:hover { background: #f2f6ff; color: #4f7df0; transform: translateX(2px); }
.modern-nav a.is-active { background: #5d87ff; box-shadow: 0 8px 20px rgba(93,135,255,.23); color: #fff; }
.modern-nav__icon { display: grid; width: 22px; height: 22px; place-items: center; }
.modern-nav svg, .modern-icon-button svg, .modern-stat svg { width: 21px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.modern-nav a:first-of-type svg { fill: currentColor; stroke: none; }
.modern-nav__external { margin-left: auto; opacity: .65; }
.modern-nav-group { display: grid; }
.modern-nav-group summary { display: flex; align-items: center; gap: 13px; min-height: 46px; padding: 0 13px; border-radius: 9px; color: #2a3547; font-size: .91rem; font-weight: 700; list-style: none; cursor: pointer; transition: .18s ease; user-select: none; }
.modern-nav-group summary::-webkit-details-marker { display: none; }
.modern-nav-group summary:hover, .modern-nav-group.is-active > summary { background: #f2f6ff; color: #4f7df0; }
.modern-nav-group__chevron { margin-left: auto; font-size: 1rem; transition: transform .2s ease; }
.modern-nav-group[open] .modern-nav-group__chevron { transform: rotate(180deg); }
.modern-nav-group__items { display: grid; gap: 3px; padding: 4px 0 7px 13px; }
.modern-nav-group__items a { min-height: 41px; font-size: .85rem; }
.modern-nav-group__items .modern-nav__icon { width: 19px; height: 19px; }
.modern-nav-group__items svg { width: 18px; }
.modern-sidebar__help { display: grid; margin-top: auto; padding: 17px; border-radius: 13px; background: #eef3ff; color: #2a3547; }
.modern-sidebar__help-icon { display: grid; width: 30px; height: 30px; margin-bottom: 10px; place-items: center; border-radius: 50%; background: #5d87ff; color: #fff; font-weight: 800; }
.modern-sidebar__help span { margin-top: 3px; color: #6d7c95; font-size: .78rem; }
.modern-workspace { width: 100%; min-width: 0; padding-left: 270px; }
.modern-topbar { position: sticky; z-index: 25; top: 0; display: flex; align-items: center; height: 72px; padding: 0 34px; border-bottom: 1px solid #edf0f4; background: rgba(255,255,255,.95); backdrop-filter: blur(12px); }
.modern-menu-button { display: none !important; }
.modern-search { display: flex; align-items: center; gap: 10px; color: #7c8ca5; font-size: .88rem; }
.modern-search svg { width: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.modern-topbar__actions { display: flex; align-items: center; gap: 15px; margin-left: auto; }
.modern-icon-button { display: grid; width: 39px; height: 39px; place-items: center; border: 0; border-radius: 50%; background: transparent; color: #5a6a85; text-decoration: none; cursor: pointer; }
.modern-icon-button:hover { background: #f0f4fa; color: #5d87ff; }
.modern-user { display: flex; align-items: center; gap: 10px; padding-left: 10px; border-left: 1px solid #e5eaef; }
.modern-user__avatar { display: grid; width: 39px; height: 39px; place-items: center; border-radius: 50%; background: #e8f0ff; color: #4c7bf2; font-weight: 800; }
.modern-user__data { display: grid; line-height: 1.2; }.modern-user__data strong { font-size: .82rem; }.modern-user__data small { max-width: 180px; overflow: hidden; color: #7d8da5; font-size: .7rem; text-overflow: ellipsis; }
.modern-logout { padding: 8px 12px; border: 1px solid #dfe5ed; border-radius: 8px; background: #fff; color: #55647c; font: inherit; font-size: .78rem; font-weight: 700; cursor: pointer; }.modern-logout:hover { border-color: #ff7b81; color: #e94f58; }
.modern-content { width: min(1400px, 100%); margin: 0 auto; padding: 34px; }
.modern-page-heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 28px; }
.modern-page-heading h1 { margin: 3px 0 6px; color: #1f2a3d; font-size: clamp(1.8rem, 3vw, 2.25rem); letter-spacing: -.04em; }.modern-page-heading p { margin: 0; color: #71819b; font-size: .91rem; }
.modern-kicker, .modern-card__eyebrow { color: #5d87ff !important; font-size: .68rem !important; font-weight: 800; letter-spacing: .11em; }
.modern-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; padding: 0 17px; border: 1px solid #dce3ec; border-radius: 8px; background: #fff; color: #34425a; font: inherit; font-size: .86rem; font-weight: 700; text-decoration: none; cursor: pointer; transition: .18s; }
.modern-button:hover { border-color: #5d87ff; color: #4c7bf2; transform: translateY(-1px); }.modern-button--primary { border-color: #5d87ff; background: #5d87ff; box-shadow: 0 8px 18px rgba(93,135,255,.2); color: #fff; }.modern-button--primary:hover { background: #4d78ed; color: #fff; }.modern-button--primary span { font-size: 1.25rem; font-weight: 400; }
.modern-stats-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin-bottom: 22px; }
.modern-stat { display: grid; min-height: 185px; padding: 23px; border: 1px solid #e7ebf0; border-radius: 14px; background: #fff; box-shadow: 0 2px 7px rgba(18,38,63,.025); }.modern-stat__top { display: flex; align-items: flex-start; justify-content: space-between; }.modern-stat__icon { display: grid; width: 46px; height: 46px; place-items: center; border-radius: 12px; }.modern-stat strong { margin-top: 18px; color: #1f2a3d; font-size: 2rem; letter-spacing: -.04em; }.modern-stat > span:last-child { color: #74839a; font-size: .82rem; }.modern-trend { padding: 5px 9px; border-radius: 20px; font-size: .67rem; font-weight: 800; }
.modern-stat--blue .modern-stat__icon, .modern-stat--blue .modern-trend { background: #eaf1ff; color: #5d87ff; }.modern-stat--green .modern-stat__icon, .modern-stat--green .modern-trend { background: #e6f8f1; color: #13a978; }.modern-stat--orange .modern-stat__icon, .modern-stat--orange .modern-trend { background: #fff2e3; color: #f59a36; }
.file-manager-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 0 0 18px; }.file-manager-summary > div { display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; border: 1px solid #e7ebf0; border-radius: 12px; background: #fff; }.file-manager-summary span { color: #74839a; font-size: .78rem; font-weight: 700; }.file-manager-summary strong { color: #1f2a3d; font-size: 1.05rem; }
.modern-dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(310px, .75fr); gap: 22px; }
.modern-dashboard-modules { margin-top: 22px; padding: 26px; border: 1px solid #e7ebf0; border-radius: 14px; background: #fff; box-shadow: 0 2px 7px rgba(18,38,63,.025); }.modern-dashboard-modules > .modern-card__heading { padding: 0 0 20px; }.modern-modules-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }.modern-module-card { display: flex; gap: 14px; min-height: 142px; padding: 18px; border: 1px solid #e8ecf2; border-radius: 12px; color: inherit; text-decoration: none; transition: border-color .18s,box-shadow .18s,transform .18s; }.modern-module-card:hover { border-color: #b9cbff; box-shadow: 0 10px 28px rgba(56,85,145,.09); transform: translateY(-2px); }.modern-module-card__icon { display: grid; flex: 0 0 42px; width: 42px; height: 42px; place-items: center; border-radius: 11px; background: #edf3ff; color: #5d87ff; font-size: 1.05rem; font-weight: 800; }.modern-module-card h3 { margin: 1px 0 6px; color: #263349; font-size: .95rem; }.modern-module-card p { min-height: 43px; color: #7b899f; font-size: .73rem; line-height: 1.45; }.modern-module-card small { display: block; margin-top: 10px; color: #5d87ff; font-size: .69rem; font-weight: 750; }.modern-module-card small b { color: #263349; }.admin-language-picker { z-index: 40; }.admin-language-picker summary { min-width: 68px; height: 38px; background: #f8faff; }.admin-language-picker .site-language-picker__menu { z-index: 80; }
.modern-card { border: 1px solid #e7ebf0; border-radius: 14px; background: #fff; box-shadow: 0 2px 7px rgba(18,38,63,.025); }
.modern-card--welcome { display: flex; min-height: 280px; padding: 32px; overflow: hidden; background: linear-gradient(135deg, #ecf3ff, #f5f8ff); }.modern-card--welcome > div:first-child { z-index: 1; max-width: 470px; }.modern-card h2 { margin: 7px 0 8px; color: #263349; font-size: 1.25rem; letter-spacing: -.025em; }.modern-card p { margin: 0; color: #71819b; font-size: .88rem; line-height: 1.65; }.modern-card--welcome a { display: inline-block; margin-top: 24px; color: #527ff2; font-size: .85rem; font-weight: 800; text-decoration: none; }
.modern-card__illustration { position: relative; flex: 1; min-width: 190px; }.modern-card__illustration span { position: absolute; border-radius: 50%; }.modern-card__illustration span:nth-child(1) { width: 180px; height: 180px; top: 18px; right: -12px; background: linear-gradient(145deg,#6e97ff,#4b78ee); box-shadow: 0 20px 40px rgba(77,120,238,.2); }.modern-card__illustration span:nth-child(2) { width: 95px; height: 95px; top: 58px; right: 32px; border: 16px solid rgba(255,255,255,.9); }.modern-card__illustration span:nth-child(3) { width: 48px; height: 48px; top: 126px; right: 140px; background: #ffb25e; box-shadow: 38px -90px 0 -9px #53d3ad; }
.modern-card__heading { display: flex; align-items: flex-start; justify-content: space-between; padding: 24px 25px; border-bottom: 1px solid #edf0f4; }.modern-card__heading h2 { margin: 0 0 3px; }.modern-card__heading p { font-size: .78rem; }.modern-live { display: flex; align-items: center; gap: 6px; padding: 5px 9px; border-radius: 20px; background: #e7f8f1; color: #11976d; font-size: .7rem; font-weight: 800; }.modern-live i, .status i { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.modern-system-list { display: grid; padding: 8px 25px 20px; }.modern-system-list div { display: flex; justify-content: space-between; gap: 16px; padding: 15px 0; border-bottom: 1px solid #edf0f4; font-size: .82rem; }.modern-system-list div:last-child { border: 0; }.modern-system-list span { color: #7a899f; }.modern-system-list strong { color: #34425a; }
.modern-table-card { overflow: hidden; }.modern-table-card .admin-table-wrap { border: 0; border-radius: 0; }.admin-table { background: #fff; color: #34425a; }.admin-table th { padding: 13px 20px; border-color: #edf0f4; background: #fafbfc; color: #8290a5; font-size: .67rem; }.admin-table td { padding: 16px 20px; border-color: #edf0f4; font-size: .82rem; }.admin-table tr:hover td { background: #fcfdff; }.admin-table code { padding: 5px 8px; border-radius: 6px; background: #f2f5f9; color: #53637b; }
.page-cell { display: flex; align-items: center; gap: 11px; }.page-cell__icon { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 9px; background: #ebf1ff; color: #557ff0; font-weight: 800; }.page-cell div, .date-cell { display: grid; }.page-cell small, .date-cell small { margin-top: 2px; color: #93a0b3; font-size: .68rem; }.status { display: inline-flex; align-items: center; gap: 6px; padding: 6px 9px; }.status--published { background: #e5f7ef; color: #12966c; }.status--draft { background: #fff2df; color: #d98925; }.table-actions-heading { text-align: right !important; }.actions { justify-content: flex-end; }.actions a, .actions button { color: #557ff0; font-size: .77rem; font-weight: 700; }.actions button { color: #db5a61; }
.modern-form-card { overflow: hidden; }.modern-form-card .admin-form { padding: 27px; }.modern-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }.admin-form label { color: #3a485e; font-size: .8rem; }.admin-form input:not([type="checkbox"]), .admin-form textarea { border-color: #dfe5ed; background: #fff; color: #263349; }.admin-form input:focus, .admin-form textarea:focus { border-color: #5d87ff; box-shadow: 0 0 0 3px rgba(93,135,255,.12); }.modern-publish-row { display: flex; align-items: center; gap: 16px; padding: 15px; border-radius: 9px; background: #f7f9fc; }.modern-publish-row > div { margin: 0; }.modern-publish-row label { display: flex; align-items: center; gap: 9px; }.modern-publish-row p { margin: 0; color: #7c8ba1; font-size: .77rem; }.modern-form-actions { display: flex; justify-content: flex-end; gap: 10px; padding-top: 8px; border-top: 1px solid #edf0f4; }
.admin-form select { width: 100%; min-height: 45px; padding: .8rem 2.7rem .8rem .9rem; border: 1px solid #dfe5ed; border-radius: 10px; outline: 0; appearance: none; background-color: #fff; background-image: linear-gradient(45deg,transparent 50%,#7c8ba1 50%),linear-gradient(135deg,#7c8ba1 50%,transparent 50%); background-position: calc(100% - 18px) 19px,calc(100% - 13px) 19px; background-repeat: no-repeat; background-size: 5px 5px,5px 5px; color: #263349; font: inherit; cursor: pointer; transition: border-color .18s,box-shadow .18s; }.admin-form select:hover { border-color: #c9d2df; }.admin-form select:focus { border-color: #5d87ff; box-shadow: 0 0 0 3px rgba(93,135,255,.12); }.admin-form select:disabled { background-color: #f4f6f9; color: #8b98aa; cursor: not-allowed; }
.admin-body--guest { background: #f5f7fb; }.modern-login-shell { display: grid; min-height: 100vh; padding: 30px; place-items: center; background: radial-gradient(circle at 15% 20%, rgba(93,135,255,.14), transparent 28rem), radial-gradient(circle at 85% 80%, rgba(73,190,156,.1), transparent 26rem), #f5f7fb; }.modern-login-card { width: min(450px, 100%); padding: 38px; border: 1px solid #e3e8ef; border-radius: 16px; background: #fff; box-shadow: 0 22px 60px rgba(42,53,71,.09); }.modern-login-brand { margin-bottom: 35px; }.modern-login-card h1 { margin: 6px 0 7px; color: #1f2a3d; font-size: 2rem; letter-spacing: -.045em; }.modern-login-lead { margin: 0; color: #78879e; font-size: .87rem; }.modern-login-form { margin-top: 27px; }.modern-button--wide { width: 100%; }.modern-login-footer { display: block; margin-top: 25px; color: #a0aabc; text-align: center; }
.modern-overlay { display: none; }
.flash { border-radius: 9px; font-size: .85rem; }.flash--success { background: #e6f8f1; color: #118b65; }.flash--error { background: #ffebec; color: #cb4b53; }

@media (max-width: 1050px) {
    .modern-sidebar { transform: translateX(-100%); box-shadow: 20px 0 50px rgba(30,45,70,.12); }.modern-workspace { padding-left: 0; }.modern-menu-button { display: grid !important; margin-right: 12px; }.modern-sidebar__close { display: block; }.sidebar-is-open .modern-sidebar { transform: translateX(0); }.modern-overlay { position: fixed; z-index: 35; inset: 0; background: rgba(31,42,61,.4); }.sidebar-is-open .modern-overlay { display: block; }
}
@media (max-width: 760px) {
    .modern-topbar { padding: 0 16px; }.modern-search { display: none; }.modern-user__data, .modern-logout { display: none; }.modern-content { padding: 23px 16px; }.modern-page-heading { align-items: flex-start; flex-direction: column; }.modern-stats-grid, .modern-dashboard-grid, .modern-modules-grid, .file-manager-summary { grid-template-columns: 1fr; }.modern-card--welcome { min-height: 300px; }.modern-card__illustration { display: none; }.modern-form-grid { grid-template-columns: 1fr; }.modern-table-card { overflow-x: auto; }.admin-table { min-width: 800px; }
}

/* Public Shopro landing page */
.site-body { color-scheme: light; background: #fff; color: #2a3547; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.site-body * { box-sizing: border-box; }.site-body a { color: inherit; }.site-shell { overflow: hidden; }.site-container { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.site-sitemap{min-height:55vh;padding-top:40px}.site-sitemap h1{margin:8px 0 10px;color:#14213a;font-size:clamp(2.2rem,5vw,3.7rem);letter-spacing:-.045em}.site-sitemap>p{color:#71809a}.site-sitemap__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:34px 0 0;padding:0;list-style:none}.site-sitemap__list a{display:block;padding:18px 20px;border:1px solid #e0e6ef;border-radius:13px;background:#fff;color:#273650;font-weight:750;text-decoration:none;transition:.2s}.site-sitemap__list a:hover{border-color:#bdcdf2;color:#5278ef;box-shadow:0 10px 25px rgba(43,63,101,.07);transform:translateY(-2px)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-search-page{min-height:70vh;padding-top:145px;background:#f8faff}.site-search-page__inner{max-width:880px}.site-search-page h1{margin:8px 0 10px;color:#14213a;font-size:clamp(2.2rem,5vw,3.7rem);letter-spacing:-.045em}.site-search-page__inner>p{color:#71809a}.site-search-form{display:grid;grid-template-columns:1fr auto;gap:12px;margin:34px 0 24px;padding:9px;border:1px solid #dde5f0;border-radius:15px;background:#fff;box-shadow:0 14px 40px rgba(43,63,101,.08)}.site-search-form input{min-width:0;padding:0 16px;border:0;outline:0;color:#17243c;font:inherit}.site-search-form .site-button{border:0;cursor:pointer}.site-search-summary{margin:30px 0 14px;color:#71809a}.site-search-results{display:grid;gap:14px}.site-search-results article{padding:25px 27px;border:1px solid #e0e6ef;border-radius:16px;background:#fff;box-shadow:0 8px 25px rgba(43,63,101,.04)}.site-search-results h2{margin:0 0 9px;color:#17243c;font-size:1.3rem}.site-search-results h2 a{text-decoration:none}.site-search-results h2 a:hover{color:#5d7cff}.site-search-results p{margin:6px 0;color:#6f7e96;line-height:1.65}.site-search-results__caption{font-weight:700}.site-search-results__link{display:inline-flex;margin-top:12px;color:#5278ef!important;font-size:.82rem;font-weight:800;text-decoration:none}.site-search-state{display:grid;gap:6px;margin-top:28px;padding:25px;border:1px dashed #ccd7e7;border-radius:14px;color:#71809a;background:#fff}.site-search-state strong{color:#17243c}.site-search-page .pagination{margin-top:25px}
.site-error-page{display:grid;min-height:78vh;padding:145px 0 80px;place-items:center;background:radial-gradient(circle at 70% 30%,#eaf0ff 0,transparent 36%),#f8faff}.site-error-page__inner{max-width:750px;text-align:center}.site-error-page__code{margin-bottom:-25px;color:#e8edfa;font-size:clamp(8rem,25vw,18rem);font-weight:900;letter-spacing:-.09em;line-height:.8}.site-error-page h1{margin:12px 0;color:#14213a;font-size:clamp(2.4rem,6vw,4.5rem);letter-spacing:-.055em}.site-error-page p{max-width:620px;margin:0 auto 30px;color:#71809a;font-size:1.05rem;line-height:1.75}.public-page-hero--error .site-kicker{font-size:1rem}
.site-header { position: absolute; z-index: 30; top: 0; right: 0; left: 0; }.site-header__inner { display: flex; align-items: center; height: 86px; }
.site-brand { display: flex; align-items: center; gap: 10px; color: #1f2a3d; font-size: 1.22rem; font-weight: 800; letter-spacing: -.035em; text-decoration: none; }.site-brand b { color: #5d87ff; }.site-brand__logo { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 10px; background: linear-gradient(145deg,#6b94ff,#4777f4); box-shadow: 0 8px 18px rgba(93,135,255,.25); color: #fff; font-size: 1rem; }
.site-brand__image { display: block !important; width: 220px; max-width: 100%; height: 50px; object-fit: contain; object-position: left center; visibility: visible !important; opacity: 1 !important; }
.branding-preview { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 24px; margin: 0 24px 22px; padding: 16px; border: 1px solid #e5eaf2; border-radius: 12px; background: #f8faff; }.branding-preview div { display: grid; gap: 8px; color: #78869c; font-size: .75rem; font-weight: 700; }.branding-preview img { width: auto; max-width: 240px; height: auto; max-height: 64px; object-fit: contain; }.branding-preview img.branding-preview__favicon { width: 40px; height: 40px; }
.email-rich-editor { width: 100%; max-width: 760px; min-width: 0; box-sizing: border-box; }.email-rich-editor .email-rich-editor { max-width: 100%; }.email-rich-editor .ui-field { min-width: 0; }.email-rich-editor .ql-toolbar { box-sizing: border-box; border-color: #dce3ee; border-radius: 12px 12px 0 0; background: #f8faff; }.email-rich-editor .ql-container { width: 100%; height: auto!important; min-height: 420px; box-sizing: border-box; overflow: hidden; border-color: #dce3ee; border-radius: 0 0 12px 12px; background: #fff; font-size: 15px; }.email-rich-editor .ql-editor { width: min(100%, 600px); min-height: 420px; box-sizing: border-box; margin: 0 auto; padding: 36px; box-shadow: 0 0 0 1px #edf0f5; }
.email-template-description { margin: -4px 0 22px; padding: 14px 16px; border: 1px solid #dce6ff; border-radius: 10px; background: #f4f7ff; color: #536784; font-size: .84rem; line-height: 1.55; }
.site-nav { display: flex; align-items: center; gap: 33px; margin-left: auto; }.site-nav a { color: #42516a; font-size: .83rem; font-weight: 650; text-decoration: none; }.site-nav a:hover { color: #5d87ff; }.site-header__actions { display: flex; align-items: center; gap: 17px; margin-left: 40px; }.site-header__actions form { margin: 0; }.site-login-link { padding: 0; border: 0; background: transparent; color: #40506a; font: inherit; font-size: .82rem; font-weight: 700; text-decoration: none; cursor: pointer; }.site-account-card { margin: 70px auto 0; }
.site-language-picker { position: relative; }
.site-language-picker summary { display: flex; align-items: center; gap: 7px; min-width: 76px; height: 40px; padding: 0 12px; border: 1px solid #dfe5ef; border-radius: 12px; background: rgba(255,255,255,.9); color: #26344d; font-size: .78rem; font-weight: 800; cursor: pointer; list-style: none; transition: border-color .2s,box-shadow .2s; }
.site-language-picker summary::-webkit-details-marker { display: none; }.site-language-picker summary:hover,.site-language-picker[open] summary { border-color: #9bb5ff; box-shadow: 0 6px 18px rgba(41,71,130,.12); }.site-language-picker summary svg { width: 17px; fill: none; stroke: currentColor; stroke-width: 1.7; }.site-language-picker summary i { width: 6px; height: 6px; margin-left: auto; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg) translateY(-2px); }
.site-language-picker__menu { position: absolute; z-index: 30; top: calc(100% + 9px); right: 0; width: 190px; padding: 7px; border: 1px solid #e2e7ef; border-radius: 14px; background: #fff; box-shadow: 0 18px 45px rgba(32,49,82,.16); }.site-language-picker__menu a { display: grid; grid-template-columns: 35px 1fr auto; align-items: center; gap: 9px; padding: 10px; border-radius: 9px; color: #44516a; font-size: .8rem; font-weight: 650; text-decoration: none; }.site-language-picker__menu a:hover,.site-language-picker__menu a.is-active { background: #f1f5ff; color: #3767ed; }.site-language-picker__code { color: #7990b4; font-size: .68rem; letter-spacing: .08em; }.site-language-picker__menu b { color: #5d87ff; }
.site-nav-item { position: relative; }.site-nav-item > a,.site-nav-placeholder { display: flex; align-items: center; gap: 7px; min-height: 42px; cursor: default; }.site-nav-item > a > span,.site-nav-placeholder > span { display: grid; }.site-nav-item small { margin-top: 2px; color: #95a1b3; font-size: .57rem; font-weight: 500; }.site-nav-item i { color: #8996a9; font-size: .7rem; font-style: normal; }.site-submenu { position: absolute; z-index: 50; top: 100%; left: -17px; display: none; width: 230px; padding: 9px; border: 1px solid #e4e9f0; border-radius: 11px; background: #fff; box-shadow: 0 18px 45px rgba(38,55,85,.13); }.site-submenu .site-nav-item > a,.site-submenu .site-nav-placeholder { min-height: 43px; padding: 7px 10px; border-radius: 7px; }.site-submenu .site-nav-item > a:hover { background: #f1f5ff; }.site-submenu .site-submenu { top: 0; left: 100%; }.site-nav-item:hover > .site-submenu,.site-nav-item:focus-within > .site-submenu { display: block; }
.site-button { display: inline-flex; align-items: center; justify-content: center; gap: 11px; min-height: 51px; padding: 0 23px; border: 1px solid #5d87ff; border-radius: 9px; background: #5d87ff; box-shadow: 0 10px 24px rgba(93,135,255,.22); color: #fff !important; font-size: .84rem; font-weight: 750; text-decoration: none; transition: .2s ease; }.site-button:hover { background: #4d78ed; transform: translateY(-2px); }.site-button--small { min-height: 40px; padding: 0 17px; font-size: .77rem; }.site-button--ghost { border-color: #dfe5ee; background: #fff; box-shadow: none; color: #33425a !important; }.site-play { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 50%; background: #ebf1ff; color: #5d87ff; font-size: .58rem; }.site-menu-toggle { display: none; width: 40px; height: 40px; padding: 9px; border: 0; border-radius: 8px; background: #f0f4fa; }.site-menu-toggle span { display: block; height: 2px; margin: 4px 0; background: #44536b; }
.site-hero { position: relative; min-height: 850px; padding: 158px 0 85px; background: linear-gradient(180deg,#f8faff 0%,#fff 90%); }.site-hero__grid { position: relative; z-index: 2; display: grid; grid-template-columns: .86fr 1.14fr; align-items: center; gap: 55px; }.site-hero__content { padding-bottom: 25px; }.site-pill { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 22px; padding: 7px 12px; border: 1px solid #dfe8ff; border-radius: 30px; background: #f1f5ff; color: #517cf0; font-size: .72rem; font-weight: 750; }.site-pill i { width: 7px; height: 7px; border-radius: 50%; background: #5d87ff; box-shadow: 0 0 0 4px rgba(93,135,255,.13); }
.site-hero h1 { margin: 0; color: #1d293d; font-size: clamp(3.2rem,5.1vw,5rem); letter-spacing: -.065em; line-height: 1.03; }.site-hero h1 span, .site-section-heading em, .site-process__content em, .site-centered-heading em { color: #5d87ff; font-style: normal; }.site-hero__content > p { max-width: 570px; margin: 25px 0 0; color: #61708a; font-size: 1rem; line-height: 1.75; }.site-hero__actions { display: flex; gap: 13px; margin-top: 31px; }.site-trust { display: flex; align-items: center; gap: 14px; margin-top: 36px; }.site-avatars { display: flex; }.site-avatars span { display: grid; width: 34px; height: 34px; margin-left: -8px; place-items: center; border: 3px solid #fff; border-radius: 50%; background: #dae5ff; color: #4f79e7; font-size: .65rem; font-weight: 800; }.site-avatars span:first-child { margin-left: 0; }.site-avatars span:nth-child(2) { background: #dff5ed; color: #1a9a73; }.site-avatars span:nth-child(3) { background: #ffead3; color: #d98930; }.site-avatars span:last-child { background: #26354e; color: #fff; }.site-trust p { margin: 0; color: #8491a5; font-size: .7rem; line-height: 1.45; }.site-trust strong { color: #3a4961; font-size: .76rem; }
.site-hero__orb { position: absolute; border-radius: 50%; filter: blur(1px); }.site-hero__orb--one { width: 430px; height: 430px; top: 80px; right: -210px; background: rgba(93,135,255,.09); }.site-hero__orb--two { width: 260px; height: 260px; bottom: 35px; left: -150px; background: rgba(63,202,160,.08); }
.site-hero__visual { position: relative; min-width: 0; padding: 45px 0 50px; }.site-dashboard-preview { display: flex; aspect-ratio: 1.38; overflow: hidden; border: 7px solid #fff; border-radius: 20px; background: #f5f7fb; box-shadow: 0 35px 80px rgba(40,60,95,.18), 0 2px 15px rgba(40,60,95,.1); transform: perspective(1200px) rotateY(-3deg) rotateX(1deg); }.preview-sidebar { display: flex; align-items: center; flex-direction: column; width: 16%; padding: 17px 10px; border-right: 1px solid #e7ebf0; background: #fff; }.preview-logo { display: grid; width: 30px; height: 30px; margin-bottom: 28px; place-items: center; border-radius: 8px; background: #5d87ff; color: #fff; font-size: .7rem; font-weight: 800; }.preview-sidebar i { width: 60%; height: 9px; margin: 8px 0; border-radius: 4px; background: #e8edf4; }.preview-sidebar i.is-active { height: 27px; border-radius: 7px; background: #5d87ff; }.preview-main { flex: 1; min-width: 0; padding: 0 19px 17px; }.preview-top { display: flex; align-items: center; justify-content: space-between; height: 51px; border-bottom: 1px solid #e7ebf0; }.preview-top > span { width: 27%; height: 8px; border-radius: 5px; background: #e9edf3; }.preview-top div { display: flex; align-items: center; gap: 9px; }.preview-top i { width: 18px; height: 18px; border-radius: 50%; background: #edf1f6; }.preview-top b { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 50%; background: #e8f0ff; color: #547feb; font-size: .45rem; }.preview-title { display: flex; align-items: flex-end; justify-content: space-between; padding: 21px 0 15px; }.preview-title div { display: grid; gap: 3px; }.preview-title small { color: #5d87ff; font-size: .35rem; font-weight: 800; }.preview-title strong { color: #26344b; font-size: .92rem; }.preview-title button { padding: 7px 9px; border: 0; border-radius: 5px; background: #5d87ff; color: #fff; font-size: .42rem; }.preview-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; }.preview-stats article { display: grid; padding: 12px; border: 1px solid #e8ecf1; border-radius: 8px; background: #fff; }.preview-stats i { width: 20px; height: 20px; margin-bottom: 10px; border-radius: 6px; background: #e9f0ff; }.preview-stats article:nth-child(2) i { background: #e4f7f0; }.preview-stats article:nth-child(3) i { background: #fff0df; }.preview-stats strong { color: #2c3a51; font-size: .82rem; }.preview-stats small { color: #8b98aa; font-size: .4rem; }.preview-chart { margin-top: 10px; padding: 12px 13px 0; border: 1px solid #e8ecf1; border-radius: 8px; background: #fff; }.preview-chart > div { display: flex; justify-content: space-between; }.preview-chart strong { color: #334159; font-size: .5rem; }.preview-chart small { color: #9aa5b5; font-size: .36rem; }.preview-chart svg { width: 100%; height: 85px; overflow: visible; }.chart-area { fill: url(#chartFill); }.chart-line { fill: none; stroke: #5d87ff; stroke-width: 3; stroke-linecap: round; }
.site-floating-card { position: absolute; display: flex; align-items: center; gap: 10px; padding: 13px 15px; border: 1px solid #edf0f4; border-radius: 11px; background: rgba(255,255,255,.95); box-shadow: 0 16px 35px rgba(38,55,85,.14); backdrop-filter: blur(10px); }.site-floating-card small,.site-floating-card strong { display: block; }.site-floating-card small { color: #8794a8; font-size: .56rem; }.site-floating-card strong { margin-top: 2px; color: #26344b; font-size: .75rem; }.site-floating-card--users { top: 7px; right: 12px; }.site-floating-icon { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 8px; background: #e5f7ef; color: #12a174; font-weight: 800; }.site-floating-card--status { bottom: 5px; left: -22px; }.site-floating-card--status > i { width: 9px; height: 9px; border-radius: 50%; background: #35c997; box-shadow: 0 0 0 5px rgba(53,201,151,.13); }
.site-logos { padding: 30px 0 45px; border-bottom: 1px solid #edf0f4; background: #fff; }.site-logos p { margin: 0 0 25px; color: #9aa6b7; font-size: .68rem; text-align: center; }.site-logos .site-container > div { display: flex; justify-content: space-around; gap: 25px; color: #a2adbc; font-size: .72rem; font-weight: 850; letter-spacing: .08em; }
.site-section { padding: 105px 0; background: #fff; }.site-section--soft { background: #f7f9fc; }.site-section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 60px; margin-bottom: 50px; }.site-kicker { color: #5d87ff; font-size: .68rem; font-weight: 850; letter-spacing: .12em; }.site-section-heading h2,.site-process__content h2,.site-centered-heading h2 { margin: 10px 0 0; color: #202c40; font-size: clamp(2.1rem,3.5vw,3.2rem); letter-spacing: -.052em; line-height: 1.12; }.site-section-heading > p { max-width: 410px; margin: 0; color: #748299; font-size: .89rem; line-height: 1.7; }.site-features { display: grid; grid-template-columns: repeat(3,1fr); gap: 22px; }.site-features article { padding: 29px; border: 1px solid #e7ebf0; border-radius: 14px; background: #fff; transition: .22s; }.site-features article:hover { border-color: #d6e0f4; box-shadow: 0 20px 45px rgba(42,60,90,.08); transform: translateY(-5px); }.feature-icon { display: grid; width: 48px; height: 48px; margin-bottom: 24px; place-items: center; border-radius: 12px; font-size: 1.2rem; }.feature-icon--blue { background: #eaf1ff; color: #5d87ff; }.feature-icon--green { background: #e5f8f1; color: #18a77c; }.feature-icon--orange { background: #fff1e1; color: #eb9130; }.site-features h3 { margin: 0 0 10px; color: #28364d; font-size: 1.04rem; }.site-features p { min-height: 66px; margin: 0; color: #77869b; font-size: .82rem; line-height: 1.65; }.site-features a { display: inline-block; margin-top: 18px; color: #527ef0; font-size: .76rem; font-weight: 750; text-decoration: none; }
.site-process { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 85px; }.site-process__visual { position: relative; padding: 30px; }.site-process__visual::before { position: absolute; content: ""; inset: 0; border-radius: 50%; background: radial-gradient(circle,#dfe9ff 0,rgba(223,233,255,0) 70%); }.process-window { position: relative; overflow: hidden; border: 7px solid #fff; border-radius: 17px; background: #fff; box-shadow: 0 28px 70px rgba(42,60,90,.15); transform: rotate(-2deg); }.process-window__bar { display: flex; gap: 5px; padding: 11px 14px; border-bottom: 1px solid #edf0f4; }.process-window__bar i { width: 6px; height: 6px; border-radius: 50%; background: #ff8b8b; }.process-window__bar i:nth-child(2) { background: #ffc868; }.process-window__bar i:nth-child(3) { background: #55d5a8; }.process-window__body { display: flex; min-height: 310px; background: #f7f9fc; }.process-window aside { display: grid; align-content: start; width: 23%; padding: 20px 13px; background: #fff; }.process-window aside b { width: 30px; height: 30px; margin-bottom: 25px; border-radius: 8px; background: #5d87ff; }.process-window aside span { height: 9px; margin: 8px 0; border-radius: 5px; background: #e7ecf3; }.process-window main { flex: 1; padding: 45px 27px; }.process-window main small { color: #5d87ff; font-size: .43rem; font-weight: 850; }.process-window main strong { display: block; margin-top: 8px; color: #27354b; font-size: 1.2rem; line-height: 1.25; }.process-window main div { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-top: 34px; }.process-window main i { height: 92px; border-radius: 8px; background: #fff; box-shadow: 0 3px 12px rgba(45,63,90,.05); }.site-process__content > p { margin: 22px 0 30px; color: #748299; font-size: .88rem; line-height: 1.75; }.site-process ol { display: grid; gap: 18px; margin: 0; padding: 0; list-style: none; }.site-process li { display: flex; align-items: center; gap: 15px; }.site-process li > span { display: grid; flex: 0 0 35px; height: 35px; place-items: center; border-radius: 50%; background: #e9f0ff; color: #527ef0; font-size: .7rem; font-weight: 850; }.site-process li div { display: grid; gap: 3px; }.site-process li strong { color: #35435a; font-size: .82rem; }.site-process li small { color: #8491a5; font-size: .72rem; }
.site-centered-heading { max-width: 700px; margin: 0 auto 48px; text-align: center; }.site-centered-heading p { color: #7b889c; font-size: .87rem; }.site-audience { display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid #e5eaf0; border-radius: 15px; }.site-audience article { padding: 35px; border-right: 1px solid #e5eaf0; }.site-audience article:last-child { border: 0; }.site-audience strong { color: #5d87ff; font-size: .7rem; }.site-audience h3 { margin: 20px 0 9px; color: #2b394f; font-size: 1rem; }.site-audience p { margin: 0; color: #7c899d; font-size: .79rem; line-height: 1.65; }
.site-cta { padding: 40px 0 95px; background: #fff; }.site-cta__inner { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 40px; overflow: hidden; padding: 58px 65px; border-radius: 20px; background: linear-gradient(135deg,#507cf0,#6b91f5); box-shadow: 0 25px 55px rgba(78,123,239,.22); }.site-cta__inner::after { position: absolute; content: ""; width: 330px; height: 330px; right: -110px; border: 55px solid rgba(255,255,255,.08); border-radius: 50%; }.site-cta .site-kicker { color: #dce6ff; }.site-cta h2 { margin: 10px 0 10px; color: #fff; font-size: clamp(2rem,3.2vw,3rem); letter-spacing: -.05em; line-height: 1.12; }.site-cta p { margin: 0; color: #dce6ff; font-size: .85rem; }.site-cta__actions { z-index: 1; display: grid; justify-items: center; gap: 14px; }.site-button--light { border-color: #fff; background: #fff; box-shadow: none; color: #416fdf !important; }.site-cta__actions > a:last-child { color: #e5edff; font-size: .73rem; text-decoration: none; }
.site-footer { padding: 55px 0 22px; background: #172238; color: #fff; }.site-footer .site-brand { color: #fff; }.site-footer__grid { display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: center; gap: 30px; padding-bottom: 40px; }.site-footer__grid > p { color: #98a7bd; font-size: .8rem; }.site-footer__grid > div { display: flex; justify-content: flex-end; gap: 25px; }.site-footer__grid > div a { color: #b7c2d2; font-size: .76rem; text-decoration: none; }.site-footer__bottom { display: flex; justify-content: space-between; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.1); color: #77879f; font-size: .68rem; }
@media (max-width: 1000px) { .site-nav { gap: 20px; }.site-header__actions { margin-left: 22px; }.site-hero__grid { grid-template-columns: 1fr; }.site-hero { padding-top: 140px; }.site-hero__content { max-width: 690px; margin: 0 auto; text-align: center; }.site-hero__content > p { margin-right: auto; margin-left: auto; }.site-hero__actions,.site-trust { justify-content: center; }.site-hero__visual { width: min(720px,100%); margin: 0 auto; }.site-section-heading { align-items: flex-start; flex-direction: column; }.site-process { gap: 40px; }.site-process__visual { padding: 5px; } }
@media (max-width: 760px) { .site-container { width: min(100% - 30px,1180px); }.site-header { position: absolute; }.site-header__inner { height: 74px; }.site-nav { position: absolute; top: 68px; right: 15px; left: 15px; display: none; align-items: stretch; flex-direction: column; gap: 0; padding: 12px; border: 1px solid #e4e9f0; border-radius: 12px; background: #fff; box-shadow: 0 18px 40px rgba(38,55,85,.12); }.site-nav > a,.site-nav-item > a,.site-nav-placeholder { padding: 12px; }.site-menu-is-open .site-nav { display: flex; }.site-nav-item { width: 100%; }.site-submenu,.site-submenu .site-submenu { position: static; display: block; width: auto; margin-left: 15px; padding: 0 0 0 8px; border: 0; border-left: 1px solid #e3e8f0; border-radius: 0; box-shadow: none; }.site-login-link,.site-header .site-button { display: none; }.site-menu-toggle { display: block; }.site-hero { min-height: auto; padding: 120px 0 70px; }.site-hero h1 { font-size: clamp(2.75rem,14vw,4rem); }.site-hero__actions { align-items: stretch; flex-direction: column; }.site-hero__visual { padding-top: 20px; }.site-dashboard-preview { border-width: 4px; }.site-floating-card { display: none; }.preview-main { padding: 0 9px 9px; }.preview-title,.preview-stats { transform: scale(.9); transform-origin: left center; }.site-logos .site-container > div { flex-wrap: wrap; }.site-logos .site-container > div span { width: 40%; text-align: center; }.site-section { padding: 75px 0; }.site-features,.site-process,.site-audience { grid-template-columns: 1fr; }.site-audience article { border-right: 0; border-bottom: 1px solid #e5eaf0; }.site-section-heading { gap: 22px; }.site-process__content { order: -1; }.site-cta__inner { align-items: flex-start; flex-direction: column; padding: 40px 27px; }.site-cta__actions { justify-items: start; }.site-footer__grid { grid-template-columns: 1fr; }.site-footer__grid > div { justify-content: flex-start; }.site-footer__bottom { flex-direction: column; gap: 8px; } }
@media (max-width:760px){.site-sitemap__list{grid-template-columns:1fr}}

/* Shared public page layout */
.site-header--solid { position: relative; border-bottom: 1px solid #edf0f4; background: rgba(255,255,255,.96); box-shadow: 0 2px 12px rgba(35,53,82,.03); }
.public-page-hero { position: relative; overflow: hidden; padding: 72px 0 82px; background: linear-gradient(180deg,#f7f9ff,#fff); }.public-page-hero__orb { position: absolute; width: 360px; height: 360px; top: -190px; right: -80px; border-radius: 50%; background: rgba(93,135,255,.09); }.public-breadcrumb { display: flex; align-items: center; gap: 9px; margin-bottom: 43px; color: #8a97aa; font-size: .74rem; }.public-breadcrumb a { color: #547ff0; text-decoration: none; }.public-page-hero h1 { max-width: 900px; margin: 12px 0 15px; color: #1e2a3d; font-size: clamp(2.8rem,5vw,4.7rem); letter-spacing: -.06em; line-height: 1.04; }.public-page-hero p { max-width: 630px; margin: 0; color: #75839a; font-size: .93rem; line-height: 1.7; }
.public-page-content { padding: 75px 0 105px; background: #fff; }.public-page-grid { display: grid; grid-template-columns: minmax(0,1fr) 310px; align-items: start; gap: 45px; }.public-article { min-height: 420px; padding: clamp(28px,5vw,55px); border: 1px solid #e6eaf0; border-radius: 15px; background: #fff; box-shadow: 0 16px 45px rgba(37,54,82,.055); }.public-article__body { color: #52617a; font-size: 1rem; line-height: 1.9; overflow-wrap: anywhere; }.public-article__body::first-line { color: #29374e; }.public-page-aside { position: sticky; top: 25px; display: grid; gap: 18px; }.public-page-aside > div { padding: 27px; border-radius: 14px; background: #f0f5ff; }.public-page-aside h2 { margin: 9px 0 8px; color: #26344a; font-size: 1.2rem; letter-spacing: -.025em; }.public-page-aside p { margin: 0 0 21px; color: #75849a; font-size: .8rem; line-height: 1.65; }.public-page-aside .site-button { min-height: 43px; padding: 0 17px; }.public-back-link { padding: 15px; color: #65758d !important; font-size: .76rem; font-weight: 700; text-align: center; text-decoration: none; }
.system-page-default{max-width:860px;margin:70px auto;padding:clamp(34px,6vw,72px);border:1px solid #e2e8f2;border-radius:24px;background:linear-gradient(145deg,#fff,#f8faff);box-shadow:0 24px 70px rgba(35,52,82,.08)}.system-page-default h1{max-width:720px;margin:12px 0 18px;color:#14213a;font-size:clamp(2.4rem,6vw,4.4rem);letter-spacing:-.055em;line-height:1.02}.system-page-default>p{max-width:680px;margin:0 0 30px;color:#71809a;font-size:1.05rem;line-height:1.8}.system-page-default .site-button{margin-top:6px}.system-page-default--home{max-width:1080px;margin-top:95px;padding:clamp(45px,8vw,95px);background:radial-gradient(circle at 90% 20%,rgba(93,135,255,.17),transparent 34%),linear-gradient(145deg,#fff,#f2f6ff)}.system-page-default--error{text-align:center}.system-page-default--error h1,.system-page-default--error>p{margin-right:auto;margin-left:auto}.system-page-default__code{margin-bottom:-20px;color:#e7edfa;font-size:clamp(7rem,20vw,13rem);font-weight:900;letter-spacing:-.09em;line-height:.8}.system-page-default__notice,.system-page-default__warning{display:grid;gap:5px;margin-top:30px;padding:20px 22px;border:1px solid #dfe7f5;border-radius:14px;background:#f2f6ff;color:#65758d}.system-page-default__notice strong,.system-page-default__warning strong{color:#20304a}.system-page-default__warning{margin:30px 0 40px;border-color:#f2dfb5;background:#fff9ec}.system-page-default--document{max-width:920px}.system-page-default--document h1{font-size:clamp(2.2rem,5vw,3.7rem)}.system-page-default--document h2{margin:38px 0 10px;color:#1c2b44;font-size:1.25rem}.system-page-default--document p{color:#65758d;line-height:1.85}.system-page-default__lead{font-size:1.05rem!important}
@media (max-width: 800px) { .public-page-hero { padding: 55px 0 65px; }.public-breadcrumb { margin-bottom: 30px; }.public-page-content { padding: 45px 0 75px; }.public-page-grid { grid-template-columns: 1fr; }.public-page-aside { position: static; }.site-header--solid { position: relative; } }

/* Legacy-compatible CMS page editor */
.cms-option-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem;margin:1rem 0 }.cms-option-grid>div{display:flex;align-items:center;gap:.65rem;min-height:46px;padding:.65rem .8rem;border:1px solid #e5eaf0;border-radius:10px;background:#f8fafc}.cms-option-grid input[type=checkbox]{width:18px;height:18px;accent-color:#5d87ff}.cms-option-grid label{margin:0;cursor:pointer}.cms-option-grid--roles{grid-template-columns:repeat(3,minmax(0,1fr))}.cms-editor-card{margin-top:1.25rem}.cms-editor-card textarea[name$="[content]"]{min-height:420px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.55}.cms-advanced{margin-top:1.25rem}.cms-advanced summary{display:flex;align-items:center;justify-content:space-between;padding:1.3rem 1.5rem;cursor:pointer;list-style:none}.cms-advanced summary::-webkit-details-marker{display:none}.cms-advanced summary span{display:grid;gap:.2rem}.cms-advanced summary small{color:#7c8ba1;font-weight:400}.cms-advanced summary b{font-size:1.4rem;color:#5d87ff}.cms-advanced[open] summary b{transform:rotate(45deg)}.cms-advanced__content{padding:0 1.5rem 1.5rem;border-top:1px solid #edf0f4}.cms-advanced__content h3{margin:1.35rem 0 .35rem}.cms-module-placeholder{display:grid;gap:.25rem;margin-top:1rem;padding:1rem;border:1px dashed #cbd5e1;border-radius:10px;color:#64748b}.cms-sticky-actions{position:sticky;bottom:0;z-index:5;margin-top:1rem;padding:1rem;border:1px solid #e5eaf0;border-radius:12px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px)}
@media(max-width:900px){.cms-option-grid--roles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.cms-option-grid,.cms-option-grid--roles{grid-template-columns:1fr}}

/* Form spacing and unified choice controls */
.cms-card-body{display:grid;gap:1.15rem;padding:27px}.admin-form input[type=checkbox],.admin-form input[type=radio]{display:inline-grid;flex:0 0 auto;width:20px;height:20px;margin:0;border:1.5px solid #cbd4e1;outline:0;appearance:none;background:#fff;place-content:center;cursor:pointer;transition:background-color .18s,border-color .18s,box-shadow .18s,transform .12s}.admin-form input[type=checkbox]{border-radius:6px}.admin-form input[type=radio]{border-radius:50%}.admin-form input[type=checkbox]:hover,.admin-form input[type=radio]:hover{border-color:#7da0ff}.admin-form input[type=checkbox]:focus-visible,.admin-form input[type=radio]:focus-visible{border-color:#5d87ff;box-shadow:0 0 0 3px rgba(93,135,255,.16)}.admin-form input[type=checkbox]:checked{border-color:#5d87ff;background-color:#5d87ff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='m3.2 8.2 3 3.1 6.7-7'/%3E%3C/svg%3E")}.admin-form input[type=radio]:checked{border:6px solid #5d87ff;background:#fff}.admin-form input[type=checkbox]:active,.admin-form input[type=radio]:active{transform:scale(.92)}.admin-form input[type=checkbox]:disabled,.admin-form input[type=radio]:disabled{border-color:#dfe5ed;background-color:#eef2f6;cursor:not-allowed;opacity:.75}.admin-form input[type=checkbox]:disabled+label,.admin-form input[type=radio]:disabled+label{color:#8b98aa;cursor:not-allowed}.cms-option-grid>div{position:relative;padding:.8rem .9rem;transition:border-color .18s,background-color .18s,box-shadow .18s}.cms-option-grid>div:hover{border-color:#d4dcea;background:#fff}.cms-option-grid>div:focus-within{border-color:#9bb4ff;box-shadow:0 0 0 3px rgba(93,135,255,.08)}.cms-option-grid>div label{display:flex;align-items:center;color:#35435a;font-weight:700}.cms-option-grid>div:has(input:checked){border-color:#c8d7ff;background:#f4f7ff}
@media(max-width:620px){.cms-card-body{padding:20px 16px}.modern-card__heading{padding:20px 16px}}

/* Shopro visual page builder */
.shopro-builder{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:680px;overflow:hidden;border:1px solid #dfe5ed;border-radius:12px;background:#f6f8fb}.shopro-builder__blocks{padding:15px;border-right:1px solid #dfe5ed;background:#fff}.shopro-builder__blocks>strong{display:block;margin:2px 4px 13px;color:#263349;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}.shopro-builder__canvas{min-width:0;background:#eef2f7}.shopro-builder .gjs-one-bg{background-color:#fff}.shopro-builder .gjs-two-color{color:#35435a}.shopro-builder .gjs-three-bg{background-color:#5d87ff;color:#fff}.shopro-builder .gjs-four-color,.shopro-builder .gjs-four-color-h:hover{color:#5d87ff}.shopro-builder .gjs-blocks-c{display:grid;grid-template-columns:1fr 1fr;gap:8px}.shopro-builder .gjs-block{width:auto;min-height:74px;margin:0;padding:10px 6px;border:1px solid #e2e8f0;border-radius:9px;box-shadow:none;font-size:.68rem}.shopro-builder .gjs-block:hover{border-color:#9bb4ff;box-shadow:0 5px 14px rgba(41,61,94,.08)}.shopro-builder .gjs-block-category .gjs-title{padding:10px 4px;border:0;background:#fff;color:#7b899d;font-size:.7rem}.shopro-builder .gjs-cv-canvas{top:0;width:100%;height:100%;background:#e9edf3}.shopro-builder .gjs-frame-wrapper{box-shadow:0 5px 22px rgba(35,52,80,.12)}.builder-device-buttons{display:flex;gap:6px}.builder-device-buttons button{padding:7px 10px;border:1px solid #dfe5ed;border-radius:8px;background:#fff;color:#63728a;font:inherit;font-size:.7rem;cursor:pointer}.builder-device-buttons button:hover,.builder-device-buttons button.is-active{border-color:#5d87ff;background:#eef3ff;color:#416fdf}.builder-html-fallback{border:1px solid #e4e9f0;border-radius:10px}.builder-html-fallback summary{padding:11px 13px;color:#68778e;font-size:.76rem;cursor:pointer}.builder-html-fallback>div{padding:0 13px 13px}.builder-html-fallback textarea{min-height:220px!important}.shopro-content-section{padding:60px 24px}.shopro-builder-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px}.shopro-rich-text{padding:20px}.shopro-divider{margin:28px 0;border:0;border-top:1px solid #dfe5ed}
@media(max-width:900px){.shopro-builder{grid-template-columns:1fr}.shopro-builder__blocks{border-right:0;border-bottom:1px solid #dfe5ed}.shopro-builder .gjs-blocks-c{grid-template-columns:repeat(3,1fr)}.builder-device-buttons{width:100%;margin-top:10px}.modern-card__heading{flex-wrap:wrap}}@media(max-width:620px){.shopro-builder .gjs-blocks-c{grid-template-columns:repeat(2,1fr)}.builder-device-buttons{overflow:auto}.shopro-builder-columns{grid-template-columns:1fr}}

/* Controlled component builder */
.cms-editor-mode[hidden]{display:none}.cms-editor-notice{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:13px 15px;border:1px solid #dbe5fb;border-radius:10px;background:#f3f7ff;color:#33435b}.cms-editor-notice span{color:#71819b;font-size:.76rem}.component-builder{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:520px;overflow:hidden;border:1px solid #dfe5ed;border-radius:12px;background:#f5f7fb}.component-builder__library{display:flex;flex-direction:column;gap:9px;padding:18px;border-right:1px solid #dfe5ed;background:#fff}.component-builder__label{margin:0 0 3px!important;color:#8795aa!important;font-size:.68rem!important;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.component-library-item{display:flex;width:100%;align-items:flex-start;gap:11px;padding:13px;border:1px solid #dfe5ed;border-radius:10px;background:#fff;color:#314058;text-align:left;cursor:pointer;transition:.18s}.component-library-item--preset{margin-bottom:7px;border-color:#bdd0ff;background:#f3f7ff}.component-library-item:hover{border-color:#8eabff;box-shadow:0 8px 20px rgba(45,67,102,.08);transform:translateY(-1px)}.component-library-item__icon{display:grid;flex:0 0 38px;height:38px;place-items:center;border-radius:9px;background:#eaf1ff;color:#5d87ff;font-size:1.1rem}.component-library-item>span:last-child{display:grid;gap:4px}.component-library-item strong{font-size:.8rem}.component-library-item small{color:#7c8ba1;font-size:.68rem;line-height:1.45}.component-builder__workspace{min-width:0;padding:20px}.component-builder__toolbar{display:flex;justify-content:space-between;margin-bottom:15px}.component-builder__toolbar>div{display:grid;gap:3px}.component-builder__toolbar strong{font-size:.86rem}.component-builder__toolbar small{color:#8290a5;font-size:.7rem}.component-builder__empty{display:grid;min-height:360px;place-content:center;justify-items:center;gap:7px;border:1px dashed #cfd8e6;border-radius:11px;background:#fff;color:#52617a;text-align:center}.component-builder__empty span{color:#8a98ab;font-size:.74rem}.component-builder__list{display:grid;gap:16px}.component-block{overflow:hidden;border:1px solid #dfe5ed;border-radius:11px;background:#fff;box-shadow:0 4px 15px rgba(36,54,84,.04)}.component-block__header{display:flex;align-items:center;gap:11px;padding:14px 15px;border-bottom:1px solid #e8edf3;background:#fbfcfe}.component-block__header>div:nth-child(2){display:grid}.component-block__header small{color:#8996aa;font-size:.68rem}.component-block__handle{color:#a0adbf;letter-spacing:-3px}.component-item-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.component-item-actions button,.component-add-card{padding:7px 10px;border:1px solid #dfe5ed;border-radius:7px;background:#fff;color:#5c6b82;font:inherit;font-size:.69rem;font-weight:700;cursor:pointer}.component-item-actions button:hover,.component-add-card:hover{border-color:#8eabff;color:#4e79eb}.component-item-actions .is-danger:hover{border-color:#f3b8bc;color:#dc5961}.component-block__settings{display:grid;gap:13px;padding:16px;border-bottom:1px solid #edf0f4}.component-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.component-fields label:has(textarea){grid-column:1/-1}.component-block__items{display:grid;gap:10px;padding:16px}.component-card-editor{overflow:hidden;border:1px solid #e1e7ee;border-radius:9px;background:#fff}.component-card-editor summary{display:flex;align-items:center;gap:11px;padding:11px 13px;list-style:none;cursor:pointer}.component-card-editor summary::-webkit-details-marker{display:none}.component-card-editor summary>span:nth-child(2){display:grid}.component-card-editor summary small{color:#8b98aa;font-size:.66rem}.component-card-editor summary b{margin-left:auto;color:#8c99ab}.component-card-editor[open] summary{border-bottom:1px solid #edf0f4;background:#fbfcfe}.component-card-editor[open] summary b{transform:rotate(180deg)}.component-card-editor__icon{display:grid;width:34px;height:34px;place-items:center;border-radius:8px}.component-card-editor__icon--blue{background:#eaf1ff;color:#5d87ff}.component-card-editor__icon--green{background:#e5f8f1;color:#18a77c}.component-card-editor__icon--orange{background:#fff1e1;color:#eb9130}.component-card-editor__icon--purple{background:#f1eaff;color:#8b5cf6}.component-card-editor__body{display:grid;gap:13px;padding:15px}.component-add-card{margin:0 16px 16px;border-style:dashed;background:#f8faff}.component-add-card span{font-size:1rem;color:#5d87ff}
@media(max-width:900px){.component-builder{grid-template-columns:1fr}.component-builder__library{border-right:0;border-bottom:1px solid #dfe5ed}.cms-editor-notice{align-items:flex-start;flex-direction:column}}@media(max-width:620px){.component-builder__workspace{padding:12px}.component-block__header{align-items:flex-start;flex-wrap:wrap}.component-block__header .component-item-actions{width:100%;margin-left:0}.component-item-actions{flex-wrap:wrap}}
.site-features--2{grid-template-columns:repeat(2,1fr)}.site-features--4{grid-template-columns:repeat(4,1fr)}
@media(max-width:1000px){.site-features--4{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.site-features--2,.site-features--4{grid-template-columns:1fr}.component-fields{grid-template-columns:1fr}.component-fields label:has(textarea){grid-column:auto}}
.component-builder__empty[hidden]{display:none!important}.builder-section{overflow:hidden;border:1px solid #cfd9e8;border-radius:12px;background:#eef3fb}.builder-section__header{display:flex;align-items:center;gap:12px;padding:13px 15px;list-style:none;cursor:pointer}.builder-section__header::-webkit-details-marker{display:none}.builder-section__header>span{display:grid;gap:2px}.builder-section__header>span small{color:#8492a7;font-size:.68rem;font-weight:500}.builder-section__header>.component-item-actions{margin-left:auto}.builder-section__header>b{color:#8492a7}.builder-section:not([open]) .builder-section__header>b{transform:rotate(-90deg)}.builder-section__settings{display:flex;align-items:center;gap:18px;padding:14px 15px;border-top:1px solid #dce4ef;border-bottom:1px solid #dce4ef;background:#fff}.builder-section__settings>div{display:grid;min-width:175px;gap:2px}.builder-section__settings>div small{color:#7c8ba1;font-size:.68rem}.builder-section__settings label{display:grid;min-width:220px;gap:5px;color:#52617a;font-size:.68rem;font-weight:700}.builder-section__settings select{min-height:39px}.builder-section__settings .modern-button{min-height:39px;margin-left:auto}.builder-section__columns{display:grid;gap:12px;padding:12px}.builder-section__column{min-width:0;min-height:110px;padding:10px;border:2px dashed #d4dce8;border-radius:10px;background:#f9fbfe;cursor:pointer}.builder-section__column.is-selected{border-color:#5d87ff;background:#f3f7ff;box-shadow:0 0 0 3px rgba(93,135,255,.09)}.builder-column-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding:8px 9px;border:1px solid #e1e7ef;border-radius:8px;background:#fff}.builder-column-toolbar>strong{margin-right:auto;color:#42516a;font-size:.72rem}.builder-column-toolbar label{display:flex;align-items:center;gap:7px;color:#71819b;font-size:.66rem;font-weight:700}.builder-column-toolbar label span{display:flex;align-items:center;gap:3px}.builder-column-toolbar input{width:62px!important;min-height:32px!important;padding:5px 7px!important}.builder-column-toolbar button{padding:5px 7px;border:0;background:transparent;color:#d85b64;font-size:.65rem;cursor:pointer}.builder-column-toolbar button:disabled{cursor:not-allowed;opacity:.35}.component-block{margin-bottom:10px}.component-block>summary{list-style:none;cursor:pointer}.component-block>summary::-webkit-details-marker{display:none}.component-block:not([open])>summary>b{transform:rotate(-90deg)}.component-block__header>b{margin-left:5px;color:#8c99ab}.component-rich-field{grid-column:1/-1}.component-rich-field textarea{min-height:260px}.builder-public-section__columns{display:grid;gap:32px}.builder-public-section--grid{padding:40px 0}.builder-public-section__column>.builder-rich-text{width:100%;padding-top:30px;padding-bottom:30px}.builder-public-section__column .site-container{width:100%}
@media(max-width:760px){.builder-section__columns--70_30,.builder-section__columns--50_50,.builder-public-section__columns--70_30,.builder-public-section__columns--50_50{grid-template-columns:1fr}}
.component-block__handle[draggable=true]{cursor:grab;user-select:none}.component-block__handle[draggable=true]:active{cursor:grabbing}.component-block.is-component-dragging{opacity:.35}.builder-section__column.is-component-drop-target{border-color:#5d87ff;background:#edf3ff}.component-block.is-component-drop-before{box-shadow:0 -4px 0 #5d87ff}.component-block.is-component-drop-after{box-shadow:0 4px 0 #5d87ff}
.page-preview-banner{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 18px;background:#172033;color:#fff;box-shadow:0 5px 18px rgba(17,24,39,.18);font-size:.82rem}.page-preview-banner strong{color:#8eabff}.page-preview-banner span{color:#dce5f5}
.component-media-field{grid-column:1/-1}.component-media-field>span{display:flex;gap:9px}.component-media-field input{flex:1}.component-media-field .modern-button{flex:0 0 auto}.builder-image{width:100%;margin:0}.builder-image picture{display:block;width:100%;aspect-ratio:var(--builder-image-ratio)}.builder-image img{display:block;width:100%;height:100%;border-radius:16px}.builder-image--cover img{object-fit:cover}.builder-image--contain img{object-fit:contain}.builder-image figcaption{padding-top:10px;color:#72809a;font-size:.82rem;line-height:1.5;text-align:center}
@media(max-width:900px){.builder-section__settings{align-items:stretch;flex-direction:column}.builder-section__settings>div,.builder-section__settings label{min-width:0}.builder-section__settings .modern-button{margin-left:0}.builder-section__columns{grid-template-columns:1fr!important}.builder-column-toolbar{align-items:flex-start;flex-wrap:wrap}.builder-column-toolbar>strong{width:100%}}
.admin-user-search{display:flex;width:min(100%,620px);gap:10px}.admin-user-search input{min-height:42px}.admin-user-search .modern-button{flex:0 0 auto}@media(max-width:620px){.admin-user-search{flex-direction:column}}
.component-quill-editor{background:#fff;color:#263349;font-weight:400}.component-quill-editor .ql-editor{min-height:300px;font-size:.94rem;line-height:1.65}.component-rich-field .ql-toolbar{border-color:#dfe5ed;border-radius:10px 10px 0 0;background:#f8fafc}.component-rich-field .ql-container{border-color:#dfe5ed;border-radius:0 0 10px 10px;font-family:inherit}

/* Public component: repeatable feature cards */
.public-article--components{padding:0;border:0;box-shadow:none}.content-feature-cards{display:grid;gap:28px}.content-feature-cards__heading{max-width:720px}.content-feature-cards__heading h2{margin:0 0 9px;color:#26344a;font-size:clamp(1.7rem,3vw,2.4rem)}.content-feature-cards__heading p{margin:0;color:#75849a;line-height:1.7}.content-feature-cards__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.content-feature-cards--2 .content-feature-cards__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-feature-cards--4 .content-feature-cards__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.content-feature-card{display:flex;min-height:265px;flex-direction:column;padding:30px;border:1px solid #dde4ec;border-radius:15px;background:#fff}.content-feature-card__icon{display:grid;width:48px;height:48px;margin-bottom:24px;place-items:center;border-radius:12px;font-size:1.2rem}.content-feature-card__icon--blue{background:#eaf1ff;color:#5d87ff}.content-feature-card__icon--green{background:#e5f8f1;color:#18a77c}.content-feature-card__icon--orange{background:#fff1e1;color:#eb9130}.content-feature-card__icon--purple{background:#f1eaff;color:#8b5cf6}.content-feature-card h3{margin:0 0 10px;color:#28364d;font-size:1.04rem}.content-feature-card p{margin:0;color:#77869b;font-size:.82rem;line-height:1.65}.content-feature-card a{margin-top:auto;padding-top:25px;color:#527ef0;font-size:.76rem;font-weight:750;text-decoration:none}
@media(max-width:1050px){.content-feature-cards--4 .content-feature-cards__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.content-feature-cards__grid,.content-feature-cards--2 .content-feature-cards__grid,.content-feature-cards--4 .content-feature-cards__grid{grid-template-columns:1fr}.content-feature-card{min-height:235px}}
/* System settings */
.settings-form { display: grid; gap: 1.5rem; padding-bottom: 5rem; }
.settings-card { overflow: visible; }
.settings-card .modern-card__heading { padding: 1.5rem 1.6rem 1rem; }
.settings-card h2 { margin: 0; font-size: 1.15rem; }
.settings-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.1rem 1.25rem; padding: 0 1.6rem 1.6rem; }
.settings-field > div { display: grid; gap: .45rem; }
.settings-field label { color: #24324a; font-size: .86rem; font-weight: 700; }
.settings-field input:not([type=checkbox]):not([type=radio]), .settings-field select, .settings-field textarea { width: 100%; min-height: var(--admin-control-height); box-sizing: border-box; border: 1px solid var(--admin-control-border); border-radius: var(--admin-control-radius); background: #fff; padding: 10.5px 14px; color: #17233c; font: inherit; }
.settings-field textarea { min-height: 100px; resize: vertical; }
.settings-field input:focus, .settings-field select:focus, .settings-field textarea:focus { outline: 0; border-color: #5d83ff; box-shadow: 0 0 0 3px rgba(93,131,255,.13); }
.settings-field--checkbox > div { display: flex; align-items: center; gap: .7rem; min-height: 46px; padding: .7rem .9rem; border: 1px solid #e0e6f0; border-radius: 10px; background: #f8faff; }
.settings-field--checkbox label { order: 2; }
.settings-field--checkbox input { width: 20px; height: 20px; accent-color: #5d83ff; }
.settings-field .help-text, .settings-field .form-help { color: #7786a3; font-size: .78rem; }
.settings-actions { position: sticky; bottom: 1rem; display: flex; justify-content: flex-end; z-index: 4; padding: 1rem; border: 1px solid #dfe6f1; border-radius: 14px; background: rgba(255,255,255,.94); box-shadow: 0 12px 30px rgba(31,45,74,.1); backdrop-filter: blur(10px); }
@media (max-width: 800px) { .settings-grid { grid-template-columns: 1fr; } }

/* Shared admin form controls. Symfony uses admin/form_theme.html.twig; the
   raw selectors cover login, filters and dynamic Page Builder controls. */
:root {
    --admin-control-height: 44px;
    --admin-control-radius: 7px;
    --admin-control-border: #dfe5ef;
    --admin-control-border-hover: #9eacbf;
    --admin-control-focus: #5d83ff;
    --admin-control-text: #17233c;
    --admin-control-muted: #7786a3;
    --admin-control-bg: #fff;
    --admin-control-disabled: #f1f4f8;
}
.ui-field { display: grid; min-width: 0; gap: 5px; }
.ui-field > label, .ui-choice label { margin: 0; color: #2a3547; font-size: .875rem; font-weight: 600; line-height: 1.35; }
.admin-body .ui-control:not([type="checkbox"]):not([type="radio"]),
.admin-body input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
.admin-body select,
.admin-body textarea {
    width: 100%; min-width: 0; min-height: var(--admin-control-height); box-sizing: border-box;
    margin: 0; padding: 10.5px 14px; border: 1px solid var(--admin-control-border);
    border-radius: var(--admin-control-radius); outline: 0; background-color: var(--admin-control-bg);
    color: var(--admin-control-text); font: inherit; line-height: 1.35;
    transition: border-color .18s, box-shadow .18s, background-color .18s;
}
.admin-body select { padding-right: 2.7rem; appearance: none; cursor: pointer; background-image: linear-gradient(45deg,transparent 50%,#7c8ba1 50%),linear-gradient(135deg,#7c8ba1 50%,transparent 50%); background-position: calc(100% - 18px) 19px,calc(100% - 13px) 19px; background-repeat: no-repeat; background-size: 5px 5px,5px 5px; }
.admin-body textarea { min-height: 110px; resize: vertical; }
.admin-body .ui-control:not([type="checkbox"]):not([type="radio"]):hover,
.admin-body input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):hover,
.admin-body select:hover, .admin-body textarea:hover { border-color: var(--admin-control-border-hover); }
.admin-body .ui-control:focus, .admin-body input:focus, .admin-body select:focus, .admin-body textarea:focus { border-color: var(--admin-control-focus)!important; box-shadow: 0 0 0 3px rgba(93,131,255,.13)!important; }
.admin-body .ui-control:disabled, .admin-body input:disabled, .admin-body select:disabled, .admin-body textarea:disabled { background-color: var(--admin-control-disabled); color: #8b98aa; cursor: not-allowed; opacity: .85; }
.ui-choice { position: relative; display: flex; align-items: center; gap: 8px; min-height: 32px; box-sizing: border-box; padding: 4px 8px 4px 4px; border: 0; border-radius: 7px; background: transparent; cursor: pointer; transition: background-color .18s,transform .12s; }
.ui-choice:hover { background: #f4f7fb; }
.ui-choice:focus-within { box-shadow: 0 0 0 3px rgba(93,131,255,.12); }
.ui-choice:has(input:checked) { background: transparent; }
.ui-choice__content { display: grid; gap: 2px; padding: 0; }
.ui-choice label { cursor: pointer; }
.ui-choice label::after { content: ''; position: absolute; inset: 0; z-index: 1; border-radius: inherit; }
.ui-choice input { position: relative; z-index: 2; }
.ui-choice:active { transform: scale(.995); }
.ui-choice-group { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 20px; }
.ui-choice-group .ui-choice { flex: 0 1 auto; min-width: 82px; }
.ui-choice--compact { min-height: 32px; padding: 4px 8px 4px 4px; }
.admin-body input[type="checkbox"], .admin-body input[type="radio"] { display: inline-grid; flex: 0 0 21px; width: 21px!important; min-width: 21px!important; max-width: 21px!important; height: 21px!important; min-height: 21px!important; max-height: 21px!important; margin: 0; padding: 0!important; border: 1px solid #c7d0dd; outline: 0; appearance: none; background: transparent; place-content: center; cursor: pointer; transition: background-color .18s,border-color .18s,box-shadow .18s,transform .12s; }
.admin-body input[type="checkbox"] { flex-basis: 19px; width: 19px!important; min-width: 19px!important; max-width: 19px!important; height: 19px!important; min-height: 19px!important; max-height: 19px!important; border-radius: 3px; }
.admin-body input[type="radio"] { border-radius: 50%; }
.admin-body input[type="checkbox"]:checked { border-color: var(--admin-control-focus); background-color: var(--admin-control-focus); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='m3.2 8.2 3 3.1 6.7-7'/%3E%3C/svg%3E"); }
.admin-body input[type="radio"]:checked { border-color: var(--admin-control-focus); background: radial-gradient(circle, #fff 0 28%, transparent 32%), var(--admin-control-focus); }
.admin-body input[type="checkbox"]:focus-visible, .admin-body input[type="radio"]:focus-visible { border-color: var(--admin-control-focus); box-shadow: 0 0 0 3px rgba(93,131,255,.16); }
.ui-field__help { color: var(--admin-control-muted); font-size: .76rem; line-height: 1.45; }
.ui-field__errors { margin: 0; padding-left: 1.1rem; color: #d14352; font-size: .77rem; line-height: 1.4; }
.admin-body .ui-native-control--enhanced,
.admin-body select[data-component-ready="true"],
.admin-body select[data-searchable-select],
.admin-body select[data-newsletter-user-picker] { display: none!important; }
.ui-searchable-select { position: relative; min-width: 0; }
.admin-body .ui-searchable-select__control { display: flex; align-items: center; width: 100%; height: var(--admin-control-height); min-height: var(--admin-control-height); overflow: hidden; box-sizing: border-box; padding: 6px 40px 6px 12px; border: 1px solid var(--admin-control-border); border-radius: var(--admin-control-radius); outline: 0; background: var(--admin-control-bg); color: var(--admin-control-text); font: inherit; text-align: left; cursor: pointer; transition: border-color .15s,box-shadow .15s; }
.admin-body .ui-searchable-select__control:hover { border-color: var(--admin-control-border-hover); }
.admin-body .ui-searchable-select.is-open .ui-searchable-select__control, .admin-body .ui-searchable-select__control:focus-visible { border-color: var(--admin-control-focus); box-shadow: 0 0 0 3px rgba(93,131,255,.13); }
.ui-searchable-select__summary { display: flex; min-width: 0; align-items: center; gap: 5px; overflow: hidden; white-space: nowrap; }
.ui-searchable-select__placeholder { overflow: hidden; color: var(--admin-control-muted); text-overflow: ellipsis; }
.ui-searchable-select__single-value { overflow: hidden; color: var(--admin-control-text); text-overflow: ellipsis; white-space: nowrap; }
.ui-searchable-select__value, .ui-searchable-select__count { display: inline-flex; flex: 0 1 auto; max-width: 240px; min-width: 0; min-height: 26px; align-items: center; overflow: hidden; box-sizing: border-box; padding: 3px 8px; border: 1px solid #dbe4f6; border-radius: 5px; background: #f3f6fc; color: #34425a; font-size: .76rem; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.ui-searchable-select__count { flex: 0 0 auto; border-color: #cfdcff; background: #eaf0ff; color: #5275d7; }
.ui-searchable-select__arrow { position: absolute; top: 19px; right: 16px; width: 0; height: 0; border-right: 5px solid transparent; border-bottom: 0; border-left: 5px solid transparent; border-top: 6px solid #7c8797; pointer-events: none; transition: transform .15s; }
.ui-searchable-select.is-open .ui-searchable-select__arrow { transform: rotate(180deg); }
.ui-searchable-select__dropdown { position: absolute; z-index: 1000; top: calc(100% + 5px); right: 0; left: 0; box-sizing: border-box; padding: 9px; border: 1px solid #e1e6ee; border-radius: 8px; background: #fff; box-shadow: 0 12px 32px rgba(31,45,74,.16); }
.ui-searchable-select__dropdown[hidden] { display: none!important; }
.ui-searchable-select__search-wrap { position: relative; margin-bottom: 7px; }
.ui-searchable-select__search-icon { position: absolute; top: 50%; left: 13px; width: 12px; height: 12px; box-sizing: border-box; border: 1.7px solid #8795aa; border-radius: 50%; pointer-events: none; transform: translateY(-58%); }
.ui-searchable-select__search-icon::after { content: ''; position: absolute; right: -4px; bottom: -3px; width: 5px; height: 1.7px; border-radius: 1px; background: #8795aa; transform: rotate(45deg); }
.admin-body .ui-searchable-select__search[type="search"] { width: 100%; min-height: 39px; padding: 8px 12px 8px 35px; border: 1px solid var(--admin-control-border); border-radius: 6px; background: #fff; color: var(--admin-control-text); font: inherit; font-size: .84rem; }
.admin-body .ui-searchable-select__search[type="search"]:focus { border-color: var(--admin-control-focus)!important; box-shadow: 0 0 0 3px rgba(93,131,255,.11)!important; }
.ui-searchable-select__chosen { display: flex; max-height: 92px; flex-wrap: wrap; gap: 5px; overflow-y: auto; margin: 0 0 7px; padding: 0 0 8px; border-bottom: 1px solid #edf0f5; }
.ui-searchable-select__chosen[hidden] { display: none!important; }
.ui-searchable-select__chosen-row { position: relative; display: inline-flex; min-width: 0; max-width: 100%; align-items: center; gap: 5px; padding: 6px 27px 6px 10px; border: 0; border-radius: 5px; background: #edf2ff; color: #34425a; font-size: .78rem; font-weight: 600; transition: background-color .15s; }
.ui-searchable-select__chosen-row:hover { background: #dfe8ff; }
.ui-searchable-select__chosen-row > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-body .ui-searchable-select__remove { position: absolute; top: 50%; right: 4px; display: grid; width: 20px; height: 20px; padding: 0; border: 0; border-radius: 4px; background: transparent; color: #7184ad; font: inherit; font-size: 1rem; line-height: 1; cursor: pointer; transform: translateY(-50%); place-items: center; }
.admin-body .ui-searchable-select__remove:hover { background: #dce6ff; color: #365fcf; }
.ui-searchable-select__options { max-height: 220px; overflow-y: auto; }
.ui-searchable-select__group { margin: 7px 10px 3px; color: #71809a; font-size: .72rem; font-weight: 750; text-transform: uppercase; letter-spacing: .04em; }
.ui-searchable-select__option { display: block; width: 100%; min-height: 37px; padding: 9px 11px; border: 0; border-radius: 5px; background: transparent; color: #34425a; font: inherit; font-size: .875rem; line-height: 1.35; text-align: left; cursor: pointer; transition: background-color .12s,color .12s; }
.ui-searchable-select__option:hover, .ui-searchable-select__option:focus { outline: 0; background: #eef3ff; color: #315ed0; }
.ui-searchable-select__more { margin-top: 4px; border-top: 1px solid #edf0f5; border-radius: 0 0 7px 7px; color: #5275d7; font-weight: 750; text-align: center; }
.ui-searchable-select__empty { margin: 0; padding: 12px; color: #7786a3; font-size: .8rem; text-align: center; }

/* Compatibility for pages rendered with the previous newsletter-only markup
   while the browser still holds an older import map. */
.async-user-picker { position: relative; min-width: 0; }
.async-user-picker__control { display:flex;align-items:center;flex-wrap:nowrap;width:100%;height:var(--admin-control-height);overflow:hidden;box-sizing:border-box;padding:5px 38px 5px 12px;border:1px solid var(--admin-control-border);border-radius:var(--admin-control-radius);background:#fff;cursor:pointer }
.async-user-picker__control:focus-within { border:2px solid var(--admin-control-focus);padding:4px 37px 4px 11px }
.async-user-picker__selected { display:flex;flex:0 1 auto;min-width:0;gap:4px;overflow:hidden;white-space:nowrap }
.async-user-picker__selected:empty { display:none }
.async-user-picker__chip { display:inline-flex;align-items:center;gap:4px;min-height:27px;padding:3px 5px 3px 8px;border:1px solid #dbe4f6;border-radius:5px;background:#f3f6fc;color:#34425a;font-size:.76rem;font-weight:600;white-space:nowrap }
.admin-body .async-user-picker__control input[type=search] { flex:1 1 120px;width:auto;min-width:80px;min-height:28px;padding:2px 0;border:0!important;box-shadow:none!important }
.async-user-picker__arrow { position:absolute;top:18px;right:15px;width:0;height:0;border-right:5px solid transparent;border-left:5px solid transparent;border-top:6px solid #7c8797;pointer-events:none }
.async-user-picker__results { position:absolute;z-index:100;top:calc(100% + 4px);right:0;left:0;max-height:290px;overflow-y:auto;padding:7px 4px;border:1px solid #e6eaf0;border-radius:var(--admin-control-radius);background:#fff;box-shadow:0 8px 20px rgba(31,45,74,.12) }
.async-user-picker__results[hidden] { display:none!important }
.async-user-picker__results button { display:block;width:100%;min-height:35px;padding:8px 12px;border:0;border-radius:4px;background:transparent;color:#34425a;font:inherit;font-size:.875rem;text-align:left;cursor:pointer }
.async-user-picker__results button:hover,.async-user-picker__results button:focus { outline:0;background:#f2f4f8;color:#202b3c }

/* Menu ordering */
.menu-drag-heading, .menu-drag-cell { width: 48px; padding-right: 0!important; }
.menu-drag-handle { display: grid; grid-template-columns: repeat(2,3px); gap: 3px; width: 30px; height: 34px; padding: 7px; border: 0; border-radius: 7px; background: transparent; cursor: grab; place-content: center; }
.menu-drag-handle:hover { background: #eef3ff; }
.menu-drag-handle:active { cursor: grabbing; }
.menu-drag-handle i { width: 3px; height: 3px; border-radius: 50%; background: #8997aa; }
.menu-sort-group tr[data-menu-row] { transition: opacity .15s,background-color .15s,box-shadow .15s; }
.menu-sort-group tr[data-menu-row].is-dragging { opacity: .45; background: #eef3ff; box-shadow: inset 3px 0 #5d87ff; }
.menu-sort-group tr[data-menu-row].is-drop-parent { background: #eef3ff; box-shadow: inset 3px 0 #5d87ff; }
.menu-sort-group tr[data-menu-row].is-drop-before { box-shadow: inset 0 3px #5d87ff; }
.menu-sort-group tr[data-menu-row].is-drop-after { box-shadow: inset 0 -3px #5d87ff; }
.menu-group-heading td { padding: 10px 18px!important; border-top: 1px solid #e5eaf1; border-bottom: 1px solid #e5eaf1; background: #f7f9fc; color: #4a5870; font-size: .76rem; font-weight: 800; text-transform: uppercase; letter-spacing: .045em; }
.menu-group-heading small { color: #8794a8; font-weight: 600; text-transform: none; letter-spacing: 0; }
.menu-group-heading.is-drop-group td { background: #e8efff; color: #416fdf; box-shadow: inset 3px 0 #5d87ff; }
.menu-nest-target { display: none; margin-left: auto; padding: 5px 9px; border: 1px dashed #8ba7fa; border-radius: 7px; color: #416fdf; font-size: .7rem; font-weight: 700; white-space: nowrap; }
.is-menu-dragging .menu-nest-target { display: inline-flex; }
.is-menu-dragging .menu-group-heading { cursor: move; }
.menu-tree-node { position: relative; min-height: 46px; padding-left: calc(var(--menu-depth) * 30px); }
.menu-tree-node .menu-tree-branch { display: none; }
[data-menu-depth]:not([data-menu-depth="0"]) .menu-tree-node .menu-tree-branch { display: block; position: absolute; left: calc(var(--menu-depth) * 30px - 18px); top: -25px; width: 18px; height: 48px; border-left: 1px solid #d4dceb; border-bottom: 1px solid #d4dceb; border-radius: 0 0 0 8px; pointer-events: none; }
[data-menu-depth]:not([data-menu-depth="0"]) .page-cell__icon { width: 30px; height: 30px; border-radius: 8px; background: #f1f5ff; color: #5d87ff; font-size: .7rem; }
.menu-tree + .menu-tree .menu-group-heading td { border-top-width: 8px; border-top-color: #eef2f7; }
.menu-sort-status { align-self: center; min-height: 20px; color: #78869a; font-size: .76rem; font-weight: 700; }
.menu-sort-status.is-saving { color: #527ff2; }
.menu-sort-status.is-saved { color: #15936d; }
.menu-sort-status.is-error { color: #d14352; }
.admin-table td .table-help { display: block; max-width: 540px; margin: 4px 0 7px; color: #77859a; font-size: .76rem; line-height: 1.45; }
.admin-table td code { display: inline-flex; padding: 3px 7px; border-radius: 6px; background: #f1f4f9; color: #59677d; font-size: .7rem; }
.audit-details { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 30px; margin: 0; }
.audit-details > div { min-width: 0; padding: 17px 0; border-bottom: 1px solid #e8edf4; }
.audit-details dt { margin-bottom: 6px; color: #8794a8; font-size: .72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .045em; }
.audit-details dd { min-width: 0; margin: 0; color: #26334a; font-weight: 650; overflow-wrap: anywhere; }
.audit-details dd code { display: inline-flex; max-width: 100%; padding: 5px 8px; border-radius: 6px; background: #f1f4f9; color: #53627a; font-size: .76rem; white-space: normal; overflow-wrap: anywhere; }
.audit-details__wide { grid-column: 1 / -1; }
@media (max-width: 760px) { .audit-details { grid-template-columns: 1fr; }.audit-details__wide { grid-column: auto; } }
.site-account-page { padding-top: 72px; }.site-account-heading h1 { margin: 7px 0; color: #1f2a3d; font-size: clamp(2rem, 5vw, 3.2rem); letter-spacing: -.05em; }.site-account-heading p:last-child { color: #78879e; }.site-account-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 34px; }.site-account-panel { padding: 30px; border: 1px solid #e3e8ef; border-radius: 16px; background: #fff; box-shadow: 0 14px 36px rgba(42,53,71,.06); }.site-account-panel--wide { grid-column: 1 / -1; }.site-account-panel h2 { margin: 0 0 18px; color: #1f2a3d; }.site-account-panel > p { margin: 0 0 24px; color: #78879e; }.site-account-details { margin: 0 0 26px; }.site-account-details div { display: grid; grid-template-columns: 140px 1fr; gap: 16px; padding: 12px 0; border-bottom: 1px solid #eef1f6; }.site-account-details dt { color: #78879e; }.site-account-details dd { margin: 0; color: #1f2a3d; font-weight: 650; }.site-membership-list { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }.site-membership-list li { display: flex; flex-direction: column; gap: 4px; padding: 16px 18px; border-radius: 12px; background: #f5f7fb; }.site-membership-list span { color: #78879e; font-size: .9rem; }
@media (max-width: 760px) { .site-account-grid { grid-template-columns: 1fr; }.site-account-panel--wide { grid-column: auto; }.site-account-details div { grid-template-columns: 1fr; gap: 4px; } }
@media (max-width: 760px) { .queue-health__stats { grid-template-columns: repeat(2,minmax(0,1fr)); }.queue-health__stats > div:nth-child(2) { border-right: 0; }.queue-health__stats > div { border-bottom: 1px solid #edf0f4; } }
@media (max-width: 760px) { .dashboard-queue-alert { grid-template-columns: auto minmax(0,1fr) auto; }.dashboard-queue-alert__counts { grid-column: 2 / -1; white-space: normal; } }