.adminPage{width:min(1180px,100% - 32px);margin:0 auto;padding:36px 0 64px}.adminHeader{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.adminHeader h1{margin-bottom:8px;font-size:clamp(32px,5vw,48px)}.adminFilters{gap:12px;margin-bottom:20px;display:flex}.adminFilters input,.adminFilters select,.adminForm input,.adminForm select,.adminForm textarea{min-height:46px;font:inherit;border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px}.adminFilters input{flex:1}.adminPanel{background:#fff;border:1px solid #e2e8f0;border-radius:18px;margin-bottom:24px;padding:24px}.adminForm{gap:16px;display:grid}.adminForm label{gap:7px;font-weight:700;display:grid}.adminActions,.rowActions{flex-wrap:wrap;gap:10px;display:flex}.adminTableWrap{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:auto}.adminTable{border-collapse:collapse;width:100%}.adminTable th,.adminTable td{text-align:left;border-bottom:1px solid #e2e8f0;padding:14px}.rowActions button,.rowActions a,.permissionModule button{color:#c9973e;cursor:pointer;background:#d9ad5521;border:0;border-radius:8px;padding:8px 10px;font-weight:700;text-decoration:none}.adminStatus{border-radius:999px;padding:5px 9px;font-size:12px}.adminStatus.active{color:#166534;background:#dcfce7}.adminStatus.inactive,.adminStatus.disabled{color:#991b1b;background:#fee2e2}.adminEmpty,.adminNotice{background:#f8fafc;border-radius:14px;padding:20px}.adminCards{gap:16px;display:grid}.adminRoleCard{background:#fff;border:1px solid #e2e8f0;border-radius:16px;grid-template-columns:1fr auto auto;align-items:center;gap:20px;padding:20px;display:grid}.adminRoleCard h3{margin:0 0 8px}.roleMeta{color:#64748b;gap:5px;font-size:13px;display:grid}.permissionGrid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px;display:grid}.permissionModule{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:18px}.permissionModule header{justify-content:space-between;gap:10px;display:flex}.permissionModule h2{font-size:20px}.permissionModule label{border-top:1px solid #e2e8f0;gap:10px;padding:12px 0;display:flex}.permissionModule label span{gap:4px;display:grid}.permissionModule small,.permissionModule code{color:#64748b}@media (width<=760px){.adminHeader,.adminFilters{flex-direction:column}.adminRoleCard{grid-template-columns:1fr}.adminTable{min-width:760px}}.auditPage{max-width:1280px;margin:0 auto;padding:32px}.auditHeader{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.auditHeader h1{margin:0}.auditTableWrap{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:auto}.auditTableWrap table{border-collapse:collapse;width:100%}.auditTableWrap th,.auditTableWrap td{text-align:left;white-space:nowrap;border-bottom:1px solid #eef0f3;padding:13px}.auditBadge,.currentTag{background:#eef2ff;border-radius:999px;padding:4px 9px;font-size:12px;display:inline-block}.auditBadge.success,.auditBadge.active{background:#dcfce7}.auditBadge.failed,.auditBadge.invalid_credentials,.auditBadge.inactive_user,.auditBadge.revoked{background:#fee2e2}.auditError{background:#fee2e2;padding:12px}.auditEmpty{text-align:center;padding:32px}.sessionGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.sessionCard{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px}.sessionCard .button{margin-top:14px}.currentTag{background:#dbeafe;margin-left:8px}.brandingPage{background:var(--brand-background,var(--cf-brand-background,#f7f7fa));min-height:100%}.brandingPage .pageHeader{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.studioEyebrow{letter-spacing:.14em;color:var(--brand-primary,#6c63ff);font-size:.72rem;font-weight:900}.brandingGrid{grid-template-columns:minmax(0,1.45fr) minmax(340px,.75fr);align-items:start;gap:24px;display:grid}.brandingForm{gap:22px;display:grid}.brandSection,.stickyPreview{background:var(--brand-surface,#fff);border:1px solid color-mix(in srgb,var(--brand-text,#1f2937) 12%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--brand-secondary,#2f2e41) 8%,transparent);border-radius:22px;padding:22px}.sectionHeading,.previewHeading{align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.sectionHeading>span,.previewHeading>span{background:var(--brand-primary,#6c63ff);height:32px;color:var(--brand-primary-contrast,#fff);border-radius:10px;flex:0 0 32px;place-items:center;font-weight:900;display:grid}.sectionHeading h2,.previewHeading h2{margin:0}.sectionHeading p,.previewHeading p{color:color-mix(in srgb,var(--brand-text,#1f2937) 68%,transparent);margin:4px 0 0}.brandingForm label{color:var(--brand-text,#334155);gap:7px;font-weight:750;display:grid}.brandingForm input,.brandingForm textarea,.brandingForm select,.previewField input{border:1px solid color-mix(in srgb,var(--brand-text,#334155) 24%,transparent);background:var(--brand-surface,#fff);width:100%;color:var(--brand-text,#1f2937);font:inherit;border-radius:11px;padding:11px 12px}.twoCols,.assetGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.assetGrid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}.uploadCard{border:1px dashed color-mix(in srgb,var(--brand-primary,#6c63ff) 50%,transparent);background:color-mix(in srgb,var(--brand-primary,#6c63ff) 4%,var(--brand-surface,#fff));cursor:pointer;border-radius:14px;padding:16px}.uploadCard small{color:color-mix(in srgb,var(--brand-text,#1f2937) 65%,transparent);font-weight:500}.uploadCard input{padding:8px;font-size:.82rem}.colorCards{gap:14px;display:grid}.colorCard{border:1px solid color-mix(in srgb,var(--brand-text,#1f2937) 12%,transparent);border-radius:16px;padding:18px}.colorCardHead{justify-content:space-between;gap:20px;display:flex}.colorCard h3{margin:0}.colorCard p{color:color-mix(in srgb,var(--brand-text,#1f2937) 68%,transparent);margin:5px 0 0}.brandColor>span:first-child{display:none}.brandColor>span:last-child{grid-template-columns:52px 112px;gap:8px;display:grid}.brandColor input[type=color]{height:44px;padding:3px}.colorUses{flex-wrap:wrap;gap:7px;margin:14px 0;display:flex}.colorUses span{background:color-mix(in srgb,var(--brand-primary,#6c63ff) 8%,transparent);border-radius:999px;padding:6px 9px;font-size:.78rem}.componentSwatch{text-align:center;border-radius:11px;padding:12px;font-weight:800}.contrastWarning{color:#9a3412;background:#fff7ed;border:1px solid #fdba74;border-radius:14px;padding:16px}.contrastWarning p{margin:7px 0}.themeGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.themeCard{border:1px solid color-mix(in srgb,var(--brand-text,#1f2937) 12%,transparent);border-radius:16px;padding:14px}.themeCard h3{margin:12px 0 4px}.themeCard p{opacity:.7;margin:0 0 10px;font-size:.85rem}.themeMini{border-radius:12px;height:90px;position:relative;overflow:hidden}.themeMini i{width:25%;position:absolute;top:0;bottom:0;left:0}.themeMini b{border-radius:8px;width:48%;height:14%;position:absolute;top:18%;left:34%}.themeMini em{border-radius:8px;width:55%;height:38%;position:absolute;top:42%;left:34%}.themeMini span{border-radius:999px;width:22%;height:14%;position:absolute;bottom:13%;right:16%}.themeDots{gap:5px;margin-bottom:12px;display:flex}.themeDots i{border:1px solid #0002;border-radius:50%;width:20px;height:20px}.themeCard .button{width:100%}.toggles{flex-wrap:wrap;gap:20px;margin-top:16px;display:flex}.toggles label{align-items:center;gap:8px;display:flex}.toggles input{width:auto}.stickyPreview{position:sticky;top:20px}.brandingPreview{border:1px solid #0002;border-radius:18px;grid-template-columns:82px 1fr;min-height:580px;display:grid;overflow:hidden;box-shadow:0 18px 50px #0f172a20}.previewSidebar{flex-direction:column;align-items:center;gap:17px;padding:20px 14px;display:flex}.previewSidebar img{object-fit:contain;width:50px;height:50px}.previewSidebar i{background:#ffffff40;border-radius:999px;width:42px;height:8px}.previewLogo{color:#fff;border-radius:14px;place-items:center;width:50px;height:50px;font-weight:900;display:grid}.previewWorkspace{min-width:0}.brandingPreview header{justify-content:space-between;align-items:center;padding:18px;display:flex}.brandingPreview header div{display:grid}.brandingPreview header small{opacity:.65}.previewAvatar{border-radius:50%;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.previewBody{padding:20px}.previewTitle{justify-content:space-between;align-items:center;gap:12px;display:flex}.previewTitle h3{margin:3px 0}.previewTitle button{color:var(--brand-primary-contrast,#fff);border:0;border-radius:10px;padding:10px 12px;font-weight:800}.previewStats{grid-template-columns:1fr 1fr;gap:12px;margin:18px 0;display:grid}.previewStats article{border-radius:13px;padding:14px;display:grid}.previewStats strong{font-size:1.5rem}.previewCard{border-radius:14px;justify-content:space-between;gap:15px;padding:16px;display:flex}.previewCard h4{margin:10px 0 4px}.previewCard p{opacity:.7;margin:0;font-size:.82rem}.previewBadge{border-radius:999px;padding:5px 8px;font-size:.7rem;font-weight:800;display:inline-block}.previewQr{font-size:58px}.previewField{margin-top:18px;font-size:.8rem}.previewField input{margin-top:6px}.previewProgress{background:#0001;border-radius:999px;height:8px;margin-top:18px;overflow:hidden}.previewProgress span{height:100%;display:block}.unsaved{color:#9a3412;background:#fff7ed;border-radius:999px;padding:7px 11px;font-weight:800;display:inline-block}.saveBar{background:var(--brand-secondary,#2f2e41);color:var(--brand-secondary-contrast,#fff);z-index:4;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex;position:sticky;bottom:12px;box-shadow:0 16px 40px #0003}.saveBar div{display:grid}.saveBar small{opacity:.75}.compactSettings{margin-bottom:0}@media (width<=1100px){.brandingGrid{grid-template-columns:1fr}.stickyPreview{position:static}.themeGrid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.twoCols,.assetGrid,.themeGrid{grid-template-columns:1fr}.colorCardHead,.saveBar{flex-direction:column;align-items:stretch}.brandingPreview{grid-template-columns:62px 1fr}.previewTitle{flex-direction:column;align-items:flex-start}}.saPage{max-width:1500px;margin:auto;padding:28px}.saHeader{justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;display:flex}.saHeader h1{margin:.5rem 0}.saSearch{gap:8px;display:flex}.saSearch input{border:1px solid #d7dce5;border-radius:10px;min-width:260px;padding:11px}.saKpis{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:24px;display:grid}.saKpi{background:#fff;border:1px solid #e5e8ef;border-radius:16px;padding:18px;box-shadow:0 8px 24px #18243b0c}.saKpi span{text-transform:capitalize;color:#667085;font-size:.84rem;display:block}.saKpi strong{margin-top:8px;font-size:1.8rem;display:block}.saCharts{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:18px;display:grid}.saBars{align-items:end;gap:9px;height:160px;display:flex}.saBars div{text-align:center;flex:1;font-size:.7rem}.saBars b{background:currentColor;border-radius:6px 6px 0 0;min-height:8px;margin-bottom:5px;display:block}.saTableWrap{background:#fff;border:1px solid #e5e8ef;border-radius:16px;overflow:auto}.saTable{border-collapse:collapse;width:100%;min-width:900px}.saTable th,.saTable td{text-align:left;white-space:nowrap;border-bottom:1px solid #edf0f5;padding:12px}.saTable th{text-transform:capitalize;background:#f8fafc}.saActions{gap:6px;display:flex}.saActions button{background:#fff;border:1px solid #d7dce5;border-radius:8px;padding:7px 9px}.saError{color:#a61b1b;background:#fff1f0;border-radius:12px;margin-bottom:16px;padding:14px}@media (width<=700px){.saPage{padding:16px}.saHeader{flex-direction:column;align-items:stretch}.saSearch input{flex:1;min-width:0}.saCharts{grid-template-columns:1fr}}.saToolbar{flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;display:flex}.saToolbar input{flex:1;min-width:280px}.saToolbar input,.saToolbar select,.saFormGrid input,.saFormGrid select,.saModal label>input{background:#fff;border:1px solid #d7dbe7;border-radius:.7rem;padding:.75rem}.saSuccess{background:#eaf8ef;border:1px solid #a9dfb8;border-radius:.75rem;margin-bottom:1rem;padding:.8rem 1rem}.saTable td small{color:#687086;margin-top:.2rem;display:block}.saStatus{background:#eef1f7;border-radius:999px;padding:.25rem .55rem;display:inline-flex}.saStatus--active{background:#e8f7ed}.saStatus--suspended{background:#fff1f0}.saPagination{justify-content:center;align-items:center;gap:1rem;margin:1rem;display:flex}.saModalBackdrop{z-index:1000;background:#10182899;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.saModal{background:#fff;border-radius:1rem;width:min(900px,100%);max-height:94vh;overflow:auto;box-shadow:0 30px 80px #0004}.saModal>header,.saModal>footer{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.saModal>footer{border-top:1px solid #edf0f5;border-bottom:0}.saModal>header button{background:0 0;border:0;font-size:1.7rem}.saSteps{background:#f8f9fc;gap:.5rem;padding:.8rem 1.25rem;display:flex;overflow:auto}.saSteps span{white-space:nowrap;color:#747c91;font-size:.82rem}.saSteps .active{color:#4f46e5;font-weight:700}.saFormBody{min-height:390px;padding:1.25rem}.saFormGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.saFormGrid label{gap:.4rem;font-weight:600;display:grid}.saFormGrid .wide{grid-column:1/-1}.saChoice{gap:1rem;margin-bottom:1rem;display:flex}.saOwnerResults{gap:.5rem;margin-top:.8rem;display:grid}.saOwnerResults button{text-align:left;background:#fff;border:1px solid #d9deea;border-radius:.7rem;justify-content:space-between;padding:.8rem;display:flex}.saOwnerResults button.selected{outline:2px solid #4f46e5}.saSummary{background:#f8f9fc;border-radius:.8rem;padding:1rem}.saSummary dl{grid-template-columns:150px 1fr;gap:.6rem;display:grid}.saSummary dt{font-weight:700}@media (width<=700px){.saFormGrid{grid-template-columns:1fr}.saFormGrid .wide{grid-column:auto}.saActions{min-width:220px}.saModalBackdrop{padding:0}.saModal{border-radius:0;height:100vh;max-height:none}.saSteps{font-size:.75rem}}.saSuccess{color:inherit;overflow-wrap:anywhere;background:#16a34a1a;border:1px solid #16a34a59;border-radius:.75rem;margin:0 0 1rem;padding:.9rem 1rem}.saActions button:disabled{cursor:not-allowed;opacity:.6}