/* Vempy UI 02 | 2026 | Interior only: authentication + customer workspace */
:root { --ui-bg:#F7F8FB;--ui-surface:#FFFFFF;--ui-ink:#16192D;--ui-muted:#74788D;--ui-line:#E8EAF0;--ui-violet:#5546F4;--ui-violet-soft:#F1EFFF;--ui-radius:12px;--ui-shadow:0 2px 10px rgba(18,25,49,.025); }
.page-auth,.page-admin,.page-preview{font-family:Inter,Manrope,'Segoe UI',Arial,sans-serif;color:var(--ui-ink);-webkit-font-smoothing:antialiased;}
.page-auth *,.page-admin *,.page-preview *{box-sizing:border-box;}
.page-auth a,.page-admin a,.page-preview a {text-decoration:none;}
.page-auth button,.page-admin button,.page-preview button{font-family:inherit;cursor:pointer;}
.page-auth :is(a,button,input,select,textarea):focus-visible,.page-admin :is(a,button,input,select,textarea):focus-visible,.page-preview :is(a,button,input,select,textarea):focus-visible{outline:3px solid rgba(85,70,244,.28);outline-offset:3px;}
.page-auth .btn,.page-admin .btn,.page-preview .btn{border-radius:10px;box-shadow:none;letter-spacing:0;font-weight:700;min-height:43px;font-size:13px;transition:background-color .18s,transform .18s,border-color .18s;}
.page-auth .btn:hover,.page-admin .btn:hover,.page-preview .btn:hover{transform:translateY(-1px);}
.page-auth .btn-primary,.page-admin .btn-primary,.page-preview .btn-primary{background:var(--ui-violet);color:#fff;border-color:var(--ui-violet);}
.page-auth .btn-primary:hover,.page-admin .btn-primary:hover,.page-preview .btn-primary:hover{background:#4638E2;}
.page-admin .btn-secondary,.page-admin .btn-light,.page-preview .btn-light{background:#fff;border:1px solid #E2E4EC;color:#32364D;}
.page-admin .btn-secondary:hover,.page-admin .btn-light:hover,.page-preview .btn-light:hover{background:#FAFAFD;border-color:#CFCBFC;}
/* -- Auth: professional split, light on both sides -- */
.page-auth{background:#fff;}
.page-auth .auth-shell{display:grid;grid-template-columns:minmax(360px,45%) minmax(480px,55%);min-height:100svh;background:#fff;}
.page-auth .auth-aside{padding:clamp(28px,3.8vw,58px) clamp(28px,5.3vw,100px);background:#F5F5FC;color:var(--ui-ink);border-right:1px solid #ECECF5;display:flex;flex-direction:column;justify-content:space-between;gap:32px;overflow:hidden;}
.page-auth .auth-brand .logo,.page-auth .auth-mobile-logo .logo{width:142px;height:auto;object-fit:contain;}
.page-auth .auth-aside-body{max-width:515px;width:100%;margin:auto 0;}
.page-auth .auth-eyebrow{font-size:11px;letter-spacing:.11em;font-weight:800;color:#6B5DDC;display:flex;align-items:center;gap:9px;}
.page-auth .auth-eyebrow span{height:7px;width:7px;border-radius:50%;background:#7666E9;}
.page-auth .auth-aside h1{font-size:clamp(35px,3.1vw,51px);letter-spacing:-.055em;line-height:1.13;margin:23px 0 17px;font-weight:770;}
.page-auth .auth-aside h1 em{font-style:normal;color:#6250E7;}
.page-auth .auth-aside p{font-size:15px;line-height:1.8;max-width:440px;color:#72758D;margin:0 0 36px;}
.page-auth .auth-experience{background:#FFF;border:1px solid #E7E5F2;border-radius:15px;padding:7px 22px;box-shadow:0 12px 38px rgba(38,25,106,.035);max-width:445px;}
.page-auth .experience-head{display:flex;align-items:center;gap:13px;padding:16px 0 18px;border-bottom:1px solid #EEF0F4;}
.page-auth .experience-head>div,.page-auth .experience-row>div{min-width:0;flex:1;}
.page-auth .experience-head strong,.page-auth .experience-row strong{font-size:12.5px;display:block;font-weight:750;}
.page-auth .experience-head small,.page-auth .experience-row small{font-size:11.5px;display:block;margin-top:4px;color:#878B9E;line-height:1.4;}
.page-auth .experience-brand,.page-auth .experience-row>span{height:39px;width:39px;display:grid;place-items:center;border:1px solid #E9E7F8;background:#F6F4FF;border-radius:10px;color:#6656D8;flex:none;}
.page-auth .experience-status{border-radius:100px;padding:6px 9px;background:#F0F8F2;color:#3A8A60;font-weight:700;font-size:10px;}
.page-auth .experience-row{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #F0F1F6;}
.page-auth .experience-row:last-child{border-bottom:0;}
.page-auth .experience-row>svg:last-child{color:#8375E9;flex:none;}
.page-auth .auth-aside-footer{font-size:11px;color:#A1A3B0;display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap;}
.page-auth .auth-content{padding:96px clamp(35px,6vw,105px) 50px;position:relative;display:grid;place-items:center;align-content:center;min-width:0;}
.page-auth .auth-content>.back-link{position:absolute;top:42px;right:clamp(35px,6vw,105px);color:#7B7E8E;font-size:12px;font-weight:650;display:flex;gap:9px;}
.page-auth .auth-content>.back-link svg{transform:rotate(180deg);width:15px;height:15px;}
.page-auth .auth-card{width:min(442px,100%);margin:auto;}
.page-auth .auth-form-eyebrow{display:block;font-size:11px;letter-spacing:.09em;font-weight:760;color:#6553DC;margin-bottom:10px;}
.page-auth .auth-card h2{font-size:clamp(30px,3vw,38px);letter-spacing:-.048em;font-weight:770;line-height:1.2;margin:0 0 10px;color:#16192D;}
.page-auth .auth-card>p{font-size:14px;color:#818597;line-height:1.65;margin:0 0 27px;}
.page-auth .form-grid{gap:17px;}
.page-auth .form-grid label{font-size:12px;font-weight:700;color:#363B4E;gap:8px;}
.page-auth .form-grid label>input,.page-auth .password-field input{width:100%;height:49px;border:1px solid #E1E3EB;border-radius:10px;background:#FFF;box-shadow:none;padding:12px 14px;color:var(--ui-ink);font-weight:500;font-size:13px;transition:border-color .18s,box-shadow .18s;}
.page-auth .form-grid label>input::placeholder,.page-auth .password-field input::placeholder{color:#A2A6B4;}
.page-auth .form-grid label>input:focus,.page-auth .password-field input:focus{border-color:#9387EC;box-shadow:0 0 0 3px rgba(85,70,244,.09);}
.page-auth .password-field{position:relative;display:flex;align-items:center;}
.page-auth .password-field input{padding-right:98px;}
.page-auth .password-toggle{position:absolute;right:9px;top:50%;transform:translateY(-50%);padding:6px 8px;display:flex;align-items:center;gap:5px;color:#666B7E;background:#F8F8FB;border:0;border-radius:7px;font-size:10.5px;font-weight:700;}
.page-auth .password-toggle:hover{background:#F0EEFF;color:#4F42C9;}
.page-auth .field-helper{font-size:10px;line-height:1.5;font-weight:500;color:#8E91A2;}
.page-auth .auth-form-section{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #ECEEF4;padding-top:21px;margin-top:8px;}
.page-auth .auth-form-section>span{font-size:10px;letter-spacing:.095em;font-weight:780;color:#7D8192;}
.page-auth .auth-form-section>small{font-size:11px;color:#A0A3B0;}
.page-auth .segment-fieldset{margin:0;border:0;padding:0;min-width:0;}
.page-auth .segment-fieldset legend{font-size:12px;font-weight:710;color:#363B4E;margin-bottom:11px;}
.page-auth .type-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.page-auth .type-choices label{display:block;position:relative;cursor:pointer;}
.page-auth .type-choices input{position:absolute;opacity:0;pointer-events:none;}
.page-auth .type-choices span{min-height:94px;border:1px solid #E5E6EE;background:#fff;border-radius:11px;color:#777B8D;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;transition:background-color .18s,border-color .18s;color:#5C6074;padding:11px 5px;}
.page-auth .type-choices span b{font-size:12px;font-weight:700;}
.page-auth .type-choices input:checked+span{border-color:#6655E5;background:#F4F2FF;color:#4B3BCD;box-shadow:inset 0 0 0 1px #6655E5;}
.page-auth .type-choices input:focus-visible+span{outline:3px solid rgba(85,70,244,.22);outline-offset:2px;}
.page-auth .auth-submit{min-height:50px;margin-top:4px;gap:11px;font-size:13px;border-radius:10px;justify-content:center;}
.page-auth .auth-switch{text-align:center;border-top:1px solid #EFF0F5;margin-top:24px;padding-top:20px;color:#85899A;font-size:12px;}
.page-auth .auth-switch a{color:#5143D3;font-weight:750;}
.page-auth .auth-trust{display:flex;justify-content:center;align-items:center;gap:6px;color:#9699A8;font-size:10px;line-height:1.5;margin:20px 0 0;text-align:center;}
.page-auth .auth-mobile-logo{display:none;}
/* -- Workspace -- */
.page-admin,.page-preview{background:var(--ui-bg);}
.page-admin .admin-shell,.page-preview .admin-shell{grid-template-columns:252px minmax(0,1fr);min-height:100vh;}
.page-admin .sidebar,.page-preview .sidebar{position:sticky;top:0;height:100vh;background:#FFF;color:#33374B;border-right:1px solid #E8EAF0;box-shadow:none;padding:20px 13px 18px;z-index:100;overflow:auto;scrollbar-width:thin;scrollbar-color:#DCDBE7 transparent;}
.page-admin .sidebar-brand-row,.page-preview .sidebar-brand-row{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 22px;}
.page-admin .sidebar-brand-row .brand,.page-preview .sidebar-brand-row .brand{padding:0;margin:0;}
.page-admin .sidebar .logo,.page-preview .sidebar .logo{width:131px;height:auto;filter:none;}
.page-admin .sidebar-close{display:none;border:0;background:#F5F5F9;border-radius:8px;color:#333;font-size:22px;width:32px;height:32px;}
.page-admin .sidebar-workspace-label{font-size:10px;color:#999CAA;font-weight:750;letter-spacing:.095em;padding:0 13px;margin:2px 0 10px;}
.page-admin .workspace-switch{background:#FAFAFD;border:1px solid #E9EAF0;border-radius:11px;padding:11px;gap:10px;color:#272C40;box-shadow:none;}
.page-admin .workspace-avatar{background:#E9E5FF;color:#5D4DD7;border:0;border-radius:9px;width:39px;height:39px;}
.page-admin .workspace-switch strong{font-size:12px;font-weight:760;color:#2B3042;}
.page-admin .workspace-switch small{font-size:10px;color:#9598A7;}
.page-admin .workspace-switch>svg{color:#888A9C;}
.page-admin .sidebar-caption{margin:29px 14px 10px;font-size:10px;color:#9FA1AD;letter-spacing:.095em;font-weight:780;}
.page-admin .sidebar-nav,.page-admin .sidebar-bottom{gap:4px;}
.page-admin .sidebar-nav a,.page-admin .sidebar-bottom a,.page-admin .sidebar-bottom button{border-radius:9px;min-height:42px;padding:11px 13px;gap:13px;color:#6E7287;background:transparent;font-size:12.5px;font-weight:640;transition:background-color .16s,color .16s;}
.page-admin .sidebar-nav svg,.page-admin .sidebar-bottom svg{width:18px;height:18px;flex:none;stroke-width:1.75;}
.page-admin .sidebar-nav a:hover,.page-admin .sidebar-bottom a:hover,.page-admin .sidebar-bottom button:hover{background:#F6F5FC;color:#3D36A0;}
.page-admin .sidebar-nav a.is-active,.page-admin .sidebar-bottom a.is-active{background:#EFEDFF;color:#5142CD;font-weight:760;}
.page-admin .sidebar-nav a.is-active svg{color:#6251E4;}
.page-admin .sidebar-bottom{border-top:1px solid #EDF0F4;padding-top:15px;margin-top:auto;}
.page-admin .sidebar-footnote{font-size:10px;color:#B1B2BF;padding:18px 14px 2px;}
.page-admin .sidebar-scrim{display:none;}
.page-admin .admin-main{min-width:0;background:var(--ui-bg);}
.page-admin .admin-topbar{height:74px;background:#FFF;border-bottom:1px solid #E8EAF0;padding:0 clamp(24px,3vw,45px);display:flex;align-items:center;justify-content:space-between;gap:20px;}
.page-admin .admin-top-left{display:flex;align-items:center;gap:15px;min-width:0;}
.page-admin .breadcrumb{display:flex;align-items:center;gap:10px;font-size:12px;color:#9598A8;white-space:nowrap;min-width:0;}
.page-admin .breadcrumb strong{color:#32364A;font-weight:750;overflow:hidden;text-overflow:ellipsis;}
.page-admin .breadcrumb svg{transform:rotate(-90deg);color:#B2B4C1;}
.page-admin .admin-top-actions{gap:17px;}
.page-admin .topbar-preview{display:flex;align-items:center;gap:7px;color:#656B7E;font-weight:680;font-size:12px;padding-right:19px;border-right:1px solid #E6E8EF;}
.page-admin .topbar-preview:hover{color:#5546F4;}
.page-admin .account-avatar{width:37px;height:37px;background:#F1EFFF;color:#5C4BDB;border-radius:10px;font-size:15px;}
.page-admin .account-info strong{font-size:12px;color:#2A2E42;}
.page-admin .account-info small{font-size:10.5px;color:#9599A9;}
.page-admin .admin-content{max-width:1450px;width:100%;margin:auto;padding:clamp(25px,3vw,40px) clamp(24px,3vw,45px) 70px;}
.page-admin .page-heading{gap:22px;align-items:center;margin-bottom:27px;}
.page-admin .small-kicker{font-size:10px;color:#7E75AE;letter-spacing:.085em;font-weight:730;}
.page-admin .page-heading h1{font-size:clamp(25px,2.45vw,32px);letter-spacing:-.05em;line-height:1.23;font-weight:765;margin:8px 0 8px;color:#1B2033;}
.page-admin .page-heading p{font-size:13px;color:#83889A;line-height:1.6;max-width:630px;}
.page-admin .heading-buttons{display:flex;gap:10px;flex-wrap:wrap;}
.page-admin .stats-grid{gap:15px;margin-bottom:20px;}
.page-admin .stat-card{min-height:167px;border:1px solid #E8EAF0;box-shadow:var(--ui-shadow);border-radius:13px;background:#fff;padding:22px;}
.page-admin .stat-card>span{font-size:12px;color:#83889B;font-weight:650;}
.page-admin .stat-number{font-size:34px;font-weight:750;letter-spacing:-.06em;color:#1B2033;margin:17px 0 12px;}
.page-admin .stat-card small{font-size:11px;color:#969BAA;}
.page-admin .stat-card>i{background:#F2F0FF;border-radius:9px;color:#6857DD;width:34px;height:34px;top:18px;right:17px;}
.page-admin .stat-card>i svg{height:17px;width:17px;}
.page-admin .dashboard-grid,.page-admin .two-panels{gap:16px;}
.page-admin .panel{background:#FFF;border:1px solid #E8EAF0;box-shadow:var(--ui-shadow);border-radius:13px;padding:24px;}
.page-admin .panel-top{margin-bottom:18px;}
.page-admin .panel h2{font-size:16px;font-weight:740;color:#292E40;letter-spacing:-.025em;}
.page-admin .panel-top p{font-size:12px;color:#9599A8;margin-top:6px;line-height:1.5;}
.page-admin .panel-top>a,.page-admin .link-arrow{color:#5546F4;font-weight:720;}
.page-admin .table-panel{padding:0;overflow:hidden;}
.page-admin .table-toolbar{border-bottom:1px solid #EEF0F5;padding:18px 22px;}
.page-admin .search-field{border:1px solid #E7E9F1;border-radius:9px;box-shadow:none;}
.page-admin .data-table th{background:#FAFAFD;color:#9398A7;padding:16px 20px;font-weight:720;font-size:10px;letter-spacing:.035em;}
.page-admin .data-table td{padding:16px 20px;border-color:#F0F1F6;font-size:12px;}
.page-admin .data-table tr:hover td{background:#FDFDFF;}
.page-admin .recent-list a{padding:13px 0;}
.page-admin .recent-list img{width:50px;height:50px;border-radius:9px;}
.page-admin .recent-list strong,.page-admin .lead-mini-list strong{font-size:12px;}
.page-admin .catalog-list-card{border:1px solid #E7E9F0;border-radius:13px;box-shadow:var(--ui-shadow);padding:23px;}
.page-admin .catalog-list-card:hover{border-color:#CFC9FF;transform:translateY(-2px);}
.page-admin .catalog-icon{background:#F2F0FF;border-radius:10px;}
.page-admin .form-grid label,.page-admin .form-panel label{color:#3F4357;font-size:12px;font-weight:680;}
.page-admin .form-grid input,.page-admin .form-grid select,.page-admin .form-grid textarea,.page-admin .form-panel input,.page-admin .form-panel select,.page-admin .form-panel textarea{background:#FFF;color:#292E42;border:1px solid #E1E5ED;border-radius:9px;min-height:45px;box-shadow:none;font-size:12.5px;}
.page-admin .form-grid :is(input,textarea,select):focus,.page-admin .form-panel :is(input,textarea,select):focus{border-color:#998DF2;box-shadow:0 0 0 3px rgba(85,70,244,.09);}
.page-admin .upload-drop{background:#FAFAFD;border:1px dashed #D7DAE6;border-radius:11px;}
.page-admin .upload-drop:hover{background:#F8F7FF;border-color:#AEA5F9;}
.page-admin .editor-side{top:20px;}
.page-admin .status-pill,.page-admin .status-dot{border-radius:7px;font-weight:700;}
.page-admin .quick-tip,.page-admin .hint-box{background:#F7F6FF;border-radius:10px;border-color:#E9E7FC;}
.page-admin .flash{z-index:250;}
/* Mobile navigation is modal, closes with Escape or scrim */
@media(max-width:1100px){
 .page-admin .admin-shell{grid-template-columns:220px minmax(0,1fr);}
 .page-admin .admin-content{padding:28px 24px 60px;}
 .page-admin .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:850px){
 .page-auth .auth-shell{grid-template-columns:minmax(0,1fr);}
 .page-auth .auth-aside{display:none;}
 .page-auth .auth-content{min-height:100svh;padding:108px 27px 45px;align-content:center;}
 .page-auth .auth-content>.back-link{top:38px;right:27px;}
 .page-auth .auth-mobile-logo{display:block;position:absolute;left:27px;top:33px;}
 .page-auth .auth-mobile-logo .logo{width:118px;}
 .page-admin .admin-shell{display:block;}
 .page-admin .sidebar{position:fixed;top:0;left:0;width:min(300px,86vw);height:100dvh;transform:translateX(-102%);transition:transform .24s ease;box-shadow:12px 0 45px rgba(18,24,49,.12);}
 .page-admin .sidebar.open{transform:translateX(0);}
 .page-admin .sidebar-close{display:grid;place-items:center;}
 .page-admin .sidebar-scrim{display:block;position:fixed;inset:0;z-index:99;background:rgba(16,20,38,.4);border:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s,visibility .24s;}
 .page-admin .sidebar-scrim.open{opacity:1;visibility:visible;pointer-events:auto;}
 .page-admin .sidebar-toggle{display:grid;place-items:center;background:#F7F7FB;border:1px solid #E7E9F0;border-radius:9px;width:39px;height:39px;padding:0;}
 .page-admin .admin-topbar{padding-inline:22px;height:69px;}
 .page-admin .admin-content{padding:27px 22px 60px;}
 .page-admin .sidebar-nav a,.page-admin .sidebar-bottom a,.page-admin .sidebar-bottom button{min-height:45px;}
 body.vempy-menu-open{overflow:hidden;}
}
@media(max-width:590px){
 .page-auth .auth-content{padding:106px 23px 35px;}
 .page-auth .auth-content>.back-link{right:23px;top:35px;font-size:11px;}
 .page-auth .auth-mobile-logo{left:23px;top:31px;}
 .page-auth .auth-mobile-logo .logo{width:104px;}
 .page-auth .auth-card h2{font-size:32px;}
 .page-auth .auth-card>p{font-size:13px;margin-bottom:24px;}
 .page-auth .auth-submit{min-height:48px;}
 .page-auth .type-choices{gap:8px;}
 .page-auth .type-choices span{min-height:84px;padding:10px 3px;}
 .page-auth .type-choices span b{font-size:11px;}
 .page-admin .admin-topbar{padding:0 15px;height:64px;}
 .page-admin .admin-content{padding:23px 15px 55px;}
 .page-admin .breadcrumb>span,.page-admin .breadcrumb>svg{display:none;}
 .page-admin .breadcrumb strong{font-size:13px;}
 .page-admin .admin-top-actions{gap:10px;}
 .page-admin .topbar-preview{border:0;padding:0;font-size:0;}
 .page-admin .topbar-preview span{display:none;}
 .page-admin .account-info{display:none;}
 .page-admin .page-heading{align-items:stretch;flex-direction:column;gap:18px;}
 .page-admin .page-heading h1{font-size:27px;}
 .page-admin .heading-buttons{width:100%;display:grid;grid-template-columns:1fr 1fr;}
 .page-admin .heading-buttons .btn{padding:11px 7px;font-size:11px;min-width:0;}
 .page-admin .stats-grid{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));}
 .page-admin .stat-card{min-height:138px;padding:17px 13px;}
 .page-admin .stat-card>span{font-size:11px;line-height:1.4;max-width:90px;display:block;}
 .page-admin .stat-card>i{height:29px;width:29px;top:13px;right:12px;}
 .page-admin .stat-number{font-size:29px;margin:19px 0 10px;}
 .page-admin .stat-card small{font-size:10px;line-height:1.4;}
 .page-admin .panel{padding:20px 17px;}
 .page-admin .table-panel{padding:0;}
 .page-admin .table-toolbar{padding:17px;}
 .page-admin .dashboard-grid{grid-template-columns:1fr;}
 .page-admin .form-three,.page-admin .form-two{grid-template-columns:1fr;}
 .page-admin .catalog-list-card{padding:21px;}
}
@media(prefers-reduced-motion:reduce){.page-admin .sidebar,.page-admin .sidebar-scrim,.page-auth *,.page-admin *{transition-duration:.01ms!important;animation-duration:.01ms!important;}}

/* Balance the smaller login page on phones without creating a large empty area */
@media(max-width:850px){.page-auth .auth-content:has(input[autocomplete="current-password"]){align-content:start;padding-top:clamp(150px,21vh,194px);}}
/* Preview reuses identical workspace layout */
.page-preview .admin-shell{grid-template-columns:252px minmax(0,1fr)}
.page-preview .sidebar{background:#fff;color:#293047;border-right:1px solid #e8eaf0;position:sticky;top:0;height:calc(100vh - 39px);padding:20px 13px 18px;display:flex;flex-direction:column;overflow:auto;}
.page-preview .sidebar-brand-row{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 22px;}
.page-preview .sidebar .logo{width:130px;}
.page-preview .sidebar-workspace-label{font-size:10px;color:#9a9dae;font-weight:750;letter-spacing:.095em;padding:0 13px;margin-bottom:10px;}
.page-preview .workspace-switch{background:#fafafd;border:1px solid #e9eaf0;border-radius:11px;color:#272c40;}
.page-preview .workspace-avatar{background:#e9e5ff;color:#5d4dd7;}
.page-preview .workspace-switch strong{color:#292d42;}
.page-preview .workspace-switch small{color:#999cac;}
.page-preview .sidebar-caption{margin:29px 14px 10px;color:#a0a2af;font-size:10px;letter-spacing:.095em;}
.page-preview .sidebar-nav a,.page-preview .sidebar-bottom a{color:#6e7287;font-size:12.5px;min-height:42px;border-radius:9px;}
.page-preview .sidebar-nav a:hover,.page-preview .sidebar-bottom a:hover{background:#f6f5fc;color:#5142cd;}
.page-preview .sidebar-nav a.is-active{background:#efedff;color:#5142cd;}
.page-preview .sidebar-bottom{border-color:#edf0f4;}
.page-preview .sidebar-footnote{color:#b1b2bf;font-size:10px;padding:18px 14px 2px;}
.page-preview .admin-main{background:#f7f8fb;min-width:0;}
.page-preview .admin-topbar{border-bottom:1px solid #e8eaf0;background:#fff;min-height:74px;padding:0 40px;}
.page-preview .admin-content{max-width:1440px;padding:38px 40px 70px;}
.page-preview .breadcrumb{display:flex;align-items:center;gap:10px;color:#999caf;font-size:12px;}
.page-preview .breadcrumb strong{color:#292d42;}
.page-preview .sidebar-scrim,.page-preview .sidebar-close{display:none;}
.page-preview .preview-banner{padding:10px 24px;font-size:10px;background:#5546F4;letter-spacing:.05em;}
.page-preview .panel{border:1px solid #e8eaf0;border-radius:13px;box-shadow:none;background:#fff;padding:24px;}
.page-preview .panel h2{font-size:16px;}
.page-preview .panel-top p{font-size:12px;color:#999baa;}
.page-preview .stat-card{border:1px solid #e8eaf0;border-radius:13px;box-shadow:none;padding:22px;background:#fff;}
.page-preview .stat-card>i{background:#f2f0ff;border-radius:9px;color:#6857dd;}
.page-preview .page-heading h1{font-size:32px;letter-spacing:-.05em;}
.page-preview .page-heading p{font-size:13px;color:#83889a;}
@media(max-width:850px){
 .page-preview .admin-shell{display:block;}
 .page-preview .sidebar{position:fixed;top:0;left:0;width:min(300px,86vw);height:100dvh;transform:translateX(-102%);z-index:100;transition:transform .24s ease;}
 .page-preview .sidebar.open{transform:translateX(0);}
 .page-preview .sidebar-close{display:grid;place-items:center;background:#f5f5f9;border:0;border-radius:8px;font-size:22px;width:32px;height:32px;}
 .page-preview .sidebar-scrim{display:block;position:fixed;inset:0;background:rgba(16,20,38,.4);border:0;z-index:99;opacity:0;visibility:hidden;pointer-events:none;}
 .page-preview .sidebar-scrim.open{opacity:1;visibility:visible;pointer-events:auto;}
 .page-preview .sidebar-toggle{display:grid;place-items:center;background:#f7f7fb;border:1px solid #e7e9f0;border-radius:9px;width:39px;height:39px;}
 .page-preview .admin-topbar{padding:0 18px;min-height:65px;}
 .page-preview .admin-content{padding:27px 19px 55px;}
}
@media(max-width:590px){.page-preview .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.page-preview .stat-card{padding:17px 13px}.page-preview .stat-number{font-size:28px}.page-preview .page-heading h1{font-size:27px}.page-preview .panel{padding:19px 16px}.page-preview .admin-topbar .breadcrumb span,.page-preview .admin-topbar .breadcrumb svg{display:none;}}