@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

:root{
  --ink:#17221c;
  --muted:#738078;
  --green:#315f42;
  --green-dark:#172c20;
  --lime:#d7ed63;
  --paper:#f4f6f3;
  --card:#fff;
  --line:#dfe6e1;
  --soft:#edf2ee;
  --shadow:0 13px 45px rgba(29,48,37,.07);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,input,textarea,select{font:inherit}
button,a{color:inherit}
button{cursor:pointer}
a{text-decoration:none}
[hidden]{display:none!important}
.admin-page{min-height:100vh}

.admin-sidebar{position:fixed;z-index:60;inset:0 auto 0 0;width:264px;display:flex;flex-direction:column;background:#111915;color:#f8fbf9;border-right:1px solid rgba(255,255,255,.07)}
.admin-brand-row{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-bottom:1px solid rgba(255,255,255,.08)}
.admin-brand{font:900 47px/1 Arial,sans-serif;letter-spacing:-5px;color:#fff}
.admin-brand span{color:var(--lime)}
.sidebar-close{display:none;width:35px;height:35px;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;place-items:center}
.sidebar-close svg{width:17px}
.shop-identity{display:flex;align-items:center;gap:11px;margin:18px 15px 10px;padding:13px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.035)}
.shop-avatar{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#dcec91,#88a84d);color:#182016;font-size:12px;font-weight:800}
.shop-identity div{min-width:0}
.shop-identity strong,.shop-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shop-identity strong{font-size:11px}.shop-identity small{font-size:8px;color:#91a097;margin-top:3px}
.admin-nav{flex:1;overflow:auto;padding:7px 12px 20px;scrollbar-width:thin;scrollbar-color:#35443b transparent}
.admin-nav p{font-size:7px;letter-spacing:1.5px;color:#68776e;font-weight:800;margin:17px 11px 7px}
.admin-nav button{position:relative;width:100%;height:41px;border:0;border-radius:9px;background:transparent;color:#9caaa2;display:flex;align-items:center;gap:11px;padding:0 12px;margin:2px 0;font-size:10px;text-align:left}
.admin-nav button svg{width:16px;height:16px;stroke-width:1.8}
.admin-nav button span{flex:1}
.admin-nav button b{font-size:7px;background:rgba(255,255,255,.08);padding:3px 6px;border-radius:99px;color:#89978f}
.admin-nav button:hover{background:rgba(255,255,255,.045);color:#e1e8e4}
.admin-nav button.active{background:#25382c;color:#fff;font-weight:700;box-shadow:inset 3px 0 0 var(--lime)}
.admin-nav button.active svg{color:var(--lime)}
.admin-nav button.active b{background:rgba(216,238,102,.14);color:var(--lime)}
.admin-sidebar-footer{min-height:68px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:12px 16px;border-top:1px solid rgba(255,255,255,.08)}
.admin-user-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#263b2e;color:#d9ebc9;font-size:9px;font-weight:800}
.admin-sidebar-footer strong,.admin-sidebar-footer small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-sidebar-footer strong{font-size:9px}.admin-sidebar-footer small{font-size:7px;color:#77867e;margin-top:2px}
.admin-sidebar-footer button{width:30px;height:30px;border:0;background:transparent;color:#79877f;display:grid;place-items:center}.admin-sidebar-footer button svg{width:15px}

.admin-shell{min-height:100vh;margin-left:264px}
.admin-topbar{position:sticky;z-index:40;top:0;height:78px;padding:0 30px;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px}
.mobile-menu{display:none;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:#fff;place-items:center}.mobile-menu svg{width:19px}
.topbar-title{flex:1}.topbar-title p{margin:0 0 2px;font-size:7px;letter-spacing:1.4px;color:#87928c;font-weight:800}.topbar-title h1{font-size:18px;margin:0;letter-spacing:-.4px}
.topbar-actions{display:flex;align-items:center;gap:8px}
.draft-status{display:flex;align-items:center;gap:6px;font-size:8px;color:#7d8882;margin-right:5px}.draft-status svg{width:13px}
.public-preview,.save-demo{height:39px;border-radius:9px;display:flex;align-items:center;gap:7px;padding:0 13px;font-size:9px;font-weight:700}
.public-preview{border:1px solid var(--line);background:#fff}.save-demo{border:1px solid var(--green-dark);background:var(--green-dark);color:#fff}
.public-preview svg,.save-demo svg{width:14px}
.demo-banner{margin:18px 30px 0;padding:10px 13px;background:#eff4df;border:1px solid #dce7ac;border-radius:10px;display:flex;align-items:center;gap:9px;color:#4c5836}
.demo-banner>svg{width:15px;flex:0 0 auto}.demo-banner p{margin:0;flex:1;font-size:8px;line-height:1.6}.demo-banner button{border:0;background:transparent;color:#768056;display:grid;place-items:center}.demo-banner button svg{width:14px}
.admin-main{width:min(1280px,100%);margin:0 auto;padding:32px 30px 70px}
.panel-section{animation:section-in .23s ease}
@keyframes section-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.eyebrow{margin:0 0 6px;color:#718078;font-size:7px;font-weight:800;letter-spacing:1.4px}
.welcome-row{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:24px}.welcome-row h2,.section-intro h2{font-size:29px;letter-spacing:-1px;margin:0}.welcome-row>div>p:last-child,.section-intro>div>p:last-child{font-size:10px;color:var(--muted);margin:7px 0 0;line-height:1.6}
.profile-progress{width:230px}.profile-progress>span{display:flex;justify-content:space-between;color:#748078;font-size:8px}.profile-progress>span strong{color:var(--green)}.profile-progress>div{height:5px;background:#dfe6e1;border-radius:99px;overflow:hidden;margin:7px 0}.profile-progress>div i{display:block;height:100%;background:var(--green);border-radius:inherit}.profile-progress button{border:0;background:transparent;color:var(--green);font-size:8px;font-weight:800;padding:2px 0;display:flex;align-items:center;gap:4px;margin-left:auto}.profile-progress button svg{width:12px}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
.metric-card,.panel-card{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}
.metric-card{display:flex;align-items:center;gap:13px;min-height:105px;padding:18px}.metric-icon{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;flex:0 0 auto}.metric-icon svg{width:18px}.metric-icon.green{background:#e4f0e7;color:#376147}.metric-icon.yellow{background:#f4efda;color:#998139}.metric-icon.blue{background:#e2edf1;color:#447183}.metric-icon.dark{background:#e7ebe8;color:#34483d}.metric-card p{font-size:8px;color:#7c8781;margin:0}.metric-card strong{display:block;font-size:22px;margin:2px 0;letter-spacing:-.7px}.metric-card small{font-size:7px;color:#909a95}.metric-card small svg{width:10px;color:#4f835e;vertical-align:middle}
.overview-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}
.panel-card{padding:21px}
.card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:17px}.card-heading h3{font-size:14px;letter-spacing:-.2px;margin:0}.card-heading a{font-size:8px;color:var(--green);font-weight:800}.status-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:99px;background:#edf5ee;color:#3d6b4b;font-size:7px;font-weight:800;white-space:nowrap}.status-chip i,.table-status i{width:5px;height:5px;border-radius:50%;background:#58a76e}
.completion-list{display:grid}.completion-list button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border:0;border-top:1px solid #edf0ee;background:transparent;padding:12px 1px;text-align:left}.completion-list button:first-child{border-top:0}.completion-list button>svg{width:17px;color:#61906d}.completion-list button:nth-child(2)>svg,.completion-list button:nth-child(3)>svg{color:#c69f3e}.completion-list strong,.completion-list small{display:block}.completion-list strong{font-size:9px}.completion-list small{font-size:7px;color:#8c9691;margin-top:3px}.completion-list b{font-size:7px;color:#748078}.completion-list button:hover strong{color:var(--green)}
.mini-profile{border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#fbfcfb}.mini-profile-photo{height:116px;background:linear-gradient(180deg,rgba(12,22,16,.05),rgba(12,22,16,.6)),url('https://images.unsplash.com/photo-1759134248487-e8baaf31e33e?auto=format&fit=crop&fm=jpg&q=75&w=1000') center/cover;display:flex;align-items:flex-end;padding:9px}.mini-profile-photo span{font-size:7px;background:rgba(17,27,21,.72);color:#fff;border-radius:99px;padding:4px 7px}.mini-profile>div:last-child{padding:12px}.mini-profile strong{font-size:13px}.mini-profile p{font-size:8px;color:#78837d;margin:3px 0}.mini-profile p span{color:#9a801e}.mini-profile small{font-size:7px;line-height:1.55;color:#858f8a}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.quick-actions button{min-height:36px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:8px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px}.quick-actions button svg{width:13px}.quick-actions button:hover{border-color:#a9c0b0;background:#f6faf7}
.roadmap-card{display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center;background:#1a2520;color:#fff;border-radius:14px;padding:18px 21px;margin-top:16px}.roadmap-card>span:first-child{width:39px;height:39px;border-radius:11px;background:#293a31;display:grid;place-items:center;color:var(--lime)}.roadmap-card>span:first-child svg{width:18px}.roadmap-card .eyebrow{color:#85968d}.roadmap-card h3{font-size:13px;margin:0}.roadmap-card p:last-child{font-size:8px;line-height:1.55;color:#a4b0aa;margin:4px 0 0}.locked-chip{font-size:7px;color:#c7d1cc;border:1px solid #394b41;border-radius:99px;padding:6px 9px;display:flex;align-items:center;gap:5px;white-space:nowrap}.locked-chip svg{width:11px}

.section-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:23px}.section-intro>div{max-width:680px}.section-state,.admin-limit{border:1px solid var(--line);background:#fff;border-radius:99px;padding:7px 11px;font-size:8px;color:#65716a}.admin-limit strong{color:var(--green)}
.settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px;align-items:start}.form-card{display:grid;gap:17px}.form-card label,.branch-create label,.invite-card label{display:grid;gap:6px}.form-card label>span,.branch-create label>span,.invite-card label>span{font-size:8px;color:#59665f;font-weight:700}.form-card input,.form-card textarea,.form-card select,.branch-create input,.invite-card input{width:100%;border:1px solid #d8e0db;border-radius:9px;background:#fbfcfb;color:var(--ink);padding:11px 12px;font-size:10px;outline:none;resize:vertical}.form-card input:focus,.form-card textarea:focus,.form-card select:focus,.branch-create input:focus,.invite-card input:focus{border-color:#7da08a;box-shadow:0 0 0 3px rgba(74,113,87,.09)}.form-card label small{font-size:7px;color:#919a95;text-align:right}.field-grid{display:grid;gap:13px}.field-grid.two{grid-template-columns:1fr 1fr}.field-grid.three{grid-template-columns:repeat(3,1fr)}.form-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #edf0ee;padding-top:16px}.primary-action,.secondary-action{min-height:39px;border-radius:9px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:9px;font-weight:800}.primary-action{border:1px solid var(--green-dark);background:var(--green-dark);color:#fff}.secondary-action{border:1px solid var(--line);background:#fff;color:#435149}.primary-action svg,.secondary-action svg{width:14px}.tips-card{background:#eaf1eb;border-color:#d3e0d6;box-shadow:none}.tips-icon{width:39px;height:39px;background:#d8e6dc;color:#496c55;border-radius:11px;display:grid;place-items:center}.tips-icon svg{width:18px}.tips-card h3{font-size:14px;line-height:1.4;margin:16px 0 7px}.tips-card>p,.tips-card li{font-size:8px;color:#6e7b73;line-height:1.7}.tips-card ul{padding-left:17px;margin:16px 0 0}.tips-card li{margin:6px 0}

.branch-create{margin-bottom:16px}.branch-create .form-actions{padding-top:13px;margin-top:13px}.icon-button{width:31px;height:31px;border:1px solid var(--line);border-radius:8px;background:#fff;display:grid;place-items:center}.icon-button svg{width:15px}.branch-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.branch-admin-card{display:grid;grid-template-columns:190px 1fr;gap:18px;padding:11px}.branch-map-preview{min-height:190px;border-radius:10px;background-color:#e7eee8;background-image:repeating-linear-gradient(0deg,transparent 0 32px,rgba(183,201,187,.45) 33px 34px),repeating-linear-gradient(90deg,transparent 0 43px,rgba(183,201,187,.45) 44px 45px);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#526f5b}.branch-map-preview svg{width:29px;fill:#42624b;stroke:#fff}.branch-map-preview span{font-size:7px;background:rgba(255,255,255,.86);padding:4px 6px;border-radius:5px;margin-top:5px}.branch-admin-body{padding:5px 5px 5px 0}.branch-admin-body h3{font-size:17px;margin:11px 0 3px}.branch-admin-body>p{font-size:8px;color:#7f8984;margin:0}.branch-admin-body dl{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:17px 0}.branch-admin-body dt{font-size:7px;color:#909a95}.branch-admin-body dd{font-size:8px;font-weight:700;margin:3px 0 0}.branch-admin-body>div:last-child{display:flex;gap:6px}.branch-admin-body button{height:31px;border:1px solid var(--line);background:#fff;border-radius:7px;font-size:7px;font-weight:700;display:flex;align-items:center;gap:4px;padding:0 8px}.branch-admin-body button svg{width:12px}

.team-table{padding:0;overflow:hidden}.team-table-head,.team-table article{display:grid;grid-template-columns:1.3fr 1fr .75fr .65fr 30px;align-items:center;gap:12px;padding:13px 17px}.team-table-head{background:#f9faf9;border-bottom:1px solid var(--line);color:#8a948f;font-size:7px;font-weight:800}.team-table article{border-bottom:1px solid #edf0ee}.team-table article:last-child{border-bottom:0}.team-person{display:flex;align-items:center;gap:10px;min-width:0}.team-person>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e0ebe3;color:#42604c;font-size:8px;font-weight:800;flex:0 0 auto}.team-person strong,.team-person small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-person strong{font-size:9px}.team-person small{font-size:7px;color:#929b96;margin-top:3px}.tag-row{display:flex;flex-wrap:wrap;gap:4px}.tag-row b{font-size:7px;padding:4px 6px;border-radius:5px;background:#eef2ef;color:#66726b}.team-table article>span:not(.table-status){font-size:8px;color:#647169}.table-status{display:inline-flex;align-items:center;gap:5px;font-size:7px;color:#52705a}.table-status.pending{color:#967b35}.table-status.pending i{background:#c5a54a}.team-table article>button{border:0;background:transparent;color:#7f8a84;display:grid;place-items:center}.team-table article>button svg{width:17px}.data-footnote{font-size:7px;color:#8b9590;display:flex;align-items:center;gap:5px}.data-footnote svg{width:12px}

.service-editor{display:grid;gap:9px}.service-edit-row{display:grid;grid-template-columns:auto auto 1fr auto auto auto;align-items:center;gap:12px;padding:13px 16px}.drag-handle{color:#a6afa9}.drag-handle svg{width:15px}.service-edit-icon{width:37px;height:37px;border-radius:9px;background:#eaf1ec;color:#486a54;display:grid;place-items:center}.service-edit-icon svg{width:17px}.service-edit-row>div strong,.service-edit-row>div small{display:block}.service-edit-row>div strong{font-size:10px}.service-edit-row>div small{font-size:7px;color:#8a948e;margin-top:3px}.service-price{font-size:7px;color:#7d8882}.switch{display:inline-flex!important;align-items:center;gap:7px!important}.switch input{position:absolute;opacity:0;pointer-events:none}.switch span{position:relative;width:32px;height:18px;border-radius:99px;background:#cbd4ce;transition:.2s}.switch span:after{content:'';position:absolute;width:14px;height:14px;border-radius:50%;left:2px;top:2px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.2);transition:.2s}.switch input:checked+span{background:#416d50}.switch input:checked+span:after{transform:translateX(14px)}.switch b{font-size:7px;color:#65716a}.switch.large span{width:39px;height:22px}.switch.large span:after{width:18px;height:18px}.switch.large input:checked+span:after{transform:translateX(17px)}.service-edit-row>button{border:0;background:transparent;color:#748078}.service-edit-row>button svg{width:15px}

.upload-zone{min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed #aebeb3;background:#f9fbf9;cursor:pointer;box-shadow:none}.upload-zone>span{width:40px;height:40px;border-radius:11px;background:#e7efe9;color:#4c6e57;display:grid;place-items:center}.upload-zone>span svg{width:19px}.upload-zone strong{font-size:11px;margin-top:10px}.upload-zone p{font-size:8px;color:#89938e;margin:4px 0 10px}.upload-zone>b{font-size:8px;color:var(--green);border-bottom:1px solid currentColor}.gallery-admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:15px}.gallery-admin-grid article{position:relative;aspect-ratio:1/1.08;border-radius:12px;overflow:hidden;background:#dde5df;box-shadow:var(--shadow)}.gallery-admin-grid img{width:100%;height:100%;object-fit:cover}.gallery-admin-grid article>div{position:absolute;left:0;right:0;bottom:0;padding:25px 11px 10px;background:linear-gradient(transparent,rgba(8,14,10,.84));color:#fff}.gallery-admin-grid strong,.gallery-admin-grid span{display:block}.gallery-admin-grid strong{font-size:9px}.gallery-admin-grid span{font-size:7px;color:#c4cec8;margin-top:2px}

.integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.integration-card{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}.integration-logo{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;font-weight:900}.fadeapp-logo{font:900 24px/1 Arial;background:#17241d;color:var(--lime);letter-spacing:-2px}.google-logo{font:800 20px Arial;background:#f1f3f5;color:#4285f4}.integration-card h3{font-size:12px;margin:0}.integration-card p{font-size:8px;line-height:1.6;color:#7c8781;margin:4px 0 0}.integration-card>button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 10px;font-size:7px;font-weight:800}.connection-note{font-size:7px;color:#a28035;display:flex;align-items:center;gap:4px;margin-top:6px}.connection-note svg{width:11px}.review-policy,.role-note{display:flex;gap:13px;align-items:center;margin-top:14px;background:#edf3ee;box-shadow:none}.review-policy>svg,.role-note>svg{width:24px;color:#4a7257;flex:0 0 auto}.review-policy h3,.role-note h3{font-size:11px;margin:0}.review-policy p,.role-note p{font-size:8px;color:#758179;margin:4px 0 0;line-height:1.55}

.whatsapp-heading{display:flex;gap:11px;align-items:center}.whatsapp-heading>span,.mini-wa{width:39px;height:39px;border-radius:50%;background:#dff3e5;color:#24854b;display:grid;place-items:center}.whatsapp-heading svg,.mini-wa svg{width:18px}.whatsapp-heading h3{font-size:12px;margin:0}.whatsapp-heading p{font-size:8px;color:#85908a;margin:3px 0 0}.phone-field{display:grid;grid-template-columns:150px 1fr;gap:10px}.verification-box{display:flex;align-items:flex-start;gap:9px;background:#faf3df;border:1px solid #ecdda8;border-radius:9px;padding:11px;color:#725d28}.verification-box svg{width:16px;flex:0 0 auto}.verification-box p{font-size:8px;line-height:1.55;margin:0}.phone-preview{text-align:center}.phone-preview>p{font-size:7px;color:#8a948e}.phone-screen{position:relative;width:245px;height:460px;margin:0 auto;border:8px solid #19231e;border-radius:34px;background:#e5eee8;padding:68px 13px 20px;box-shadow:0 19px 45px rgba(25,41,31,.18);overflow:hidden}.phone-screen:before{content:'';position:absolute;inset:0;background:linear-gradient(rgba(220,234,224,.84),rgba(220,234,224,.84)),repeating-linear-gradient(45deg,transparent 0 16px,rgba(132,158,140,.12) 17px 18px)}.phone-notch{position:absolute;z-index:2;top:8px;left:50%;transform:translateX(-50%);width:82px;height:20px;background:#19231e;border-radius:99px}.wa-preview-head{position:absolute;z-index:1;left:0;right:0;top:0;height:59px;background:#f9fbfa;display:flex;align-items:center;gap:8px;padding:11px 14px}.mini-wa{width:30px;height:30px}.mini-wa svg{width:14px}.wa-preview-head strong,.wa-preview-head small{display:block;text-align:left}.wa-preview-head strong{font-size:8px}.wa-preview-head small{font-size:6px;color:#819087}.wa-message{position:relative;z-index:1;background:#d2f3c9;border-radius:8px 2px 8px 8px;padding:9px;text-align:left;font-size:8px;line-height:1.55;box-shadow:0 2px 6px rgba(40,70,49,.08)}.wa-time{position:relative;z-index:1;display:block;text-align:right;font-size:6px;color:#76837b;margin:3px}

.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.template-card{border:1px solid var(--line);border-radius:14px;background:#fff;padding:10px;text-align:left;box-shadow:var(--shadow);transition:.2s}.template-card:hover{transform:translateY(-2px)}.template-card.active{border-color:#6f947c;box-shadow:0 0 0 3px rgba(62,100,75,.09),var(--shadow)}.template-preview{position:relative;display:block;height:230px;border-radius:10px;overflow:hidden}.template-preview:before{content:'f.';position:absolute;z-index:2;top:13px;left:15px;font:900 21px Arial;letter-spacing:-2px}.template-preview:after{content:'';position:absolute;left:15px;right:15px;bottom:17px;height:76px;border-radius:7px}.template-preview i,.template-preview b,.template-preview em{position:absolute;z-index:2;display:block}.template-preview i{left:15px;bottom:75px;width:38%;height:8px;border-radius:4px}.template-preview b{left:15px;bottom:57px;width:62%;height:18px;border-radius:4px}.template-preview em{right:15px;bottom:29px;width:23%;height:20px;border-radius:5px}.editorial{background:linear-gradient(180deg,transparent 35%,rgba(9,19,12,.67)),url('https://images.unsplash.com/photo-1759134248487-e8baaf31e33e?auto=format&fit=crop&fm=jpg&q=70&w=700') center/cover;color:#fff}.editorial:after{background:rgba(14,29,19,.15)}.editorial i,.editorial b{background:#fff}.editorial em{background:var(--lime)}.nocturna{background:linear-gradient(145deg,#101411,#29342d);color:#fff}.nocturna:after{background:#212a25;border:1px solid #3b4941}.nocturna i{background:#a9b2ad}.nocturna b{background:#fff}.nocturna em{background:#dfb965}.clara{background:linear-gradient(145deg,#f4f2eb,#e2e8df);color:#263229}.clara:after{background:#fff;border:1px solid #d7ddd7}.clara i{background:#778079}.clara b{background:#263229}.clara em{background:#486451}.template-card>div{display:flex;align-items:center;justify-content:space-between;padding:11px 4px 3px}.template-card>div span strong,.template-card>div span small{display:block}.template-card>div strong{font-size:10px}.template-card>div small{font-size:7px;color:#8a948f;margin-top:3px}.template-card>div>svg{width:18px;color:#477258}.template-note{display:flex;gap:11px;align-items:center;margin-top:15px;box-shadow:none;background:#edf3ee}.template-note>svg{width:22px;color:#4e765a;flex:0 0 auto}.template-note p{font-size:8px;line-height:1.6;color:#6f7b74;margin:0}

.catalog-setting{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}.catalog-setting-icon{width:46px;height:46px;border-radius:12px;background:#e5ede7;color:#486a53;display:grid;place-items:center}.catalog-setting-icon svg{width:21px}.catalog-setting h3{font-size:12px;margin:0}.catalog-setting p{font-size:8px;color:#7d8882;margin:4px 0 0}.catalog-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.catalog-benefits article{position:relative;min-height:180px;padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff}.catalog-benefits article>svg{width:23px;color:#51755d;margin-bottom:22px}.catalog-benefits strong{display:block;font-size:11px}.catalog-benefits p{font-size:8px;color:#7b8780;line-height:1.65}.catalog-benefits .locked{background:#1a2520;color:#fff;border-color:#1a2520}.catalog-benefits .locked>svg{color:var(--lime)}.catalog-benefits .locked p{color:#a8b3ad}.catalog-benefits .locked span{position:absolute;right:14px;top:14px;font-size:6px;border:1px solid #405047;border-radius:99px;padding:5px 7px;display:flex;align-items:center;gap:4px}.catalog-benefits .locked span svg{width:9px}

.admin-management-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px;align-items:start}.admin-list{padding:0}.admin-list article{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:17px;border-bottom:1px solid #edf0ee}.admin-list article:last-child{border-bottom:0}.admin-avatar{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:#e4ece6;color:#496451;font-size:8px;font-weight:800}.admin-avatar.owner{background:#1d2b23;color:var(--lime)}.admin-list div strong,.admin-list div small{display:block}.admin-list div strong{font-size:9px}.admin-list div small{font-size:7px;color:#8a948f;margin-top:3px}.admin-list article>b{font-size:7px;color:#69766e}.invite-card{display:grid;gap:11px}.invite-icon{width:40px;height:40px;border-radius:11px;background:#e6eee8;color:#4b6e56;display:grid;place-items:center}.invite-icon svg{width:19px}.invite-card h3{font-size:13px;margin:3px 0 0}.invite-card>p{font-size:8px;color:#7b8780;line-height:1.6;margin:0}.invite-card .primary-action{width:100%;margin-top:3px}.invite-card>small{font-size:7px;color:#87918c;text-align:center}

.admin-toast{position:fixed;z-index:100;left:calc(50% + 132px);bottom:24px;transform:translate(-50%,15px);max-width:min(430px,calc(100vw - 30px));padding:11px 15px;border-radius:10px;background:#142018;color:#fff;box-shadow:0 13px 40px rgba(0,0,0,.25);font-size:9px;text-align:center;opacity:0;pointer-events:none;transition:.2s}.admin-toast.show{opacity:1;transform:translate(-50%,0)}
.admin-backdrop{display:none}

@media(max-width:1120px){
  .metric-grid{grid-template-columns:repeat(2,1fr)}
  .overview-grid{grid-template-columns:1fr}
  .branch-admin-grid{grid-template-columns:1fr}
  .gallery-admin-grid{grid-template-columns:repeat(3,1fr)}
  .settings-layout{grid-template-columns:minmax(0,1fr) 270px}
  .template-preview{height:190px}
}

@media(max-width:860px){
  .admin-sidebar{transform:translateX(-100%);transition:transform .25s ease;box-shadow:20px 0 60px rgba(0,0,0,.25)}
  .admin-page.sidebar-open .admin-sidebar{transform:translateX(0)}
  .sidebar-close,.mobile-menu{display:grid}
  .admin-backdrop{position:fixed;z-index:55;inset:0;background:rgba(7,13,9,.55);backdrop-filter:blur(3px)}
  .admin-page.sidebar-open .admin-backdrop{display:block}
  .admin-shell{margin-left:0}
  .admin-toast{left:50%}
  .settings-layout,.admin-management-grid{grid-template-columns:1fr}
  .phone-preview{padding:15px 0}
  .integration-grid{grid-template-columns:1fr}
  .template-grid{grid-template-columns:repeat(3,minmax(220px,1fr));overflow:auto;margin-right:-30px;padding-right:30px;padding-bottom:8px;scroll-snap-type:x mandatory}.template-card{scroll-snap-align:start}
}

@media(max-width:620px){
  .admin-topbar{height:68px;padding:0 13px;gap:10px}.topbar-title p,.draft-status,.public-preview span,.save-demo span{display:none}.topbar-title h1{font-size:15px}.public-preview,.save-demo{width:38px;padding:0;justify-content:center}.topbar-actions{gap:5px}
  .demo-banner{margin:12px 13px 0}.demo-banner p{font-size:7px}
  .admin-main{padding:23px 13px 60px}
  .welcome-row,.section-intro{display:block}.welcome-row h2,.section-intro h2{font-size:24px}.profile-progress{width:100%;margin-top:20px}.section-state,.admin-limit,.section-intro>.primary-action,.section-intro>.secondary-action{margin-top:14px}
  .metric-grid{grid-template-columns:1fr 1fr;gap:8px}.metric-card{min-height:90px;padding:13px;gap:9px}.metric-icon{width:33px;height:33px}.metric-card strong{font-size:18px}
  .panel-card{padding:16px}.roadmap-card{grid-template-columns:auto 1fr}.locked-chip{grid-column:2;justify-self:start}
  .field-grid.two,.field-grid.three{grid-template-columns:1fr}
  .branch-admin-card{grid-template-columns:1fr}.branch-map-preview{min-height:150px}.branch-admin-body{padding:0 4px 5px}
  .team-table{overflow:auto}.team-table-head,.team-table article{min-width:670px}
  .service-editor{overflow:auto;margin:0 -13px;padding:0 13px}.service-edit-row{min-width:650px}
  .gallery-admin-grid{grid-template-columns:repeat(2,1fr);gap:8px}
  .template-grid{margin-right:-13px;padding-right:13px}
  .catalog-setting{grid-template-columns:auto 1fr}.catalog-setting .switch{grid-column:2;justify-self:start}.catalog-benefits{grid-template-columns:1fr}.catalog-benefits article{min-height:145px}
  .admin-list{overflow:auto}.admin-list article{min-width:560px}
  .phone-field{grid-template-columns:1fr}
  .integration-card{grid-template-columns:auto 1fr}.integration-card>.switch,.integration-card>button{grid-column:2;justify-self:start}
}

@media(max-width:390px){
  .metric-grid{grid-template-columns:1fr}.metric-card{min-height:82px}
  .quick-actions{grid-template-columns:1fr}
  .completion-list button{grid-template-columns:auto 1fr}.completion-list button>b{grid-column:2}
  .roadmap-card{display:block}.roadmap-card>span:first-child{margin-bottom:12px}.locked-chip{display:inline-flex;margin-top:11px}
}

.admin-list article{grid-template-columns:auto 1fr auto auto auto}.admin-remove{width:29px;height:29px;border:0;border-radius:8px;background:#f1f4f2;color:#7b8780;display:grid;place-items:center}.admin-remove svg{width:13px}.invite-card .primary-action:disabled{cursor:not-allowed;opacity:.45}.section-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:620px){.section-actions{margin-top:14px;justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}