:root{font-family:Arial,Helvetica,sans-serif;color:#18232b;background:#f5f7f9;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:1px solid #dce2e7;background:white;border-radius:9px;padding:11px 15px;font-size:.875rem;font-weight:600;color:inherit;text-decoration:none}button:disabled{opacity:.5;cursor:not-allowed}button:hover:not(:disabled),.button:hover{border-color:#8798a5}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #dce2e7;border-radius:8px;background:white;min-width:0;color:#18232b}input:focus,select:focus,textarea:focus{outline:2px solid #148b9d;outline-offset:2px}label{display:block;font-size:.875rem;font-weight:600}label input,label select,label textarea{margin-top:7px}small{font-size:.8125rem;color:#697782;line-height:1.6}h1{font-size:2rem;margin:5px 0 0;font-weight:700;letter-spacing:-1px}h2{font-size:1.3rem;font-weight:700;margin:0 0 20px}p{line-height:1.6}a{color:#096d80}.primary{background:#0b7185;color:white;border-color:#0b7185}.primary:hover:not(:disabled){background:#075d6e}.secondary{background:white}.shell{display:flex;min-height:100vh}.sidebar{width:240px;position:fixed;inset:0 auto 0 0;background:white;border-right:1px solid #e2e7eb;padding:30px 20px;display:flex;flex-direction:column;z-index:20}.identity{display:flex;align-items:center;gap:12px;font-size:1.05rem;font-weight:700;margin-bottom:45px}.identity small{display:block;font-size:.625rem;letter-spacing:1px;margin-top:5px}.brand-icon{display:grid;place-items:center;width:42px;height:44px;background:#0b7185;color:white;border-radius:11px}nav{display:grid;gap:8px}nav button,nav a{justify-content:flex-start;padding:14px 13px;border:0;font-size:.9375rem;text-decoration:none;border-radius:8px;color:#586773;display:flex;align-items:center;gap:11px;font-weight:500}nav .active{background:#e9f4f6;color:#086e82;font-weight:700}nav a{margin-top:23px;border-top:1px solid #edf0f2;border-radius:0;padding-top:25px}.sidebar-note{margin-top:auto;color:#78858f;font-size:.875rem}.private-badge{font-size:.6875rem;letter-spacing:1px;color:#536a78;border:1px solid #dce6eb;padding:6px 9px;border-radius:5px}.shell main{margin-left:240px;width:calc(100% - 240px);padding:38px 40px 60px}.customer main{max-width:1350px;margin:auto;padding:36px 40px 70px}.customer{background:#fff;min-height:100vh}header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px}.heading,.header-actions{display:flex;align-items:center;gap:12px}.eyebrow{font-size:.6875rem;font-weight:700;letter-spacing:1.8px;color:#72818b}.collection-top{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:#77838e;margin-bottom:16px}.collection-top p{margin:0}.collection-top strong{color:#33434e}.collection-top a{display:flex;align-items:center;gap:7px;font-weight:600;text-decoration:none}.filters{display:flex;gap:10px;flex-wrap:wrap;padding:18px;background:white;border:1px solid #e2e7eb;border-radius:12px;margin-bottom:26px}.filters select{width:auto;flex:1;min-width:100px;font-size:.875rem}.filters>input{width:105px;font-size:.875rem}.search{display:flex;align-items:center;gap:8px;flex:2;min-width:235px;padding-left:12px;border:1px solid #dce2e7;border-radius:8px;color:#84929d}.search input{border:0;padding-left:0;font-size:.875rem}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.product{background:white;border:1px solid #e1e6eb;border-radius:12px;overflow:hidden}.product-photo{display:block;position:relative;width:100%;aspect-ratio:4/5;padding:0;border:0;border-radius:0;background:#eef1f3}.product-photo img{width:100%;height:100%;object-fit:contain}.status{position:absolute;left:12px;top:12px;font-size:.75rem;padding:6px 9px;background:white;border-radius:5px;box-shadow:0 2px 8px #00000009}.available{color:#0b7652}.off{color:#7e5961}.product-info{padding:17px}.ref-line{display:flex;justify-content:space-between;gap:8px;font-size:.9375rem}.ref-line span{font-size:.8125rem;color:#73818c}.description{font-size:.875rem;color:#6d7983;margin:8px 0}.size-line{display:flex;gap:5px;flex-wrap:wrap;min-height:27px;margin:12px 0}.size-line span{background:#f2f5f7;font-size:.75rem;padding:4px 8px;border-radius:4px}.price-line{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.price-line strong{font-size:1.0625rem}.text-button{padding:0;border:0;background:none;color:#0b7185;font-size:.8125rem}.catalog-toggle{border:0;border-top:1px solid #edf0f3;border-radius:0;width:100%;padding:13px 0 0;justify-content:flex-start;background:none;font-size:.75rem;color:#82909b}.switch{width:28px;height:17px;border-radius:20px;background:#d9e1e6;display:flex;padding:3px}.switch span{width:11px;height:11px;background:white;border-radius:50%}.on{color:#316b78}.on .switch{background:#0b7185;justify-content:flex-end}.order-button{width:100%;background:#f1f8f9;color:#0b7185;border-color:#d8e9ed}.empty{display:flex;align-items:center;flex-direction:column;padding:70px 20px;color:#65747e;text-align:center}.empty h2{margin:22px 0 0;color:#23353f}.empty p{margin:12px 0 22px}.empty svg{color:#6e929d}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stat{padding:25px;background:white;border:1px solid #e0e6ea;border-radius:12px}.stat span{display:block;font-size:.875rem;color:#6c7c87}.stat strong{display:block;font-size:2.4rem;margin-top:12px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:25px}.panel{background:white;border:1px solid #e0e6ea;border-radius:12px;padding:28px}.bar-row{display:flex;gap:15px;align-items:center;margin:22px 0;font-size:.875rem}.bar-row>span{width:80px}.bar-row>div{flex:1;background:#edf2f5;height:9px;border-radius:6px;overflow:hidden}.bar-row i{display:block;background:#0b7185;height:100%}.settings{max-width:680px}.settings>label{margin-bottom:23px}.checkbox{display:flex;align-items:center;gap:10px;font-weight:500}.checkbox input{width:17px;height:17px;margin:0;accent-color:#0b7185}.catalog-link{padding-top:25px;margin-top:26px;border-top:1px solid #e3e9ed}.catalog-link a{display:block;margin-top:10px}.catalog-link p{font-size:.875rem;color:#6c7c87}.overlay{position:fixed;inset:0;background:#14263080;z-index:50;display:flex;align-items:flex-start;justify-content:center;padding:32px 20px;overflow:auto;backdrop-filter:blur(3px)}.modal{background:white;border-radius:16px;padding:28px;max-width:560px;width:100%;box-shadow:0 24px 80px #0003}.wide{max-width:940px}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.modal-head h2{margin:4px 0 0;font-size:1.5rem}.modal-head small{letter-spacing:1.5px;font-size:.6875rem}.icon{padding:8px;border:0;background:none;flex-shrink:0}.editor{display:grid;grid-template-columns:1fr 1.5fr;gap:30px}.upload-area{padding:30px 15px;border:2px dashed #cddce2;background:#f5f9fa;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;color:#466773;text-align:center}.upload-area span{font-weight:400;font-size:.75rem;color:#7a8b95}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.photo-grid>div{position:relative}.photo-grid img{width:100%;height:135px;object-fit:contain;background:#f2f5f7;border-radius:7px}.photo-label{width:100%;font-size:.6875rem;padding:6px;border:0}.remove{position:absolute;right:3px;top:3px;background:white;border-radius:50%}.hint{font-size:.875rem;color:#70848d}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.full{grid-column:1/-1}.size-picker{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 5px}.size-picker button{padding:9px 12px}.selected{background:#e5f4f6!important;color:#0b7185!important;border-color:#0b7185!important}.modal-foot{display:flex;gap:10px;justify-content:flex-end;border-top:1px solid #e6ebef;padding-top:23px;margin-top:27px}.danger{color:#b43e4d;margin-right:auto;border:0}.error{background:#fff0f0;color:#a73342;padding:12px 16px;border-radius:8px;font-size:.875rem;margin-bottom:20px}.error button{padding:4px 8px;margin-left:10px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#183c46;color:white;z-index:100;border-radius:10px;padding:14px 22px;display:flex;align-items:center;gap:10px;box-shadow:0 5px 25px #0003;font-size:.875rem;max-width:90vw}.batch{max-height:60vh;overflow:auto}.batch-row{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #e4e9ee}.batch-row img{width:60px;height:70px;object-fit:contain}.batch-row label{flex:1;min-width:0}.detail-image{width:100%;height:360px;object-fit:contain;background:#f4f6f7;border-radius:10px}.thumbnails{display:flex;gap:8px;margin-top:10px}.thumbnails button{padding:3px}.thumbnails img{width:55px;height:55px;object-fit:contain}.detail-actions{display:grid;gap:12px;margin-top:25px}.cart-row{display:flex;gap:15px;border-bottom:1px solid #e4e9ec;padding:18px 0;align-items:center}.cart-row img{width:80px;height:100px;object-fit:contain;background:#f3f6f8}.cart-row>div{flex:1}.cart-row p{font-size:.875rem;margin:6px 0}.cart-row input{width:75px;margin-left:12px}.total{font-weight:700}.full-button{width:100%;margin-bottom:12px}footer{font-size:.875rem;color:#77838c;border-top:1px solid #e4e9ec;margin-top:50px;padding-top:25px;text-align:center}.count{border-radius:5px;background:#ffffff25;padding:2px 6px}.mobile-menu{display:none}.veil{display:none}
@media(min-width:1500px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1200px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shell main{padding:30px 25px}.sidebar{width:215px}.shell main{margin-left:215px;width:calc(100% - 215px)}}@media(max-width:900px){.sidebar{display:none}.sidebar.open{display:flex}.shell main{margin-left:0;width:100%;padding:25px}.mobile-menu{display:flex}.veil{display:block;position:fixed;inset:0;background:#0005;z-index:19}.stats{gap:10px}.customer main{padding:25px}.grid{gap:15px}}@media(max-width:600px){.shell main,.customer main{padding:22px 16px 45px}header{flex-wrap:wrap;gap:20px;margin-bottom:22px}h1{font-size:1.6rem}.header-actions{width:100%;gap:10px}.header-actions>*{flex:1}.collection-top{font-size:.8125rem}.collection-top a{font-size:.75rem}.filters{padding:12px;gap:8px}.filters .search{flex-basis:100%}.filters select{min-width:calc(50% - 8px);flex:1}.filters>input{flex:1}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-info{padding:12px}.ref-line{display:block;font-size:.875rem}.ref-line span{display:block;margin-top:4px}.price-line strong{font-size:.9375rem}.product-photo{aspect-ratio:3/4}.catalog-toggle{font-size:.6875rem;gap:5px}.status{top:7px;left:7px;font-size:.6875rem;padding:5px 7px}.stats{grid-template-columns:1fr 1fr}.stat{padding:20px}.stat strong{font-size:2rem}.dashboard-grid{grid-template-columns:1fr}.panel{padding:22px}.overlay{padding:10px}.modal{padding:20px;border-radius:12px}.editor{grid-template-columns:1fr;gap:20px}.photo-grid{grid-template-columns:repeat(3,1fr)}.photo-grid img{height:100px}.modal-foot{flex-wrap:wrap}.batch-row{flex-wrap:wrap}.batch-row label{min-width:75px}.batch-row img{width:40px}.detail-image{height:310px}.size-picker button{min-height:44px}.empty{padding:55px 8px}.empty h2{font-size:1.2rem}}

.option-managers{margin-bottom:30px;border-bottom:1px solid #e3e9ed;padding-bottom:12px}.option-manager{margin-bottom:28px}.option-add{display:flex;gap:10px}.option-add input{flex:1}.option-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.option-tags>span{display:flex;gap:5px;align-items:center;padding:3px 4px 3px 12px;background:#edf5f7;color:#315866;border:1px solid #d8e8ec;border-radius:8px;font-size:.875rem}.option-tags .icon{padding:7px}@media(max-width:600px){.option-add button{padding:10px}.option-add{gap:8px}}

.whatsapp-settings{padding-bottom:22px;margin-bottom:28px;border-bottom:1px solid #e3e9ed}.whatsapp-settings button{margin-top:14px}.upload-progress{padding:10px 12px;background:#edf7fa;border-radius:8px;color:#0b7185;font-size:.875rem}.product-info .ref-line,.description,.option-tags span,.cart-row strong{overflow-wrap:anywhere}.button:focus-within,.upload-area:focus-within,button:focus-visible,a:focus-visible{outline:2px solid #0b7185;outline-offset:3px}.identity small{font-size:.75rem;letter-spacing:.2px}.catalog-toggle,.size-line span,.photo-label{font-size:.875rem}.ref-line span{font-size:.875rem}.error{overflow-wrap:anywhere}.modal-foot .danger{margin-right:auto}.batch-row label{overflow-wrap:anywhere}@media(max-width:600px){.price-line{flex-wrap:wrap;gap:8px}.catalog-toggle{font-size:.875rem;line-height:1.4}.collection-top{flex-wrap:wrap;gap:10px}.product-info{min-width:0}.stats .stat{min-width:0}.catalog-toggle .switch{flex-shrink:0}.form-grid{gap:16px}.form-grid label{min-width:0}.header-actions{flex-wrap:wrap}}

.theme-settings{padding-bottom:22px;margin-bottom:28px;border-bottom:1px solid #e3e9ed}
[data-theme="dark"]{color-scheme:dark;background:#000;color:#edf2f6;min-height:100vh}
[data-theme="dark"] :is(.sidebar,.filters,.product,.stat,.panel,.modal){background:#151515;border-color:#363636}
[data-theme="dark"] :is(button,.button,input,select,textarea){background:#242424;border-color:#484848;color:#edf2f6}
[data-theme="dark"] :is(.primary,.brand-icon){background:#11869a;border-color:#11869a;color:#fff}
[data-theme="dark"] .primary:hover:not(:disabled){background:#159bb0}
[data-theme="dark"] :is(small,.eyebrow,.collection-top,.ref-line span,.description,.stat span,.hint,.catalog-link p,footer,.sidebar-note,.catalog-toggle){color:#b7c4cf}
[data-theme="dark"] :is(a,.text-button){color:#6ed6e5}
[data-theme="dark"] :is(.collection-top strong,.empty h2){color:#edf2f6}
[data-theme="dark"] nav :is(button,a){color:#c3ced7}
[data-theme="dark"] nav .active,[data-theme="dark"] .selected{background:#164955!important;color:#a3eef5!important;border-color:#5cd2df!important}
[data-theme="dark"] :is(.size-line span,.option-tags>span,.upload-progress,.order-button){background:#263c47;color:#b5e9ef;border-color:#466370}
[data-theme="dark"] :is(.theme-settings,.whatsapp-settings,.option-managers,.catalog-link,.modal-foot,.catalog-toggle,.cart-row,.batch-row,footer,nav a){border-color:#39444f}
[data-theme="dark"] :is(.icon,.text-button,.catalog-toggle){background:transparent}
[data-theme="dark"] .upload-area{background:#25343e;color:#d2e5ee;border-color:#627681}
[data-theme="dark"] .error{background:#4b2730;color:#ffccd4}
[data-theme="dark"] .danger{color:#ffa8b7}
[data-theme="dark"] .private-badge{color:#c1d1dd;border-color:#52616e}
[data-theme="dark"] .bar-row>div{background:#39444f}
/* Product photography stays on a light surface in either theme. */
[data-theme="dark"] .product-photo{background:#eef1f3}
[data-theme="dark"] .status{background:#fff;color:#0b7652;color-scheme:light}
[data-theme="dark"] .status.off{color:#7e5961}
[data-theme="dark"] .remove{background:#fff;color:#18232b}

.store-heading{display:flex;align-items:center;gap:18px;min-width:0}.store-heading>div{min-width:0}.store-logo{width:88px;height:88px;object-fit:contain;flex-shrink:0}.store-tagline{margin:10px 0 0;color:#697782;white-space:pre-wrap;overflow-wrap:anywhere}.store-heading h1{overflow-wrap:anywhere}.logo-editor{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:24px}.logo-editor>img{width:100px;height:100px;object-fit:contain;background:#eef1f3;border-radius:8px}.logo-editor .hint{width:100%;margin:0}[data-theme="dark"] .store-tagline{color:#b7c4cf}@media(max-width:600px){.store-logo{width:64px;height:64px}.store-heading{gap:12px}.store-tagline{font-size:.875rem}}

.logo-preview{width:160px;height:160px;display:grid;place-items:center;overflow:hidden;background:#f1f4f6;border:2px dashed #8b9ba7;border-radius:12px;flex-shrink:0;color:#526674}.logo-preview img{width:100%;height:100%;object-fit:contain;padding:10px}.logo-preview>span{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;font-size:.875rem;padding:12px}.logo-state{flex-basis:100%;margin:0;overflow-wrap:anywhere;font-size:.875rem}.logo-editor input[type=file]{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

.customer header{position:relative;display:grid;grid-template-columns:1fr;gap:22px}.customer .heading{justify-content:center;padding:0 175px}.customer .store-heading{flex-direction:column;text-align:center;gap:14px}.customer .store-logo{width:150px;height:150px}.customer .header-actions{position:absolute;right:0;top:15px}.shopping-list-button{min-height:52px;padding:13px 20px;border-radius:28px;box-shadow:0 4px 18px #0002;white-space:nowrap}.shopping-list-button .count{display:grid;place-items:center;min-width:25px;height:25px;border-radius:50%;background:#fff;color:#075d6e;font-weight:700}[data-theme="dark"] .shopping-list-button{background:#fff;color:#151515;border-color:#fff;box-shadow:0 4px 20px #ffffff15}[data-theme="dark"] .shopping-list-button:hover:not(:disabled){background:#e8e8e8;border-color:#e8e8e8}[data-theme="dark"] .shopping-list-button .count{background:#151515;color:#fff}[data-theme="dark"] .logo-preview{background:#000;border-color:#555;color:#ccc}@media(max-width:600px){.customer .heading{padding:0;width:100%}.customer .header-actions{position:static;width:100%;justify-content:center}.customer .header-actions>.shopping-list-button{flex:0 1 auto;min-width:180px}.customer .store-logo{width:120px;height:120px}}
/* Compact catalog header and collection spacing. */
.customer main{padding-top:20px}.customer header{gap:12px;margin-bottom:16px}.customer .store-heading{gap:6px}.customer .store-logo{height:110px;width:140px}.customer .store-heading h1{margin-top:3px}.customer .store-tagline{margin-top:5px;line-height:1.4}.customer .collection-top{margin-bottom:10px}.customer .filters{margin-bottom:18px;padding:12px}.customer .header-actions{top:8px}@media(max-width:600px){.customer main{padding-top:14px}.customer header{gap:10px;margin-bottom:12px}.customer .store-logo{height:90px;width:115px}.customer .filters{padding:10px;margin-bottom:14px}.customer .shopping-list-button{min-height:46px;padding:10px 18px}}
/* Square logo presentation with compact surrounding space. */
.customer main{padding-top:10px}.customer header{margin-bottom:10px;gap:8px}.customer .store-heading{gap:2px}.customer .store-logo{width:190px;height:190px;object-fit:contain;object-position:center;padding:0;display:block}.customer .store-heading h1{font-size:1.5rem;margin:0;letter-spacing:-.5px}.customer .store-tagline{margin-top:3px}.customer .collection-top{margin-bottom:8px}.customer .filters{margin-bottom:14px}@media(max-width:600px){.customer main{padding-top:8px}.customer .store-logo{width:160px;height:160px}.customer .store-heading h1{font-size:1.3rem}.customer header{gap:8px;margin-bottom:10px}}

.customer .store-logo{width:240px;height:auto;max-height:155px;object-fit:contain}.customer .store-heading{gap:8px}.customer .store-heading h1{margin:0}.customer .store-tagline{margin:4px 0 0}.customer header{margin-bottom:12px}@media(max-width:600px){.customer .store-logo{width:220px;height:auto;max-height:140px}}
/* Match unused photo space to the dark catalog surface. */
[data-theme="dark"] :is(.product-photo,.detail-image,.photo-grid img,.cart-row img){background:#000}

.availability-line{margin-bottom:10px;display:flex}.availability-badge{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;line-height:1.4}.availability-badge i{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}[data-theme="dark"] .availability-badge.available{color:#75d9a8}[data-theme="dark"] .availability-badge.off{color:#e9a6af}

.visits-section{margin-bottom:36px}.visits-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.visit-places>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #dce2e7;font-size:.875rem}.visit-places span{overflow-wrap:anywhere}[data-theme="dark"] .visit-places>div{border-color:#363636}@media(max-width:600px){.visits-stats{grid-template-columns:1fr}.visits-stats .stat{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.visits-stats .stat strong{margin:0 0 0 auto}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}