@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{font-family:"DM Sans",sans-serif;color:#203a2c;background:#f5f7f4;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.setup-message,.auth-screen,.access-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 80% 15%,#e4f0dc,transparent 35%),#f5f7f4}.setup-card,.auth-card{width:min(100%,480px);padding:34px;border:1px solid #e3e9e2;border-radius:20px;background:#fff;box-shadow:0 18px 50px #23422b0b}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#174b32;color:#c8ed4b;font:800 23px Manrope,sans-serif}.eyebrow{margin:18px 0 7px;color:#66816d;font-size:11px;font-weight:800;letter-spacing:1.4px}.setup-card h1,.auth-card h1{margin:0;color:#173b29;font:800 27px Manrope,sans-serif;letter-spacing:-.8px}.setup-card>p:not(.eyebrow),.auth-card>p:not(.eyebrow){color:#718176;font-size:14px;line-height:1.7}.setup-card code,.auth-card code{padding:2px 5px;border-radius:4px;background:#f0f4ee;color:#315a3c;font-size:.9em}.security-note{padding:12px 14px;border-left:3px solid #9bc938;background:#f5f8ef}.setup-card>a{display:inline-flex;gap:8px;align-items:center;margin-top:12px;color:#17603b;font-weight:700;text-decoration:none}.auth-card{display:grid;gap:15px}.auth-card .eyebrow{margin:3px 0 -10px}.auth-card h1{font-size:25px}.auth-card label,.editor-fields label,.product-dialog label{display:grid;gap:7px;color:#53685b;font-size:12px;font-weight:700}.auth-card input,.editor-fields input,.editor-fields select,.product-dialog input,.product-dialog select,.toolbar input,.toolbar select{height:42px;min-width:0;padding:0 12px;border:1px solid #dfe8df;border-radius:9px;background:white;color:#263e30;outline:0}.auth-card input:focus,.editor-fields input:focus,.editor-fields select:focus,.product-dialog input:focus,.product-dialog select:focus{border-color:#65a879;box-shadow:0 0 0 3px #65a87922}.button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:7px;padding:0 15px;border:1px solid transparent;border-radius:9px;font-size:12px;font-weight:700}.button.primary{background:#195539;color:white;box-shadow:0 4px 12px #1955391c}.button.primary:hover{background:#11462d}.button.secondary{border-color:#dfe8df;background:#fff;color:#53685b}.button.small{min-height:34px;padding:0 12px}.form-message{min-height:18px;margin:0;color:#ad4740;font-size:12px;line-height:1.45}.admin-shell{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;display:flex;height:100vh;flex-direction:column;padding:24px 16px 16px;border-right:1px solid #e8ede7;background:#fff}.brand{display:flex;align-items:center;gap:10px;padding:0 7px;color:#183a29;text-decoration:none}.brand-mark{flex:0 0 auto}.brand strong,.brand small{display:block}.brand strong{font:800 20px Manrope,sans-serif;letter-spacing:-.7px}.brand small{margin-top:2px;color:#819083;font-size:10px}.side-caption{margin:42px 10px 11px;color:#9aa79c;font-size:9px;font-weight:800;letter-spacing:1.1px}.sidebar nav{display:grid;gap:5px}.nav-link{display:flex;align-items:center;gap:11px;min-height:42px;padding:0 11px;border:0;border-radius:9px;background:transparent;color:#627368;text-align:left;font-size:12px;font-weight:600}.nav-link>span{width:18px;color:#839488;text-align:center;font-size:18px}.nav-link.active{background:#eaf3e8;color:#205637}.nav-link.active>span{color:#347b4a}.sidebar-bottom{display:flex;align-items:center;gap:8px;margin-top:auto;padding:10px 6px;color:#859388;font-size:10px}.secure-dot{width:7px;height:7px;border-radius:50%;background:#72ac68}.workspace{min-width:0}.topbar{position:sticky;z-index:5;top:0;display:flex;min-height:78px;align-items:center;justify-content:space-between;padding:14px 32px;border-bottom:1px solid #e8ede7;background:#ffffffed;backdrop-filter:blur(14px)}.topbar .eyebrow{margin:0 0 4px;font-size:9px}.topbar h1{margin:0;font:800 19px Manrope,sans-serif}.account{display:flex;align-items:center;gap:15px;color:#718176;font-size:11px}.admin-view{max-width:1450px;margin:auto;padding:28px 32px 45px}.page-lead{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.page-lead h2{margin:0;color:#183b29;font:800 23px Manrope,sans-serif;letter-spacing:-.7px}.page-lead p{margin:7px 0 0;color:#819086;font-size:12px}.stats-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.stat-card{display:grid;gap:10px;padding:16px 18px;border:1px solid #e6ece5;border-radius:12px;background:#fff}.stat-card span{color:#819086;font-size:11px}.stat-card strong{color:#214631;font:800 22px Manrope,sans-serif}.toolbar{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #e6ece5;border-radius:12px 12px 0 0;background:#fff}.toolbar input{width:min(360px,55%);height:36px}.toolbar select{height:36px;color:#5d6e62;font-size:11px}.status-text{margin-left:auto;color:#839086;font-size:11px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;padding:14px;border:1px solid #e6ece5;border-top:0;border-radius:0 0 12px 12px;background:#fff}.product-card,.template-card{overflow:hidden;border:1px solid #e9eee8;border-radius:12px;background:#fff}.product-card{display:grid;grid-template-columns:84px minmax(0,1fr);min-height:101px}.product-card img{width:84px;height:100%;min-height:101px;object-fit:contain;padding:9px;background:#f4f7f1}.product-info{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:10px 12px}.product-info strong{overflow:hidden;color:#334a3a;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.product-info small{margin-top:5px;color:#8a968c;font-size:10px}.product-actions{display:flex;align-items:center;gap:6px;margin-top:10px}.mini-button{min-height:26px;padding:0 8px;border:1px solid #e4ebe4;border-radius:6px;background:#fff;color:#617265;font-size:10px;font-weight:700}.mini-button.danger{color:#ae5c50}.inactive-badge{margin-left:auto;padding:3px 6px;border-radius:5px;background:#fff2e5;color:#ac7545;font-size:9px;font-weight:700}.template-help{display:flex;gap:16px;align-items:flex-start;margin:0 0 17px;padding:14px 16px;border:1px solid #e5eee3;border-radius:11px;background:#f9fcf8;color:#75857a;font-size:11px;line-height:1.6}.template-help strong{flex:0 0 auto;color:#3f6a4a}.template-editor{margin-bottom:18px;padding:17px;border:1px solid #dce8dc;border-radius:14px;background:white;box-shadow:0 10px 24px #25472c08}.editor-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:15px}.editor-heading h3,.editor-heading h2{margin:0;color:#21432f;font:800 17px Manrope,sans-serif}.editor-heading p{margin:5px 0 0;color:#859188;font-size:11px}.icon-close{width:31px;height:31px;border:1px solid #e7ece6;border-radius:8px;background:#fff;color:#849187;font-size:22px;line-height:1}.editor-columns{display:grid;grid-template-columns:minmax(300px,1.1fr) minmax(280px,.8fr);gap:22px}.editor-preview-column{min-width:0}.upload-box{display:flex!important;min-height:65px;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border:1px dashed #b8cabb;border-radius:9px;background:#f9fbf8;cursor:pointer}.upload-box strong,.upload-box small{display:block}.upload-box strong{color:#397147;font-size:11px}.upload-box small{margin-top:4px;color:#89958b;font-size:10px;font-weight:400}.upload-box input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.template-canvas{position:relative;display:grid;width:100%;max-height:none;place-items:center;margin:13px auto 8px;overflow:hidden;aspect-ratio:9/16;border:1px solid #dce5dc;border-radius:9px;background-color:#ffffff;background-position:center;background-repeat:no-repeat;background-size:contain;touch-action:none}.template-canvas.has-image{display:block}.canvas-empty{max-width:250px;padding:15px;color:#8a988d;font-size:12px;text-align:center}.template-zone{position:absolute;z-index:1;display:flex;align-items:flex-start;justify-content:flex-start;min-width:5%;min-height:4%;padding:4px;border:2px dashed #e3a93a;border-radius:6px;background:#ffc8572a;cursor:move;touch-action:none;user-select:none}.template-zone.active{z-index:3;box-shadow:0 0 0 2px #fff,0 0 0 4px #427c53}.template-zone.zone-grid{border-color:#60a76c;background:#66c86a26}.template-zone.zone-logo{border-color:#438bbc;background:#4ba5e02b}.template-zone.zone-validity{border-color:#996ac5;background:#a26bc92b}.template-zone span{overflow:hidden;padding:3px 5px;border-radius:4px;background:#9e680c;color:#fff;font-size:9px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.template-zone.zone-grid span{background:#28673c}.template-zone.zone-logo span{background:#306b91}.template-zone.zone-validity span{background:#71499a}.zone-resize{position:absolute;right:-7px;bottom:-7px;width:14px;height:14px;border:2px solid white;border-radius:50%;background:#34734a;box-shadow:0 1px 4px #0003;cursor:nwse-resize}.zone-legend{display:flex;flex-wrap:wrap;gap:13px;color:#7b887e;font-size:9px}.zone-legend span{display:flex;align-items:center;gap:5px}.zone-legend i{width:9px;height:9px;border:1px solid;border-radius:3px}.legend-featured{border-color:#e3a93a;background:#ffc85766}.legend-grid{border-color:#60a76c;background:#66c86a66}.legend-logo{border-color:#438bbc;background:#4ba5e066}.legend-validity{border-color:#996ac5;background:#a26bc966}.editor-fields{display:grid;align-content:start;gap:11px}.editor-fields input,.editor-fields select{height:37px;font-size:11px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:9px}.editor-instruction{margin:0;padding:10px;border-radius:8px;background:#f4f8f2;color:#7b897e;font-size:10px;line-height:1.55}.check-row{display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:8px!important;color:#586b5d!important;font-size:10px!important;font-weight:600!important}.check-row input{width:15px;height:15px;accent-color:#347b4a}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.template-thumb{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;background:#eef3eb}.template-card-info{padding:11px}.template-card-info strong,.template-card-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-card-info strong{color:#405847;font-size:11px}.template-card-info small{margin-top:5px;color:#8c998e;font-size:9px}.template-card-actions{display:flex;gap:6px;margin-top:9px}.billing-list{display:grid;gap:9px}.billing-row{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(100px,.7fr));gap:12px;align-items:center;padding:13px 15px;border:1px solid #e6ece5;border-radius:10px;background:white;color:#5f7164;font-size:11px}.billing-row strong{color:#304c38;font-size:12px}.billing-row small{display:block;margin-top:4px;color:#929e94;font-size:9px}.billing-status{padding:4px 7px;border-radius:6px;background:#e8f3e7;color:#377449;font-weight:700;text-transform:capitalize}.product-dialog{width:min(100% - 32px,520px);max-height:90vh;padding:23px;border:1px solid #e3e9e2;border-radius:16px;background:white;box-shadow:0 25px 80px #182e1d33}.product-dialog::backdrop{background:#14251bcc;backdrop-filter:blur(2px)}.product-dialog form{display:grid;gap:13px}.product-dialog .editor-heading{margin-bottom:0}.product-dialog .editor-heading .eyebrow{margin:0 0 5px}.product-dialog label{gap:6px}.product-dialog input,.product-dialog select{height:39px;font-size:12px}.toast{position:fixed;z-index:20;right:22px;bottom:20px;max-width:min(430px,calc(100vw - 44px));padding:12px 15px;border:1px solid #d9e6d8;border-radius:10px;background:#fff;color:#355740;box-shadow:0 8px 30px #203b251c;font-size:12px;opacity:0;pointer-events:none;transform:translateY(8px);transition:.18s}.toast.visible{opacity:1;transform:translateY(0)}
@media(max-width:1080px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.editor-columns{grid-template-columns:minmax(270px,1fr) minmax(250px,.9fr)}}
@media(max-width:760px){.admin-shell{grid-template-columns:64px minmax(0,1fr)}.sidebar{padding:18px 8px}.brand{justify-content:center;padding:0}.brand>span:last-child,.side-caption,.nav-link:not(.active)::after,.nav-link{font-size:0}.nav-link{justify-content:center;padding:0}.nav-link>span{font-size:19px}.nav-link.active{font-size:0}.sidebar-bottom{justify-content:center;font-size:0}.topbar{min-height:68px;padding:12px 15px}.account{gap:7px}.account>span{display:none}.admin-view{padding:22px 14px 35px}.page-lead{align-items:flex-start}.page-lead h2{font-size:19px}.page-lead p{max-width:390px;line-height:1.5}.page-lead .button{flex:0 0 auto;min-height:36px;padding:0 10px;font-size:10px}.stats-row{gap:6px}.stat-card{padding:11px}.stat-card span{font-size:9px}.stat-card strong{font-size:18px}.toolbar{flex-wrap:wrap}.toolbar input{width:100%;flex:1 1 100%}.toolbar select{flex:1}.product-grid{grid-template-columns:1fr;padding:10px}.template-help{display:grid;gap:5px}.editor-columns{grid-template-columns:1fr}.template-canvas{max-height:none;max-width:520px}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-row{grid-template-columns:1fr 1fr}.billing-row>div:first-child{grid-column:1/-1}}
@media(max-width:420px){.page-lead{display:grid}.page-lead .button{justify-self:start}.field-pair{grid-template-columns:1fr}.stats-row{grid-template-columns:1fr}.stat-card{display:flex;align-items:center;justify-content:space-between}.auth-card{padding:25px}.product-card{grid-template-columns:72px minmax(0,1fr)}.product-card img{width:72px}.product-actions{flex-wrap:wrap}}
.template-zone .grid-guides{position:absolute;inset:0;display:grid;pointer-events:none;z-index:0}.template-zone .grid-guide-cell{min-width:0;min-height:0}.template-zone>span{position:relative;z-index:1}.template-zone>.zone-resize{z-index:2}

.page-toolbar { display:flex; flex-wrap:wrap; align-items:end; gap:10px; margin:18px 0; }
.page-toolbar label { flex:1; min-width:240px; }
#productSectors { border:1px solid #dce6dc; border-radius:12px; padding:14px; display:grid; grid-template-columns:1fr 1fr; gap:8px; }
#productSectors legend { padding:0 6px; font-size:13px; font-weight:700; }
#productSectors .check-row { margin:0; }
.grid-capacity { display:block; padding:12px; border-radius:8px; background:#e5f0df; color:#205438; font-size:14px; }

.template-zone.zone-address {border-color:#bd6541;background:#e9aa7826}.template-zone.zone-whatsapp {border-color:#218b7f;background:#54c9b826}