@import "https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&family=Bricolage+Grotesque:wght@600;700&display=swap";:root{color:#17283a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Archivo,Segoe UI,sans-serif;font-weight:400;line-height:1.45}*{box-sizing:border-box}body{background:radial-gradient(circle at 8% 8%,#4c8bf52b,#0000 34%),radial-gradient(circle at 88% 4%,#ec6f5f24,#0000 30%),radial-gradient(circle at 85% 92%,#1f8a7026,#0000 32%),linear-gradient(#f6f9ff 0%,#fff9f2 100%);min-height:100vh;margin:0}button,input,select{font-family:inherit}::selection{background:#4c8bf53d}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.02em;font-family:Bricolage Grotesque,Archivo,sans-serif}:root{--ink-900:#112031;--ink-700:#2b3e56;--ink-500:#4f6983;--brand-700:#146356;--brand-500:#1f8a70;--accent-amber:#f4a300;--accent-coral:#ec6f5f;--accent-sky:#4c8bf5;--paper-100:#fffdf9;--paper-200:#f7f9fc;--line-200:#d7e1ec;--shadow-soft:0 16px 40px #152d4a1a;--shadow-card:0 10px 25px #12274217}.app-shell{gap:1.1rem;width:min(1180px,100% - 2rem);margin:1.2rem auto 2.4rem;animation:.5s page-in;display:grid}.hero{text-align:left;box-shadow:var(--shadow-soft);background:linear-gradient(115deg,#fffffff2 0%,#f5faffed 45%,#fff6eeed 100%),url(https://images.unsplash.com/photo-1607082350899-7e105aa886ae?auto=format&fit=crop&w=1800&q=75) 50%/cover;border:1px solid #d8e2ee;border-radius:24px;padding:clamp(1.4rem,2.3vw,2.5rem);position:relative;overflow:hidden}.hero:before,.hero:after{content:"";pointer-events:none;border-radius:999px;position:absolute}.hero:before{background:radial-gradient(circle,#4c8bf540 0%,#4c8bf500 65%);width:280px;height:280px;top:-110px;right:-90px}.hero:after{background:radial-gradient(circle,#ec6f5f33 0%,#ec6f5f00 68%);width:250px;height:250px;bottom:-120px;left:-85px}.hero-badge{background:linear-gradient(135deg, var(--ink-900) 0%, #193657 100%);color:#f2f8ff;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;margin-bottom:.85rem;padding:.34rem .9rem;font-size:.78rem;display:inline-block}.hero-copy{max-width:64ch;color:var(--ink-700)}.status-line{color:var(--ink-900);margin-top:.85rem;font-weight:600}.payment-result-banner{text-transform:lowercase;border-radius:10px;width:fit-content;margin-top:.85rem;padding:.6rem .85rem;font-weight:800}.payment-result-success{color:#0c5d2f;background:#e8f8ee;border:1px solid #69b889}.payment-result-fail{color:#8b1f1f;background:#ffeaea;border:1px solid #de7f7f}.status-line-light{color:var(--ink-500);margin-top:.3rem;font-size:.94rem;font-weight:500}.auth-tabs{border-bottom:2px solid var(--line-200);gap:.45rem;margin:1rem 0 .8rem;display:flex}.tab-btn{color:#637891;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;padding:.62rem 1.2rem;font-size:.95rem;font-weight:700;transition:color .18s,border-color .18s}.tab-btn:hover{color:var(--ink-900)}.tab-btn.active{color:var(--ink-900);border-bottom-color:var(--accent-coral)}.auth-form{border:1px solid var(--line-200);background:#ffffffd6;border-radius:15px;margin-top:.6rem;padding:.95rem}.auth-top-row{flex-wrap:wrap;gap:.55rem;margin-bottom:.72rem;display:flex}.mode-btn{color:#2e4a67;cursor:pointer;text-transform:capitalize;background:#f5f9ff;border:1px solid #bfd0e5;border-radius:999px;padding:.44rem .92rem;font-weight:700}.mode-btn-active{background:linear-gradient(135deg, var(--accent-sky) 0%, #6f75ff 100%);color:#f7fbff;border-color:#0000}.auth-grid{grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:.65rem;display:grid}.auth-grid input,.auth-grid select,.qty-input{width:100%;font:inherit;color:var(--ink-900);background:#fff;border:1px solid #c9d7e6;border-radius:10px;padding:.6rem .68rem;transition:border-color .16s,box-shadow .16s}.auth-grid input:focus,.auth-grid select:focus,.qty-input:focus{border-color:var(--accent-sky);outline:none;box-shadow:0 0 0 3px #4c8bf529}.operator-form{margin-top:.6rem}.operator-description{grid-column:1/-1}.suggestion-panel{background:#f7fbff;border:1px solid #c8d8ea;border-radius:12px;padding:.75rem}.suggestion-state{color:var(--ink-500);margin:0;font-size:.92rem}.suggestion-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.6rem;display:grid}.suggestion-item{color:var(--ink-900);text-align:left;cursor:pointer;background:#fff;border:1px solid #c9d9ea;border-radius:11px;grid-template-columns:54px 1fr;align-items:center;gap:.55rem;padding:.52rem;transition:border-color .15s,box-shadow .15s,transform .15s;display:grid}.suggestion-item:hover{border-color:#8fb4da;transform:translateY(-1px);box-shadow:0 8px 18px #16386221}.suggestion-item-selected{border-color:#3f88d8;box-shadow:0 0 0 2px #3f88d833}.suggestion-image{object-fit:cover;border:1px solid #d3dfec;border-radius:10px;width:54px;height:54px}.suggestion-image-placeholder{background:linear-gradient(140deg,#ecf4ff 0%,#fff2e8 100%);place-items:center;display:grid}.hero-actions{flex-wrap:wrap;gap:.8rem;margin-top:1.2rem;display:flex}.section-block{border:1px solid var(--line-200);box-shadow:var(--shadow-card);background:linear-gradient(#ffffffed 0%,#f9fcfff5 100%);border-radius:18px;padding:clamp(1rem,1.8vw,1.35rem)}.section-title-wrap{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.9rem;display:flex}.section-caption{color:var(--ink-500);font-size:.9rem}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;display:grid}.category-card{border:1px solid #cfdaea;border-radius:14px;padding:1rem}.card-green{background:linear-gradient(140deg,#eefbf5 0%,#dbf4ea 100%)}.card-amber{background:linear-gradient(140deg,#fff8e6 0%,#ffe9bd 100%)}.card-blue{background:linear-gradient(140deg,#e8f2ff 0%,#d8e8ff 100%)}.card-coral{background:linear-gradient(140deg,#ffece8 0%,#ffd8cf 100%)}.split-layout{grid-template-columns:2fr 1fr;gap:1rem;display:grid}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.product-card{background:linear-gradient(#fff 0%,#f9fbff 100%);border:1px solid #d3deed;border-radius:15px;padding:.95rem;transition:transform .17s,box-shadow .17s,border-color .17s;box-shadow:0 8px 20px #142d4e14}.product-card:hover{border-color:#bed2eb;transform:translateY(-3px);box-shadow:0 14px 28px #102a4a24}.products-grid .product-card{opacity:0;animation:.42s forwards card-in}.products-grid .product-card:nth-child(2n){animation-delay:90ms}.products-grid .product-card:nth-child(3n){animation-delay:.14s}.product-thumb{background:linear-gradient(135deg,#edf4ff 0%,#fff2e8 100%);border:1px solid #cfdeef;border-radius:12px;place-items:center;width:2.45rem;height:2.45rem;margin-bottom:.52rem;font-size:1.15rem;display:grid}.product-photo{object-fit:cover;border:1px solid #cfdeef;border-radius:12px;width:100%;max-width:240px;height:140px;margin-bottom:.52rem}.product-name{color:var(--ink-900);margin-bottom:.23rem;font-weight:700}.product-meta,.product-stock{color:var(--ink-500);font-size:.9rem}.product-price{color:var(--brand-700);margin:.36rem 0;font-size:1.2rem;font-weight:700}.product-buy-row{align-items:center;gap:.45rem;margin-top:.46rem;display:flex}.qty-input{width:4.6rem;font-weight:700}.unit-chip{color:#285680;text-transform:uppercase;background:#f0f6ff;border:1px solid #c8dbf4;border-radius:999px;padding:.27rem .68rem;font-size:.8rem;font-weight:700}.hero-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin-top:1rem;display:grid}.hero-tile{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffffd4;border:1px solid #d6e2f0;border-radius:12px;padding:.74rem .86rem}.hero-tile p{color:var(--ink-500);margin:0;font-size:.88rem}.hero-tile strong{color:var(--ink-900);font-size:.98rem}.cart-panel{background:linear-gradient(155deg,#f4f9ff 0%,#eef7f8 52%,#fff5ea 100%);border:1px solid #d3e0ef;border-radius:15px;padding:1rem}.cart-total{color:var(--ink-900);margin-top:.35rem;font-weight:700}.cart-subtotal{color:var(--ink-500);margin:.2rem 0 .8rem}.service-status{border-top:1px dashed #bed0e7;margin-top:1rem;padding-top:.8rem}.service-status ul{gap:.45rem;margin:.6rem 0 0;padding:0;list-style:none;display:grid}.service-status li{justify-content:space-between;gap:.7rem;display:flex}.primary-btn,.ghost-btn,.small-btn{cursor:pointer;border:1px solid #0000;border-radius:11px;font-weight:700;transition:transform .15s,box-shadow .15s,filter .15s}.primary-btn{background:linear-gradient(135deg, var(--brand-700) 0%, var(--brand-500) 48%, #2d9d7e 100%);color:#f4fffa;padding:.72rem 1.05rem}.ghost-btn{color:#1e4a75;background:#f4f9ff;border-color:#c4d8ee;padding:.72rem 1.05rem}.small-btn{color:#eef5ff;background:linear-gradient(135deg,#2365c4 0%,#4c8bf5 100%);margin-top:.4rem;padding:.46rem .76rem}.ghost-btn:disabled,.primary-btn:disabled,.small-btn:disabled{opacity:.56;cursor:not-allowed;box-shadow:none;transform:none}.primary-btn:hover,.ghost-btn:hover,.small-btn:hover{filter:saturate(1.05);transform:translateY(-1px);box-shadow:0 10px 21px #122e532e}.checkout-btn{width:100%}.checkout-items{gap:.75rem;display:grid}.checkout-items-compact{max-height:46vh;padding-right:.25rem;overflow-y:auto}.checkout-items-compact .checkout-item-row{padding:.62rem}.checkout-items-compact .checkout-item-main{gap:.5rem}.checkout-items-compact .checkout-item-image{width:44px;height:44px}.checkout-item-row{margin:0}.checkout-item-main{align-items:center;gap:.65rem;margin-bottom:.25rem;display:flex}.checkout-item-main .product-name{margin:0}.checkout-item-image{object-fit:cover;border:1px solid #cfdeef;border-radius:10px;flex-shrink:0;width:56px;height:56px}.checkout-item-meta{color:var(--ink-500);margin:.15rem 0;font-size:.92rem}.checkout-total-row{color:var(--ink-900);border-top:1px dashed #bed0e7;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:.8rem;font-size:1.05rem;display:flex}.checkout-total-row strong{color:var(--brand-700);font-size:1.22rem}.footer-strip{color:var(--ink-500);justify-content:space-between;align-items:center;gap:.8rem;padding:.2rem .4rem;font-size:.9rem;display:flex}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes card-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=960px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split-layout,.hero-tiles{grid-template-columns:1fr}.footer-strip{flex-direction:column;align-items:flex-start}}@media (width<=640px){.app-shell{width:min(1180px,100% - 1rem);margin-top:.75rem}.hero{border-radius:18px;padding:1.2rem}.auth-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column}.primary-btn,.ghost-btn,.small-btn{width:100%}.product-buy-row{flex-wrap:wrap}.products-grid{grid-template-columns:1fr}}