@font-face{font-family:Vazir;src:url('/fonts/Vazir.woff2') format('woff2'),url('/fonts/Vazir.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Vazir;src:url('/fonts/Vazir-Bold.woff2') format('woff2'),url('/fonts/Vazir-Bold.woff') format('woff');font-style:normal;font-weight:700;font-display:swap}
:root{--primary:#25a777;--primary-rgb:37,167,119;--ink:#17211d;--muted:#76817c;--line:#e7ece9;--surface:#fff;--canvas:#f5f7f6;--sidebar:#101b17;--radius:16px;--shadow:0 14px 40px rgba(18,38,29,.08)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Vazir,Tahoma,"Segoe UI",sans-serif;color:var(--ink);background:var(--canvas)}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(var(--primary-rgb),.22);outline-offset:2px}.is-hidden{display:none!important}
.login-view{min-height:100vh;display:grid;grid-template-columns:minmax(420px,43%) 1fr;background:#fbfcfb}.login-card{padding:8vh clamp(40px,8vw,130px);display:flex;flex-direction:column;justify-content:center}.brand-mark{width:58px;height:58px;display:grid;place-items:center;color:#fff;background:var(--primary);border-radius:18px 18px 6px 18px;font-size:30px;font-weight:700;box-shadow:0 12px 30px rgba(var(--primary-rgb),.25)}.brand-mark.small{width:40px;height:40px;border-radius:12px 12px 4px 12px;font-size:20px;box-shadow:none}.login-heading{margin:42px 0 30px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--primary);font-weight:700}.login-heading h1{font-size:32px;margin:11px 0 8px}.login-heading p{color:var(--muted);line-height:1.9;margin:0;font-size:14px}.login-card form{display:grid;gap:20px}.login-card label,.form-grid label{display:grid;gap:9px;font-size:13px;font-weight:700}.login-card input,.form-grid select,.table-tools select{width:100%;height:50px;border:1px solid var(--line);border-radius:12px;padding:0 15px;background:#fff;color:var(--ink);transition:.2s}.login-card input:focus{border-color:var(--primary)}.password-field{position:relative}.password-field input{padding-left:52px}.password-field .icon-button{position:absolute;left:8px;top:6px}.icon-button{border:0;background:transparent;color:var(--muted);width:38px;height:38px;border-radius:10px}.icon-button:hover{background:rgba(0,0,0,.05);color:var(--ink)}.primary-button{height:52px;border:0;border-radius:13px;padding:0 22px;background:var(--primary);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 9px 24px rgba(var(--primary-rgb),.22);transition:transform .2s,filter .2s}.primary-button:hover{transform:translateY(-2px);filter:saturate(1.08)}.primary-button:disabled{opacity:.65;cursor:wait;transform:none}.primary-button.compact{height:43px;font-size:13px;padding:0 18px;display:inline-flex}.form-error{min-height:20px;color:#cf4762;font-size:12px;margin:-8px 0}.login-footnote{font-size:11px;color:#9aa39f;display:flex;justify-content:center;align-items:center;gap:7px;margin-top:28px}.login-footnote span{width:6px;height:6px;border-radius:50%;background:var(--primary)}.login-art{position:relative;overflow:hidden;background:radial-gradient(circle at 25% 20%,rgba(69,184,137,.55),transparent 24%),linear-gradient(145deg,#12251d,#0b1511);margin:18px;border-radius:34px}.login-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px}.art-copy{position:absolute;right:9%;top:10%;color:#fff;z-index:2;max-width:500px}.art-copy span{font-size:11px;letter-spacing:4px;color:#70d4aa}.art-copy h2{font-size:clamp(32px,4vw,62px);line-height:1.55;margin:14px 0}.orbit{position:absolute;border:1px solid rgba(116,220,177,.23);border-radius:50%;width:56vw;height:56vw;left:-18vw;bottom:-31vw}.orbit:before{content:"";position:absolute;inset:9%;border:1px solid rgba(116,220,177,.15);border-radius:50%}.orbit-two{width:28vw;height:28vw;left:20%;bottom:10%;border-style:dashed}.metric-card{position:absolute;padding:18px 22px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(15px);border-radius:17px;color:#fff;display:grid;z-index:2;box-shadow:0 20px 60px rgba(0,0,0,.2)}.metric-card b{font-size:27px}.metric-card small{color:#b6c9c0;margin-top:3px}.metric-one{left:12%;bottom:24%}.metric-two{left:43%;bottom:12%}
.admin-shell{min-height:100vh;display:grid;grid-template-columns:270px 1fr}.sidebar{position:fixed;right:0;top:0;bottom:0;width:270px;background:var(--sidebar);color:#fff;padding:25px 17px 18px;display:flex;flex-direction:column;z-index:20}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:0 8px 26px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-brand div:nth-child(2){display:grid}.sidebar-brand strong{font-size:15px}.sidebar-brand span{font-size:10px;color:#819188;margin-top:2px}.side-nav{display:flex;flex-direction:column;gap:5px;padding-top:20px}.nav-label{font-size:10px;color:#607068;padding:12px 14px 6px}.nav-item{height:47px;border:0;border-radius:11px;background:transparent;color:#8e9d95;display:flex;align-items:center;gap:12px;padding:0 14px;text-align:right;transition:.2s}.nav-item i{font-style:normal;font-size:19px;width:22px;text-align:center}.nav-item em{font-style:normal;font-size:10px;margin-right:auto;background:rgba(255,255,255,.08);padding:2px 7px;border-radius:8px}.nav-item:hover{color:#fff;background:rgba(255,255,255,.05)}.nav-item.active{color:#fff;background:linear-gradient(90deg,rgba(var(--primary-rgb),.12),rgba(var(--primary-rgb),.28));box-shadow:inset -3px 0 var(--primary)}.nav-item.active i{color:#59d19f}.sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding:18px 5px 0;display:flex;align-items:center;gap:10px}.admin-avatar{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;background:#dff8ed;color:#167552;font-weight:700}.sidebar-footer>div:nth-child(2){display:grid;min-width:0}.sidebar-footer strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:125px}.sidebar-footer span{font-size:9px;color:#718078}.sidebar-footer .icon-button{margin-right:auto;color:#77877e}.main-area{grid-column:2;min-width:0}.topbar{height:88px;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding:0 clamp(20px,3vw,44px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.topbar-title{display:flex;align-items:center;gap:12px}.topbar-title span{color:#9aa39f;font-size:10px}.topbar-title h1{font-size:20px;margin:4px 0 0}.topbar-actions{display:flex;align-items:center;gap:9px}.round-button,.menu-button{width:39px;height:39px;border-radius:11px;border:1px solid var(--line);background:#fff;color:#65706b}.notification{position:relative}.notification span{position:absolute;width:6px;height:6px;border-radius:50%;background:#f15f77;top:8px;right:8px;border:1px solid white}.today{font-size:11px;color:var(--muted);padding-right:10px}.content{padding:34px clamp(20px,3vw,44px) 48px;max-width:1500px;margin:auto}.page-section{display:none;animation:fadeIn .25s ease}.page-section.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.welcome-row,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.welcome-row p{font-size:12px;color:var(--muted);margin:0 0 5px}.welcome-row h2,.section-heading h2{font-size:23px;margin:0}.section-heading p{font-size:12px;color:var(--muted);margin:7px 0 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.stat-card{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:21px;display:grid;min-height:150px;box-shadow:0 4px 17px rgba(21,44,34,.025)}.stat-card:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;left:-34px;top:-30px;background:var(--tint)}.stat-card span{font-size:11px;color:var(--muted);margin-top:14px}.stat-card strong{font-size:28px;margin:4px 0}.stat-card small{font-size:9px;color:#8e9893}.stat-card .stat-icon{position:absolute;left:18px;top:18px;width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--tint);color:var(--tone);z-index:1}.mint{--tint:#e5f8f0;--tone:#1c976b}.amber{--tint:#fff3df;--tone:#d28523}.blue{--tint:#e8f0ff;--tone:#4179d8}.rose{--tint:#ffe9ed;--tone:#d85a72}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.75fr);gap:18px;margin-top:18px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 4px 18px rgba(21,44,34,.025)}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid var(--line)}.panel-head h3,.settings-card h3{font-size:15px;margin:0}.panel-head p,.settings-card p{font-size:10px;color:var(--muted);margin:5px 0 0}.text-button{border:0;background:transparent;color:var(--primary);font-size:10px}.activity-list{padding:4px 22px}.activity-item{display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid var(--line)}.activity-item:last-child{border:0}.activity-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#e8f8f1;color:#16845d}.activity-icon.orange{background:#fff2e3;color:#d68122}.activity-icon.blue{background:#eaf1ff;color:#4674c7}.activity-item div{display:grid}.activity-item b{font-size:11px}.activity-item small{font-size:9px;color:var(--muted);margin-top:5px}.activity-item em{font-size:9px;font-style:normal;color:#29865f;background:#e9f8f1;padding:5px 8px;border-radius:7px;margin-right:auto}.quick-panel>button{width:calc(100% - 32px);margin:8px 16px 0;padding:11px;border:0;background:#fafcfb;border-radius:12px;display:flex;align-items:center;gap:10px;color:var(--ink);text-align:right}.quick-panel>button:hover{background:#f1f7f4}.quick-panel>button:last-child{margin-bottom:16px}.quick-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#eaf8f2;color:var(--primary);font-size:17px}.quick-panel button div{display:grid}.quick-panel b{font-size:11px}.quick-panel small{font-size:9px;color:var(--muted);margin-top:3px}.quick-panel i{font-style:normal;margin-right:auto;color:#a6afaa}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-card{padding:24px}.settings-card.full{grid-column:1/-1}.color-options{display:flex;gap:12px;margin-top:28px}.color-dot{width:42px;height:42px;border-radius:13px;border:4px solid white;background:var(--swatch);box-shadow:0 0 0 1px var(--line)}.color-dot.selected{box-shadow:0 0 0 2px var(--swatch)}input[type=range]{width:100%;accent-color:var(--primary);margin:29px 0 5px}.range-label{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.range-label b{color:var(--primary)}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}.form-grid select{margin-top:3px}.table-panel{overflow:hidden}.table-tools{display:flex;gap:12px;justify-content:space-between;padding:18px}.search-box{height:42px;width:min(330px,60%);border:1px solid var(--line);border-radius:11px;display:flex;align-items:center;gap:8px;padding:0 13px;color:var(--muted)}.search-box input{border:0;outline:0;width:100%;background:transparent;color:var(--ink)}.table-tools select{width:160px;height:42px}.responsive-table{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:700px}th,td{text-align:right;padding:16px 20px;border-top:1px solid var(--line);font-size:11px}th{background:#fafbfa;color:var(--muted);font-weight:400}td b{font-size:11px}td code{direction:ltr;display:inline-block;background:#f3f6f4;padding:4px 8px;border-radius:6px;color:#62706a}.status{padding:5px 9px;border-radius:7px;font-size:9px}.status.published{background:#e8f8f1;color:#21845f}.status.draft{background:#fff2df;color:#bf7923}.pagination{padding:17px 20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted)}.pagination div{display:flex;gap:5px}.pagination button{width:31px;height:31px;border:1px solid var(--line);background:#fff;border-radius:8px;color:var(--muted)}.pagination button.current{background:var(--primary);color:#fff;border-color:var(--primary)}.upload-label input{display:none}.asset-tabs{display:flex;gap:7px;margin-bottom:18px;overflow:auto}.asset-tabs button{white-space:nowrap;border:1px solid var(--line);border-radius:10px;background:#fff;padding:9px 13px;color:var(--muted);font-size:10px}.asset-tabs button.active{background:var(--sidebar);color:#fff}.asset-tabs span{margin-right:5px;opacity:.7}.asset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.asset-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:11px;position:relative}.asset-preview{height:150px;border-radius:12px;display:grid;place-items:center;font-size:38px;font-weight:700;color:#fff;margin-bottom:12px}.gradient-a{background:linear-gradient(145deg,#9be0c4,#238f68)}.gradient-b{background:linear-gradient(145deg,#ffd2b2,#ee8551)}.gradient-c{background:linear-gradient(145deg,#c9d7ff,#5b75c7)}.font-preview{background:#eff2f0;color:#26332d;font-family:serif}.asset-card>div:nth-child(2){display:grid;padding:0 3px}.asset-card b{font-size:10px;direction:ltr;text-align:right}.asset-card small{font-size:9px;color:var(--muted);margin-top:3px}.asset-card>button{position:absolute;left:9px;bottom:18px;border:0;background:transparent;color:var(--muted)}.asset-preview img{width:100%;height:100%;object-fit:cover;border-radius:12px}.toast{position:fixed;left:28px;bottom:28px;background:#13221b;color:#fff;border-radius:12px;padding:13px 18px;font-size:11px;box-shadow:var(--shadow);opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s;z-index:40}.toast.show{opacity:1;transform:none}.sidebar-backdrop{display:none}.mobile-only{display:none}
body.dark{--ink:#eaf0ed;--muted:#91a09a;--line:#2b3a34;--surface:#17241f;--canvas:#101914;--sidebar:#0b120f}.dark .topbar{background:rgba(23,36,31,.9)}.dark .round-button,.dark .table-tools select,.dark .login-card input,.dark .form-grid select,.dark .search-box,.dark .asset-tabs button,.dark .pagination button{background:var(--surface);color:var(--ink)}.dark th,.dark .quick-panel>button{background:#1b2a24}.dark td code{background:#21312a;color:#b8c6bf}
@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.asset-grid{grid-template-columns:repeat(2,1fr)}.login-art{display:none}.login-view{grid-template-columns:1fr}.login-card{max-width:600px;width:100%;margin:auto}.dashboard-grid{grid-template-columns:1fr}}
@media(max-width:760px){.admin-shell{display:block}.sidebar{transform:translateX(105%);transition:.25s}.sidebar.open{transform:none}.sidebar-backdrop.show{display:block;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:19}.main-area{grid-column:auto}.mobile-only{display:block}.sidebar-brand .mobile-only{margin-right:auto;color:#fff}.topbar{height:74px}.today{display:none}.content{padding-top:24px}.stats-grid,.settings-grid,.asset-grid{grid-template-columns:1fr}.settings-card.full{grid-column:auto}.form-grid{grid-template-columns:1fr}.welcome-row,.section-heading{align-items:flex-start}.section-heading{flex-direction:column}.activity-item em{display:none}.pagination>span{display:none}.pagination{justify-content:center}.login-card{padding:36px 24px}.login-heading{margin:30px 0 24px}.login-heading h1{font-size:26px}}

/* Theme variables editor */
.theme-editor{overflow:hidden}.theme-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;border-bottom:1px solid var(--line)}.theme-tabs{display:flex;gap:6px;padding:4px;background:var(--canvas);border-radius:12px}.theme-tabs button{height:37px;padding:0 14px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:11px;display:flex;align-items:center;gap:7px}.theme-tabs button.active{background:var(--surface);color:var(--ink);box-shadow:0 3px 12px rgba(21,44,34,.08);font-weight:700}.theme-dot{width:10px;height:10px;border-radius:50%;border:1px solid var(--line)}.light-dot{background:#f1f3f4}.dark-dot{background:#19231f}.theme-toolbar .search-box{width:min(390px,50%);background:var(--surface)}.theme-file-meta{display:flex;align-items:center;justify-content:space-between;padding:13px 21px;background:rgba(var(--primary-rgb),.055);border-bottom:1px solid var(--line)}.theme-file-meta span{font-family:Vazir,Tahoma,sans-serif;font-size:11px;color:var(--primary);direction:ltr}.theme-file-meta small{font-size:9px;color:var(--muted)}.variables-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;padding:20px;background:var(--canvas)}.variable-group{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;align-self:start}.variable-group-title{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;border-bottom:1px solid var(--line)}.variable-group-title h3{font-size:12px;margin:0}.variable-group-title span{font-size:9px;color:var(--primary);background:rgba(var(--primary-rgb),.1);min-width:24px;height:20px;padding:0 6px;border-radius:7px;display:grid;place-items:center}.variable-fields{padding:4px 15px}.variable-row{display:grid;grid-template-columns:minmax(150px,1fr) minmax(150px,1.2fr);align-items:center;gap:13px;padding:11px 0;border-bottom:1px solid var(--line)}.variable-row:last-child{border:0}.variable-name{font:10px Vazir,Tahoma,sans-serif;color:var(--muted);direction:ltr;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.variable-control{display:flex;align-items:center;gap:7px;direction:ltr}.variable-input{width:100%;height:36px;border:1px solid var(--line);border-radius:9px;padding:0 10px;background:var(--canvas);color:var(--ink);font:11px Vazir,Tahoma,sans-serif;transition:.2s}.variable-input:focus{border-color:var(--primary);background:var(--surface)}.variable-input.changed{border-color:rgba(var(--primary-rgb),.6);background:rgba(var(--primary-rgb),.045)}.variable-color{width:34px;height:34px;min-width:34px;padding:3px;border:1px solid var(--line);border-radius:9px;background:var(--surface);cursor:pointer}.variable-color::-webkit-color-swatch-wrapper{padding:0}.variable-color::-webkit-color-swatch{border:0;border-radius:5px}.variables-loading{grid-column:1/-1;min-height:180px;display:grid;place-items:center;color:var(--muted);font-size:11px}.variables-loading.error{color:#cf4762}
.dark .theme-tabs{background:#111b17}.dark .theme-tabs button.active{background:#22312a}.dark .variable-input{background:#111b17}.dark .variable-input:focus{background:var(--surface)}
@media(max-width:1000px){.variables-grid{grid-template-columns:1fr}}
@media(max-width:760px){.theme-toolbar{align-items:stretch;flex-direction:column}.theme-toolbar .search-box{width:100%}.theme-tabs button{flex:1;justify-content:center}.variables-grid{padding:12px}.variable-row{grid-template-columns:1fr;gap:7px}.variable-name{text-align:right}.theme-file-meta{padding:12px 15px}}
.font-preview,code{font-family:Vazir,Tahoma,"Segoe UI",sans-serif}

/* Pages submenu and selectable templates */
.nav-group{display:grid}.nav-group>.nav-item{width:100%}.submenu-arrow{font-size:14px;font-weight:400;margin-right:auto;transition:transform .2s}.nav-group.open .submenu-arrow{transform:rotate(180deg)}.nav-submenu{max-height:0;overflow:hidden;display:grid;gap:3px;padding-right:28px;opacity:0;transition:max-height .25s ease,opacity .2s ease,padding .25s}.nav-group.open .nav-submenu{max-height:210px;opacity:1;padding-top:6px;padding-bottom:7px}.nav-subitem{position:relative;height:35px;border:0;border-radius:9px;background:transparent;color:#788980;text-align:right;padding:0 20px 0 8px;font-size:10px}.nav-subitem>span{position:absolute;right:5px;top:14px;width:6px;height:6px;border-radius:50%;border:1px solid #65776d}.nav-subitem:before{content:"";position:absolute;right:7px;top:-10px;bottom:21px;width:1px;background:rgba(255,255,255,.08)}.nav-subitem:hover{color:#dce8e2;background:rgba(255,255,255,.04)}.nav-subitem.active{color:#65d5a6;background:rgba(var(--primary-rgb),.09)}.nav-subitem.active>span{border-color:#57c89a;background:#57c89a;box-shadow:0 0 0 3px rgba(87,200,154,.12)}
.page-builder-heading{align-items:flex-end}.page-builder-heading .eyebrow{display:block;margin-bottom:7px}.selected-template-status{min-width:205px;padding:10px 13px;border:1px solid var(--line);border-radius:12px;background:var(--surface);display:flex;align-items:center;gap:10px}.selected-template-status>span{width:33px;height:33px;border-radius:10px;background:#eff2f0;color:#a4ada8;display:grid;place-items:center}.selected-template-status>div{display:grid}.selected-template-status small{font-size:8px;color:var(--muted)}.selected-template-status b{font-size:10px;margin-top:3px}.selected-template-status.has-selection{border-color:rgba(var(--primary-rgb),.28);background:rgba(var(--primary-rgb),.04)}.selected-template-status.has-selection>span{background:rgba(var(--primary-rgb),.13);color:var(--primary)}.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.template-card{position:relative;overflow:hidden;padding:11px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);text-align:right;transition:transform .2s,border-color .2s,box-shadow .2s}.template-card:hover{transform:translateY(-3px);border-color:rgba(var(--primary-rgb),.35);box-shadow:var(--shadow)}.template-card.selected{border:2px solid var(--primary);padding:10px;box-shadow:0 10px 28px rgba(var(--primary-rgb),.12)}.template-check{position:absolute;left:20px;top:20px;z-index:3;width:27px;height:27px;border-radius:9px;background:var(--primary);color:#fff;display:grid;place-items:center;font-size:12px;opacity:0;transform:scale(.7);transition:.2s}.template-card.selected .template-check{opacity:1;transform:none}.template-preview{height:225px;border-radius:12px;background:#eef2f0;overflow:hidden;position:relative}.template-copy{display:flex;align-items:center;gap:15px;padding:14px 5px 5px}.template-copy>div{display:grid}.template-copy b{font-size:12px}.template-copy small{font-size:9px;color:var(--muted);margin-top:5px}.template-copy>span{white-space:nowrap;margin-right:auto;font-size:9px;color:var(--primary);padding:6px 9px;border-radius:8px;background:rgba(var(--primary-rgb),.08)}.template-card.selected .template-copy>span{background:var(--primary);color:#fff}
.mini-login,.mini-home,.mini-layout{width:100%;height:100%;position:relative}.mini-login{display:flex;padding:25px;background:#e4ebe7}.mini-form{width:46%;margin:auto;background:#fff;border-radius:10px;padding:19px;display:grid;gap:9px;box-shadow:0 8px 28px rgba(21,44,34,.1)}.mini-form i{width:25px;height:25px;border-radius:8px;background:var(--primary);margin:0 auto 6px}.mini-form span{height:9px;background:#e7ece9;border-radius:4px}.mini-form b{height:15px;background:var(--primary);border-radius:5px;margin-top:3px}.mini-login.variant-2{padding:0}.mini-login.variant-2 .mini-art{display:block;width:50%;background:linear-gradient(145deg,#17392b,#54bc8f)}.mini-login.variant-2 .mini-form{width:37%;box-shadow:none}.mini-login.variant-3{background:#fff}.mini-login.variant-3 .mini-form{width:43%;box-shadow:none;border:1px solid #e0e6e3}.mini-login.variant-4{background:linear-gradient(145deg,#315f4c,#9bd9be)}.mini-login.variant-4 .mini-form{background:rgba(255,255,255,.7);backdrop-filter:blur(8px)}.mini-home{padding:18px;background:#edf1ef}.mini-top{height:18px;border-radius:6px;background:#1b2923;margin-bottom:12px}.mini-hero{height:62px;border-radius:8px;background:linear-gradient(100deg,#42aa7e,#b3e4cf);margin-bottom:11px}.mini-box-row{display:flex;gap:8px}.mini-box-row i{height:45px;flex:1;background:#fff;border-radius:7px}.mini-content{height:31px;background:#fff;border-radius:7px;margin-top:9px}.mini-home.variant-2 .mini-hero{height:100px}.mini-home.variant-2 .mini-box-row{display:none}.mini-home.variant-2 .mini-content{height:41px}.mini-home.variant-3 .mini-hero{height:32px}.mini-home.variant-3 .mini-box-row{display:grid;grid-template-columns:1fr 1fr}.mini-home.variant-3 .mini-box-row i{height:58px}.mini-home.variant-3 .mini-box-row i:last-child{display:none}.mini-home.variant-4 .mini-hero{width:36%;height:150px;float:right}.mini-home.variant-4 .mini-box-row,.mini-home.variant-4 .mini-content{margin-right:40%;}.mini-home.variant-4 .mini-box-row{display:grid}.mini-home.variant-4 .mini-box-row i{height:30px}.mini-layout{padding:22px;background:#edf1ef}.mini-header{height:40px;background:#fff;border-radius:8px;display:flex;align-items:center;gap:13px;padding:0 13px;box-shadow:0 4px 15px rgba(21,44,34,.06)}.mini-header b{width:25px;height:18px;border-radius:5px;background:var(--primary)}.mini-header span{width:27px;height:5px;border-radius:3px;background:#ccd5d0}.mini-header i{width:40px;height:15px;border-radius:5px;background:var(--primary);margin-right:auto}.mini-header.variant-2 b{position:absolute;left:calc(50% - 12px)}.mini-header.variant-2 i{margin-right:auto}.mini-header.variant-3 span{display:none}.mini-header.variant-3:after{content:"";width:48%;height:16px;border-radius:6px;background:#edf1ef;margin:0 auto}.mini-header.variant-4{height:28px;border-radius:5px}.mini-page-lines{padding:28px 8%;display:grid;gap:9px}.mini-page-lines i{height:8px;border-radius:4px;background:#d7dedb}.mini-page-lines i:nth-child(2){width:74%}.mini-page-lines i:nth-child(3){width:45%}.mini-footer-layout{display:flex;flex-direction:column}.mini-footer-layout .mini-page-lines{flex:1}.mini-footer{min-height:67px;background:#1d2c25;border-radius:8px;padding:14px;display:flex;gap:14px;align-items:flex-start}.mini-footer b{width:30px;height:22px;background:var(--primary);border-radius:6px}.mini-footer span{height:5px;width:20%;border-radius:3px;background:#6d7d75}.mini-footer.variant-1{min-height:88px}.mini-footer.variant-2{min-height:38px;align-items:center}.mini-footer.variant-3{min-height:82px;background:linear-gradient(100deg,#254b3b,#1d2c25)}.mini-footer.variant-3:before{content:"";width:70px;height:18px;border-radius:5px;background:var(--primary)}.mini-footer.variant-4 b{border-radius:50%}.mini-footer.variant-4 span{width:22px;height:22px;border-radius:50%}
.dark .template-preview,.dark .mini-layout,.dark .mini-home,.dark .mini-login{background:#111b17}.dark .mini-form,.dark .mini-box-row i,.dark .mini-content,.dark .mini-header{background:#26352e}.dark .mini-form span,.dark .mini-page-lines i,.dark .mini-header span{background:#3b4a43}.dark .mini-login.variant-3{background:#15211c}.dark .selected-template-status>span{background:#24322c}.dark .template-copy>span{background:rgba(var(--primary-rgb),.12)}
@media(max-width:900px){.template-grid{grid-template-columns:1fr}.template-preview{height:210px}}
@media(max-width:760px){.page-builder-heading{align-items:stretch}.selected-template-status{width:100%}.template-copy{align-items:flex-start}.template-copy>span{font-size:8px}.template-preview{height:190px}}

/* Global pending-changes actions */
.sidebar-change-actions{margin-top:auto;padding:16px 5px 0;border-top:1px solid rgba(255,255,255,.08);display:grid;gap:8px}.sidebar-change-actions button{width:100%;height:41px;border-radius:10px;font-size:10px;font-weight:700;transition:.2s}.sidebar-save{border:1px solid rgba(88,207,158,.35);background:#1e8f65;color:#fff}.sidebar-save:hover{background:#23a875}.sidebar-save.has-changes{box-shadow:0 0 0 3px rgba(75,200,148,.1),0 8px 22px rgba(0,0,0,.18)}.sidebar-save.has-changes:after{content:"";display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#b7f4da}.sidebar-save:disabled{opacity:.55;cursor:wait}.sidebar-clear{border:1px solid rgba(238,116,128,.22);background:transparent;color:#bd7a81}.sidebar-clear:hover{border-color:rgba(238,116,128,.38);background:rgba(238,116,128,.07);color:#e5949c}.sidebar-clear.has-changes{color:#e5949c}.sidebar-footer{margin-top:12px}

/* Site assets editor */
.asset-section-heading .eyebrow{display:block;margin-bottom:7px}.asset-pane{display:none;min-height:330px}.asset-pane.active{display:flex}.asset-pane[data-asset-pane=logo]{align-items:center;justify-content:center;gap:50px;padding:42px}.site-logo-preview{width:260px;height:220px;border-radius:20px;background:linear-gradient(145deg,#e7f7f0,#c4ebda);border:1px dashed rgba(var(--primary-rgb),.38);display:grid;place-items:center;overflow:hidden}.site-logo-preview span{width:90px;height:90px;border-radius:27px 27px 8px 27px;background:var(--primary);color:#fff;display:grid;place-items:center;font-size:45px;font-weight:700;box-shadow:0 16px 35px rgba(var(--primary-rgb),.22)}.site-logo-preview img{width:75%;height:75%;object-fit:contain}.asset-editor-copy{max-width:340px}.asset-editor-copy h3,.home-images-toolbar h3{font-size:18px;margin:0}.asset-editor-copy p,.home-images-toolbar p{font-size:11px;line-height:2;color:var(--muted);margin:8px 0 22px}.upload-label input{display:none}.text-asset-pane{padding:45px;align-items:center;gap:30px}.text-asset-icon{width:100px;height:100px;min-width:100px;border-radius:25px;background:rgba(var(--primary-rgb),.1);color:var(--primary);display:grid;place-items:center;font-size:32px;font-weight:700}.text-asset-pane label{display:grid;gap:10px;width:min(620px,100%)}.text-asset-pane label>span{font-size:12px;font-weight:700}.text-asset-pane input,.text-asset-pane textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:var(--canvas);color:var(--ink);padding:13px 15px;resize:vertical}.text-asset-pane input{height:52px}.text-asset-pane input:focus,.text-asset-pane textarea:focus{border-color:var(--primary);background:var(--surface);outline:3px solid rgba(var(--primary-rgb),.08)}.text-asset-pane small{font-size:9px;color:var(--muted)}.text-asset-pane small b{color:var(--primary)}.home-images-pane.active{display:block;padding:25px}.home-images-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--line)}.home-images-toolbar p{margin-bottom:0}.home-images-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding-top:20px}.home-image-card,.empty-image-slot{height:190px;border-radius:14px;position:relative;overflow:hidden}.home-image-card{background:var(--canvas);border:1px solid var(--line)}.home-image-card img{width:100%;height:100%;object-fit:cover}.home-image-card button{position:absolute;left:10px;top:10px;width:30px;height:30px;border:0;border-radius:9px;background:rgba(20,29,25,.78);color:#fff;font-size:17px}.home-image-card small{position:absolute;right:10px;bottom:10px;max-width:calc(100% - 20px);padding:6px 9px;border-radius:7px;background:rgba(20,29,25,.72);color:#fff;font-size:8px;direction:ltr;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-image-slot{border:1px dashed rgba(var(--primary-rgb),.45);background:rgba(var(--primary-rgb),.035);color:var(--primary);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:25px;cursor:pointer}.empty-image-slot span{font-size:9px;margin-top:7px}.dark .site-logo-preview{background:linear-gradient(145deg,#1a2b24,#223b31)}.dark .text-asset-icon{background:rgba(var(--primary-rgb),.14)}
.slogan-editor{display:grid;gap:10px;width:min(620px,100%)}.slogan-editor>span{font-size:12px;font-weight:700}.slogan-list{display:grid;gap:12px}.slogan-item{display:flex;align-items:flex-start;gap:10px}.slogan-item textarea{flex:1;border:1px solid var(--line);border-radius:12px;background:var(--canvas);color:var(--ink);padding:13px 15px;resize:vertical}.slogan-item textarea:focus{border-color:var(--primary);background:var(--surface);outline:3px solid rgba(var(--primary-rgb),.08)}.slogan-item-remove{width:36px;height:36px;min-width:36px;border:0;border-radius:9px;background:rgba(20,29,25,.08);color:var(--muted);font-size:17px;cursor:pointer}.dark .slogan-item-remove{background:rgba(255,255,255,.08)}.slogan-item-counter{font-size:9px;color:var(--muted);margin-top:4px}
.mobile-app-form{padding:35px;display:grid;gap:22px;max-width:620px}.mobile-app-icon-row{display:flex;align-items:center;gap:25px}.mobile-app-icon-preview{width:110px;height:110px;min-width:110px;border-radius:26px}.mobile-app-field{display:grid;gap:8px}.mobile-app-field>span{font-size:12px;font-weight:700}.mobile-app-field input{border:1px solid var(--line);border-radius:12px;background:var(--canvas);color:var(--ink);padding:13px 15px;height:52px;direction:ltr;text-align:right}.mobile-app-field input:focus{border-color:var(--primary);background:var(--surface);outline:3px solid rgba(var(--primary-rgb),.08)}.mobile-app-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.mobile-app-status{font-size:12px;font-weight:700;padding:10px 14px;border-radius:10px;background:rgba(var(--primary-rgb),.08);color:var(--primary);width:fit-content}.mobile-app-status.status-failed{background:rgba(220,53,69,.1);color:#dc3545}.mobile-app-status.status-success{background:rgba(40,167,69,.12);color:#28a745}.mobile-app-status.status-building{background:rgba(255,193,7,.15);color:#b8860b}.mobile-app-log{max-height:220px;overflow:auto;background:var(--canvas);border:1px solid var(--line);border-radius:12px;padding:14px;font-size:10px;direction:ltr;text-align:left;white-space:pre-wrap;word-break:break-word}
@media(max-width:900px){.home-images-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.asset-pane[data-asset-pane=logo]{flex-direction:column;padding:24px;gap:25px}.site-logo-preview{width:100%;height:190px}.text-asset-pane{padding:25px;align-items:flex-start;flex-direction:column}.text-asset-icon{width:70px;height:70px;min-width:70px;border-radius:19px}.home-images-toolbar{align-items:flex-start;flex-direction:column}.home-images-grid{grid-template-columns:1fr}.home-image-card,.empty-image-slot{height:180px}}

/* Website theme chooser */
.site-theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.site-theme-card{position:relative;padding:11px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);text-align:right;transition:.2s}.site-theme-card:hover{transform:translateY(-3px);border-color:rgba(var(--primary-rgb),.35);box-shadow:var(--shadow)}.site-theme-card.selected{padding:10px;border:2px solid var(--primary);box-shadow:0 10px 28px rgba(var(--primary-rgb),.12)}.theme-card-check{position:absolute;left:20px;top:20px;z-index:2;width:27px;height:27px;border-radius:9px;background:var(--primary);color:#fff;display:grid;place-items:center;opacity:0;transform:scale(.7);transition:.2s}.site-theme-card.selected .theme-card-check{opacity:1;transform:none}.site-theme-preview{height:245px;border-radius:12px;padding:17px;overflow:hidden}.theme-preview-nav{height:18px;border-radius:6px;margin-bottom:15px}.theme-preview-hero{height:115px;border-radius:10px;padding:22px;display:grid;align-content:center;gap:10px}.theme-preview-hero i{display:block;width:42%;height:10px;border-radius:4px}.theme-preview-hero b{display:block;width:25%;height:20px;border-radius:5px}.theme-preview-boxes{display:flex;gap:8px;margin-top:12px}.theme-preview-boxes span{height:55px;flex:1;border-radius:8px}.carzi-theme{background:#fff4eb}.carzi-theme .theme-preview-nav{background:#261b18}.carzi-theme .theme-preview-hero{background:linear-gradient(120deg,#ff8b4c,#ffc05c)}.carzi-theme .theme-preview-hero i,.carzi-theme .theme-preview-hero b{background:#fff}.carzi-theme .theme-preview-boxes span{background:#fff;box-shadow:0 5px 15px rgba(117,59,26,.08)}.fitness-theme{background:#edf6f2}.fitness-theme .theme-preview-nav{background:#173329}.fitness-theme .theme-preview-hero{background:linear-gradient(120deg,#269c70,#88d5b4)}.fitness-theme .theme-preview-hero i,.fitness-theme .theme-preview-hero b{background:#fff}.fitness-theme .theme-preview-boxes span{background:#fff;box-shadow:0 5px 15px rgba(24,84,61,.08)}.alta-theme{background:#eff0f4}.alta-theme .theme-preview-nav{background:#181a23}.alta-theme .theme-preview-hero{background:linear-gradient(120deg,#34384d,#777e9e)}.alta-theme .theme-preview-hero i{background:#f0d374}.alta-theme .theme-preview-hero b{background:#fff}.alta-theme .theme-preview-boxes span{background:#d9dce5}.site-theme-copy{display:grid;padding:15px 5px 5px}.site-theme-copy b{font-size:14px;direction:ltr;text-align:right}.site-theme-copy small{font-size:9px;color:var(--muted);margin-top:6px;line-height:1.8}.dark .carzi-theme{filter:brightness(.78)}.dark .fitness-theme{filter:brightness(.72)}.dark .alta-theme{filter:brightness(.72)}
@media(max-width:1050px){.site-theme-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.site-theme-grid{grid-template-columns:1fr}.site-theme-preview{height:210px}}