:root{--orange:#f4511e;--orange-dark:#d53d0f;--ink:#18202b;--muted:#6b7280;--line:#e8e8ec;--paper:#fff;--wash:#f7f8fb;--teal:#0b756f;--shadow:0 18px 55px rgba(35,32,51,.12);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--wash)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 8% 5%,rgba(244,81,30,.09),transparent 30rem),var(--wash)}button,input,textarea{font:inherit}button{cursor:pointer}.topbar{height:72px;display:flex;align-items:center;gap:24px;padding:0 max(18px,calc((100vw - 1240px)/2));background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(15px)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);min-width:max-content}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,var(--orange),#ff884c);color:#fff;font-weight:900;box-shadow:0 8px 20px rgba(244,81,30,.25)}.brand strong,.brand small{display:block}.brand small{color:var(--muted);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.search{flex:1;max-width:630px;margin:auto;height:44px;border:1px solid var(--line);border-radius:14px;background:var(--wash);display:flex;align-items:center;gap:10px;padding:0 14px}.search input{border:0;outline:0;background:transparent;width:100%}.ghost-button,.icon-button{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:12px;padding:10px 14px;font-weight:700}.icon-button{width:40px;height:40px;padding:0;font-size:24px}main{max-width:1240px;margin:auto;padding:32px 18px 100px}.auth-shell{min-height:calc(100vh - 136px);display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:42px}.welcome-panel{padding:50px}.welcome-chip,.eyebrow{color:var(--orange);font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.welcome-panel h1{font-size:clamp(40px,6vw,72px);line-height:.98;letter-spacing:-.055em;margin:18px 0}.welcome-panel p{font-size:18px;line-height:1.7;color:var(--muted);max-width:640px}.trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.trust-row span{background:#fff;border:1px solid var(--line);padding:10px 13px;border-radius:999px;color:var(--teal);font-weight:800;font-size:13px}.auth-card{background:var(--paper);border:1px solid rgba(0,0,0,.05);border-radius:28px;padding:30px;box-shadow:var(--shadow)}.card-heading span{font-size:12px;color:var(--orange);font-weight:900;text-transform:uppercase;letter-spacing:.12em}.card-heading h2{font-size:30px;margin:5px 0 24px}form{display:grid;gap:15px}label{display:grid;gap:7px;font-size:13px;font-weight:800}input,textarea{width:100%;border:1px solid #dfe1e7;border-radius:12px;padding:13px 14px;outline:none;background:#fff;color:var(--ink)}input:focus,textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(244,81,30,.12)}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.primary-button{border:0;border-radius:13px;background:linear-gradient(135deg,var(--orange),#ff6b28);color:#fff;padding:14px 18px;font-weight:900;box-shadow:0 10px 22px rgba(244,81,30,.22)}.primary-button:hover{background:linear-gradient(135deg,var(--orange-dark),var(--orange))}.switch-copy{text-align:center;color:var(--muted);font-size:13px}.switch-copy button{border:0;background:none;color:var(--orange);font-weight:900}.form-status{min-height:20px;margin:9px 0 0;color:var(--muted);font-size:13px}.portal-hero,.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.portal-hero h1,.section-heading h2{margin:4px 0 0}.cart-button{border:0;background:var(--ink);color:#fff;border-radius:14px;padding:13px 18px;font-weight:900}.cart-button b{display:inline-grid;place-items:center;background:var(--orange);border-radius:999px;min-width:21px;height:21px;margin-left:4px}.notice{margin:22px 0;padding:14px 16px;border:1px solid #b9e5df;background:#ecfbf8;color:#08625c;border-radius:14px}.product-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:24px}.product-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 8px 28px rgba(35,32,51,.06)}.product-image{aspect-ratio:1/1;background:#f0f2f5;display:grid;place-items:center;color:#9ca3af;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover}.product-body{padding:13px}.product-body h3{font-size:14px;line-height:1.35;margin:0;min-height:38px}.product-body small{display:block;color:var(--muted);margin:5px 0}.product-price{font-size:17px;color:var(--orange);font-weight:900}.product-actions{display:flex;gap:7px;margin-top:10px}.qty-input{padding:8px;text-align:center;min-width:0}.add-button{border:0;background:var(--orange);color:#fff;border-radius:10px;padding:8px 10px;font-weight:900;min-width:44px}.empty-state{padding:60px;text-align:center;background:#fff;border:1px dashed #ccd0d8;border-radius:20px;margin-top:24px}.empty-state span{display:block;color:var(--muted);margin-top:7px}.orders-section{margin-top:46px}.order-list{display:grid;gap:12px;margin-top:18px}.order-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;display:grid;grid-template-columns:1fr auto;gap:8px}.order-card small{color:var(--muted)}.status-pill{align-self:start;border-radius:999px;background:#eff8f7;color:var(--teal);padding:7px 10px;font-size:11px;font-weight:900;text-transform:uppercase}.backdrop{position:fixed;inset:0;background:rgba(10,14,20,.44);z-index:40}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(430px,100vw);background:#fff;z-index:41;transform:translateX(105%);transition:.24s ease;display:flex;flex-direction:column;box-shadow:-20px 0 60px rgba(0,0,0,.18)}.drawer.open{transform:translateX(0)}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:22px;border-bottom:1px solid var(--line)}.drawer-head h2{margin:4px 0 0}.cart-lines{padding:16px;overflow:auto;flex:1}.cart-line{display:grid;grid-template-columns:1fr auto;gap:9px;padding:13px 0;border-bottom:1px solid var(--line)}.cart-line small{color:var(--muted)}.delivery-options{border:0;border-top:1px solid var(--line);margin:0;padding:16px}.delivery-options label{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:12px;margin-top:8px}.delivery-options input{width:auto}.delivery-options small,.delivery-options b{display:block}.delivery-options small{color:var(--muted)}.note-field{padding:0 16px 14px}.cart-footer{padding:16px;border-top:1px solid var(--line)}.cart-footer>div{display:flex;justify-content:space-between;margin-bottom:12px}.cart-footer strong{font-size:20px;color:var(--orange)}.cart-footer .primary-button{width:100%}.chat-fab{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border:0;border-radius:20px;background:var(--teal);color:#fff;font-size:24px;box-shadow:0 15px 35px rgba(11,117,111,.3);z-index:30}.chat-fab b{position:absolute;right:-4px;top:-5px;background:var(--orange);font-size:10px;min-width:20px;height:20px;border-radius:999px;display:grid;place-items:center}.chat-window{position:fixed;right:22px;bottom:90px;width:min(380px,calc(100vw - 24px));height:min(560px,calc(100vh - 130px));background:#fff;border:1px solid var(--line);border-radius:22px;z-index:35;box-shadow:var(--shadow);overflow:hidden;grid-template-rows:auto 1fr auto}.chat-window:not([hidden]){display:grid}.chat-head{padding:14px 16px;background:var(--teal);color:#fff;display:flex;justify-content:space-between;align-items:center}.chat-head>div{display:flex;align-items:center;gap:10px}.chat-head strong,.chat-head small{display:block}.chat-head small{opacity:.75}.online-dot{width:10px;height:10px;border-radius:50%;background:#62e6a7}.chat-messages{overflow:auto;padding:14px;background:#f2f7f6}.chat-compose{display:grid;grid-template-columns:auto 1fr auto;gap:7px;padding:10px}.chat-compose button,.camera-button{border:0;background:var(--teal);color:#fff;border-radius:12px;padding:10px;display:grid;place-items:center}.camera-button input{display:none}.mobile-nav{display:none}
@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.welcome-panel{padding:20px 8px 0}.welcome-panel h1{font-size:46px}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:640px){.topbar{height:62px;padding:0 12px}.brand-mark{width:38px;height:38px}.brand small{display:none}.search{height:38px}.topbar>.ghost-button{display:none}main{padding:18px 10px 92px}.auth-shell{display:block;min-height:auto}.welcome-panel{padding:18px 7px 24px}.welcome-panel h1{font-size:38px}.welcome-panel p{font-size:15px}.trust-row{gap:6px}.trust-row span{font-size:10px;padding:7px 9px}.auth-card{border-radius:22px;padding:22px}.two-fields{grid-template-columns:1fr}.portal-hero{align-items:center}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:14px}.product-card{border-radius:12px}.product-body{padding:8px}.product-body h3{font-size:10.5px;min-height:29px}.product-body small{font-size:9px;margin:3px 0}.product-price{font-size:12px}.product-actions{gap:4px;margin-top:6px}.qty-input,.add-button{padding:6px 4px;font-size:10px;border-radius:8px}.orders-section{margin-top:30px}.chat-fab{display:none}.chat-window{inset:62px 0 64px;width:auto;height:auto;border-radius:0}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);z-index:31;padding:6px max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom))}.mobile-nav button{border:0;background:none;color:var(--muted);display:grid;gap:2px;place-items:center;font-size:10px;font-weight:800}.mobile-nav button span{font-size:19px}.mobile-nav button.active{color:var(--orange)}}