:root{--yellow:#FFDD00;--yellow-deep:#F5C400;--yellow-tint:#FFF7C2;--ink:#21201F;--ink-2:#3D3B38;--white:#ffffff;--bg:#ffffff;--bg-warm:#FAF9F7;--line:#ECE9E4;--line-strong:#DAD6CF;--text:#46443F;--muted:#9E9B98;--red:#FC5230;--red-tint:#FFEDE7;--green:#34C759;--blue:#0596FA;--radius:14px;--radius-lg:22px;--radius-pill:999px;--shadow:0 2px 16px rgba(33,32,31,.06);--shadow-md:0 10px 30px rgba(33,32,31,.09);--shadow-lg:0 24px 60px rgba(33,32,31,.13);--nav-h:72px;--maxw:1200px;--ease:cubic-bezier(.22,.61,.36,1);--font-display:"Oswald","YS Display Cond",system-ui,sans-serif;--font-body:"Inter","YS Text",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--text);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}img,svg{display:block}a{color:inherit;text-decoration:none}input,button,select,textarea{font-family:inherit}section[id]{scroll-margin-top:calc(var(--nav-h) + 14px)}h1,h2,h3{font-family:var(--font-display);color:var(--ink);font-weight:700;line-height:1.05;letter-spacing:.005em}h2{font-size:clamp(1.9rem,3.6vw,2.6rem);text-transform:uppercase}h3{font-weight:600}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.section{padding:96px 0}.section--warm{background:var(--bg-warm)}.section--ink{background:var(--ink)}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:var(--yellow);padding:6px 14px;border-radius:var(--radius-pill);margin-bottom:18px}.section-head{max-width:720px;margin:0 auto 56px;text-align:center}.section-head h2{margin:0 auto}.section-head p{color:var(--text);font-size:1.08rem;margin-top:16px}.mark{background:linear-gradient(transparent 62%,var(--yellow) 62%);padding:0 .06em}.btn-primary,.btn-yellow,.btn-dark,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:1rem;font-weight:600;cursor:pointer;border:1.5px solid transparent;padding:13px 28px;border-radius:12px;white-space:nowrap;transition:background .18s var(--ease),color .18s var(--ease),border-color .18s var(--ease),transform .18s var(--ease),box-shadow .18s var(--ease)}.btn-primary,.btn-yellow{background:var(--yellow);color:var(--ink);box-shadow:0 6px 18px #ffdd0059}.btn-primary:hover,.btn-yellow:hover{background:var(--yellow-deep);transform:translateY(-1px);box-shadow:0 10px 26px #ffdd006b}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:#000;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line-strong)}.btn-ghost:hover{border-color:var(--ink);background:var(--bg-warm)}.btn-lg{padding:16px 34px;font-size:1.06rem}.btn-block{width:100%}.btn-primary:disabled,.btn-yellow:disabled,.btn-dark:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.nav{position:sticky;top:0;z-index:100;height:var(--nav-h);background:#ffffffe0;-webkit-backdrop-filter:saturate(160%) blur(12px);backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid transparent;transition:box-shadow .25s var(--ease),border-color .25s var(--ease)}.nav.scrolled{box-shadow:0 4px 22px #21201f14;border-bottom-color:var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:100%}.brand{display:inline-flex;align-items:center;gap:11px}.brand-mark{width:38px;height:38px;border-radius:10px;background:var(--yellow);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:22px;color:var(--ink)}.brand-name{font-family:var(--font-display);font-weight:600;font-size:1.3rem;color:var(--ink);text-transform:uppercase;letter-spacing:.02em}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a{font-size:.95rem;font-weight:500;color:var(--ink-2);transition:color .15s}.nav-links a:hover{color:#000}.nav-actions{display:flex;align-items:center;gap:18px}.nav-login{font-size:.95rem;font-weight:600;color:var(--ink)}.nav-login:hover{color:#000;text-decoration:underline}.burger{display:none;background:none;border:none;cursor:pointer;padding:8px;color:var(--ink)}.mobile-menu{display:none}.hero{position:relative;overflow:hidden;background:var(--bg)}.hero:before{content:"";position:absolute;top:-120px;right:-80px;width:520px;height:520px;background:var(--yellow);opacity:.1;border-radius:50%;pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center;padding:80px 0 92px;position:relative;z-index:1}.hero h1{font-size:clamp(2.6rem,5.2vw,4.1rem);text-transform:uppercase;color:var(--ink)}.hero-sub{font-size:1.18rem;color:var(--text);margin:24px 0 34px;max-width:520px}.hero-cta{display:flex;gap:14px;flex-wrap:wrap}.trust-bar{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}.trust-item{display:flex;align-items:center;gap:9px;font-size:.92rem;font-weight:600;color:var(--ink)}.trust-item svg{color:var(--ink);flex-shrink:0}.trust-sep{width:1px;height:18px;background:var(--line-strong)}.hero-visual{position:relative}.hero-visual:before{content:"";position:absolute;inset:auto -18px -18px auto;width:78%;height:82%;background:var(--yellow);border-radius:var(--radius-lg);z-index:0}.mock{position:relative;z-index:1;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.mock-bar{display:flex;align-items:center;gap:8px;padding:13px 16px;border-bottom:1px solid var(--line);background:#fbfbfa}.mock-dot{width:10px;height:10px;border-radius:50%;background:#e3e0db}.mock-tab{margin-left:10px;font-size:.8rem;font-weight:600;color:var(--muted)}.mock-body{padding:18px;display:grid;grid-template-columns:1.15fr 1fr;gap:14px}.mock-h{font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:10px}.mock-supplier{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:12px;margin-bottom:9px}.mock-supplier.active{border-color:var(--ink);background:var(--yellow-tint)}.mock-logo{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex-shrink:0}.mock-supplier .nm{font-size:.82rem;font-weight:700;color:var(--ink)}.mock-supplier .ds{font-size:.68rem;color:var(--muted)}.mock-prod{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mock-card{border:1px solid var(--line);border-radius:12px;padding:11px;text-align:center}.mock-emoji{font-size:24px}.mock-card .pn{font-size:.72rem;font-weight:600;color:var(--ink);margin:5px 0 1px}.mock-card .pp{font-size:.74rem;font-weight:700;color:var(--ink)}.mock-total{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;margin-top:4px;padding:12px 14px;border-radius:12px;background:var(--ink)}.mock-total .tl{font-size:.72rem;color:#fff9}.mock-total .tv{font-size:.95rem;font-weight:700;color:#fff;font-family:var(--font-display)}.mock-total .tb{background:var(--yellow);color:var(--ink);font-size:.74rem;font-weight:700;padding:7px 13px;border-radius:9px}.mock-badge{position:absolute;left:-20px;bottom:30px;z-index:2;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-md);padding:12px 15px;display:flex;align-items:center;gap:11px}.mock-badge .ic{width:36px;height:36px;border-radius:10px;background:#e8f8ee;color:#1f9d55;display:flex;align-items:center;justify-content:center}.mock-badge .bt{font-size:.82rem;font-weight:700;color:var(--ink)}.mock-badge .bs{font-size:.7rem;color:var(--muted)}.grid-3,.grid-bnf{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px 26px;box-shadow:var(--shadow);transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease)}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.card h3{font-size:1.16rem;margin-bottom:8px;color:var(--ink);text-transform:none;font-family:var(--font-display);font-weight:600}.card p{font-size:.95rem;color:var(--text)}.ico{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}.ico-red{background:var(--red-tint);color:var(--red)}.ico-yellow{background:var(--yellow-tint);color:var(--ink)}.rtb{display:flex;align-items:center;gap:9px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:.9rem;font-weight:600;color:var(--ink)}.rtb svg{color:var(--ink);background:var(--yellow);border-radius:50%;padding:3px;flex-shrink:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.step{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px 26px;box-shadow:var(--shadow)}.step-top{display:flex;align-items:center;gap:14px;margin-bottom:18px}.step-num{width:46px;height:46px;border-radius:12px;background:var(--yellow);color:var(--ink);font-family:var(--font-display);font-weight:700;font-size:1.4rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-ic{color:var(--ink)}.step h3{font-size:1.16rem;margin-bottom:8px;font-family:var(--font-display);font-weight:600;color:var(--ink)}.step p{font-size:.95rem;color:var(--text)}.how-cta{text-align:center;margin-top:46px}.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:46px}.quote{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px 26px;box-shadow:var(--shadow);display:flex;flex-direction:column}.quote-mark{font-family:Georgia,serif;font-size:3.4rem;line-height:.6;color:var(--yellow-deep);height:30px}.quote p{font-size:1rem;color:var(--ink-2);margin-bottom:22px;flex:1}.quote-by{display:flex;align-items:center;gap:13px}.avatar{width:44px;height:44px;border-radius:50%;background:var(--yellow);color:var(--ink);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:1rem;flex-shrink:0}.quote-by .qn{font-size:.95rem;font-weight:700;color:var(--ink)}.quote-by .qr{font-size:.84rem;color:var(--muted)}.partner-badge{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px 28px;box-shadow:var(--shadow)}.partner-badge .lbl{font-size:.82rem;color:var(--muted);font-weight:600}.partner-logo{background:var(--ink);color:var(--yellow);font-family:var(--font-display);font-weight:700;letter-spacing:.04em;font-size:.98rem;padding:11px 20px;border-radius:10px;text-transform:uppercase}.partner-badge .desc{font-size:.92rem;color:var(--text);max-width:380px}.form-card{max-width:560px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:40px}.form-row{margin-bottom:18px}.form-row label{display:block;font-size:.88rem;font-weight:600;color:var(--ink);margin-bottom:8px}.req{color:var(--red)}.field{width:100%;font-size:1rem;color:var(--ink);background:#fff;border:1.5px solid var(--line-strong);border-radius:11px;padding:13px 15px;transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}.field::placeholder{color:var(--muted)}.field:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px var(--yellow-tint)}textarea.field{resize:vertical;min-height:120px}select.field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2321201F' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;padding-right:42px}.disclaimer{display:flex;align-items:center;gap:9px;justify-content:center;font-size:.86rem;color:var(--muted);margin-top:16px}.disclaimer svg{color:var(--ink);flex-shrink:0}.form-success{text-align:center;padding:14px;background:#e8f8ee;border:1px solid #b9e6c9;border-radius:11px;color:#1f7a44;font-weight:600;font-size:.95rem;margin-top:18px}.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:start;max-width:980px;margin:0 auto}.contact-aside h3{font-size:1.3rem;margin-bottom:12px;font-family:var(--font-display);text-transform:none}.contact-aside p{font-size:.98rem;margin-bottom:26px}.channel{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;box-shadow:var(--shadow);margin-bottom:14px;transition:transform .18s var(--ease),border-color .18s var(--ease)}.channel:hover{transform:translateY(-2px);border-color:var(--ink)}.ch-ic{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.ch-tg{background:#229ed9}.ch-wa{background:#25d366}.channel .ch-t{font-size:.95rem;font-weight:700;color:var(--ink)}.channel .ch-s{font-size:.82rem;color:var(--muted)}.footer{background:var(--ink);color:#b9b6b1;padding:64px 0 30px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:40px;margin-bottom:44px}.footer .brand-name{color:#fff}.footer-about{font-size:.94rem;color:#94918c;margin-top:16px;max-width:320px}.footer h4{color:#fff;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:18px;font-weight:700;font-family:var(--font-body)}.footer-links a,.footer-contact span{display:block;font-size:.94rem;color:#b9b6b1;margin-bottom:11px;transition:color .15s}.footer-links a:hover{color:var(--yellow)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:.86rem;color:#7d7a75}.app{width:100%;max-width:480px;margin:0 auto;background:var(--bg-warm);min-height:100vh}.header{background:#fff;padding:16px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:10}.header-blue{background:var(--ink);border-bottom:none}.header-title{font-size:16px;font-weight:600;color:var(--ink)}.header-title-w{color:#fff}.header-sub{font-size:12px;color:var(--muted);margin-top:2px}.header-sub-w{color:#ffffffbf}.back-btn{background:none;border:none;cursor:pointer;color:var(--muted);font-size:20px;padding:0;display:flex;align-items:center}.back-btn-w{color:#fff}.dash-header{background:var(--yellow);padding:26px 20px 30px}.dash-welcome{font-size:13px;color:var(--ink-2)}.dash-name{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--ink);margin-top:2px;text-transform:uppercase;line-height:1.1}.dash-logout{background:var(--ink);border:none;color:#fff;font-size:12px;font-weight:600;padding:6px 14px;border-radius:var(--radius-pill);cursor:pointer;margin-top:12px;display:inline-block}.content{padding:20px}.sec-title{font-size:11px;color:var(--muted);font-weight:700;margin-bottom:12px;text-transform:uppercase;letter-spacing:.06em}.supplier-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin-bottom:10px;cursor:pointer;display:flex;align-items:center;gap:14px;transition:border-color .2s,transform .2s var(--ease)}.supplier-card:hover{border-color:var(--ink);transform:translateY(-2px)}.sup-logo{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:13px;font-weight:800}.sup-name{font-size:15px;font-weight:700;color:var(--ink)}.sup-desc{font-size:12px;color:var(--muted);margin-top:3px}.sup-address{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--blue);margin-top:4px}.sup-address:hover{text-decoration:underline}.sup-address-w{color:#ffffffd9}.filter-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin-bottom:16px;scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.filter-btn{padding:7px 16px;border-radius:var(--radius-pill);border:1px solid var(--line-strong);background:#fff;color:var(--ink-2);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s}.filter-btn.active{background:var(--ink);color:#fff;border-color:var(--ink)}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-bottom:100px}.product-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:14px}.product-emoji{font-size:32px;text-align:center;padding:10px 0 6px}.product-name{font-size:13px;font-weight:600;color:var(--ink);margin-bottom:2px;line-height:1.3}.product-unit{font-size:11px;color:var(--muted)}.product-price{font-size:15px;font-weight:700;color:var(--ink);margin:8px 0 6px;font-family:var(--font-display)}.add-btn{width:100%;padding:9px;background:var(--bg-warm);border:1px solid var(--line-strong);border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;color:var(--ink);display:flex;align-items:center;justify-content:center;gap:4px;transition:all .2s}.add-btn:hover{background:var(--yellow-tint);border-color:var(--ink)}.qty-ctrl{display:flex;align-items:center;gap:8px;margin-top:6px}.qty-minus{width:30px;height:30px;border-radius:50%;border:1px solid var(--line-strong);background:#fff;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;color:var(--ink)}.qty-plus{width:30px;height:30px;border-radius:50%;border:none;background:var(--ink);color:#fff;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center}.qty-input{width:52px;height:30px;border:1px solid var(--line-strong);border-radius:8px;text-align:center;font-size:14px;font-weight:600;color:var(--ink);outline:none}.cart-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:#fff;border-top:1px solid var(--line);padding:12px 20px;display:flex;align-items:center;gap:12px;box-shadow:0 -4px 16px #21201f14;z-index:20}.cart-info{flex:1}.cart-count-t{font-size:12px;color:var(--muted)}.cart-total-t{font-size:17px;font-weight:700;color:var(--ink);font-family:var(--font-display)}.cart-btn{padding:12px 22px;background:var(--yellow);color:var(--ink);border:none;border-radius:11px;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap}.cart-icon-wrap{position:relative;cursor:pointer}.badge{position:absolute;top:-6px;right:-6px;background:var(--yellow);color:var(--ink);font-size:10px;font-weight:800;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.order-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.order-item-name{font-size:14px;color:var(--ink);font-weight:500}.order-item-detail{font-size:12px;color:var(--muted);margin-top:2px}.order-item-price{font-size:14px;font-weight:600;color:var(--ink);white-space:nowrap;margin-left:12px}.total-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0 0}.total-label{font-size:16px;font-weight:600;color:var(--ink)}.total-amount{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--ink)}.divider{height:8px;background:var(--bg-warm);margin:16px -20px}.payment-title{font-size:11px;color:var(--muted);margin:16px 0 12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.payment-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px}.pay-opt{padding:14px 12px;border:1px solid var(--line-strong);border-radius:12px;text-align:center;cursor:pointer;background:#fff;transition:all .2s}.pay-opt:hover{border-color:var(--ink)}.pay-opt.selected{border:2px solid var(--ink);background:var(--yellow-tint)}.pay-opt-name{font-size:13px;font-weight:600;color:var(--ink);margin-top:6px}.pay-opt-icon{font-size:24px}.success-wrap{background:var(--yellow);padding:44px 24px 34px;text-align:center}.success-icon{width:66px;height:66px;background:var(--ink);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;font-size:32px;color:var(--yellow)}.success-title{font-family:var(--font-display);font-size:26px;font-weight:700;color:var(--ink);margin-bottom:8px;text-transform:uppercase}.success-sub{font-size:14px;color:var(--ink-2);line-height:1.5}.summary-card{background:#fff;border-radius:var(--radius);padding:18px;margin:20px;box-shadow:var(--shadow)}.summary-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;border-bottom:1px solid var(--line)}.summary-row:last-child{border-bottom:none}.summary-label{color:var(--muted)}.summary-value{color:var(--ink);font-weight:600}.order-hist-card{background:#fff;border-radius:var(--radius);padding:16px;margin-bottom:10px;border:1px solid var(--line)}.order-hist-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.order-hist-id{font-size:15px;font-weight:700;color:var(--ink)}.status-badge{font-size:12px;padding:4px 10px;border-radius:var(--radius-pill);font-weight:600}.status-delivered{background:#e8f8ee;color:#1f7a44}.status-pending{background:var(--yellow-tint);color:#8a6d00}.order-hist-sub{font-size:13px;color:var(--muted)}.repeat-btn{margin-top:10px;width:100%;padding:10px;background:var(--ink);border:none;border-radius:10px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .18s}.repeat-btn:hover{background:#000}.order-hist-card--click{cursor:pointer;transition:border-color .18s var(--ease),transform .18s var(--ease),box-shadow .18s var(--ease)}.order-hist-card--click:hover{border-color:var(--ink);transform:translateY(-2px);box-shadow:var(--shadow-md)}.checkout-grid{display:grid;grid-template-columns:1fr;gap:20px;align-items:start}.summary-box{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow)}.toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;padding:11px 22px;border-radius:11px;font-size:14px;opacity:0;transition:opacity .3s;z-index:999;pointer-events:none;white-space:nowrap}.toast.show{opacity:1}.input-field{width:100%;padding:14px 16px;border:1.5px solid var(--line-strong);border-radius:12px;font-size:16px;outline:none;transition:border-color .2s,box-shadow .2s;background:#fff;color:var(--ink)}.input-field:focus{border-color:var(--ink);box-shadow:0 0 0 3px var(--yellow-tint)}.input-field.error{border-color:var(--red)}.field-label{font-size:14px;color:var(--ink);font-weight:600;display:block;margin-bottom:10px}.auth-error{color:var(--red);font-size:13px;margin-bottom:12px}.link-btn{background:none;border:none;color:var(--ink);font-size:14px;font-weight:600;cursor:pointer;text-decoration:underline;padding:0}.admin-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-warm);padding:24px}.admin-login-card{width:100%;max-width:400px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:36px}.admin-bar{background:var(--ink);color:#fff;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.admin-brand{font-family:var(--font-display);font-weight:600;text-transform:uppercase;letter-spacing:.02em;font-size:1.15rem}.admin-logout{background:#ffffff29;border:none;color:#fff;font-size:13px;font-weight:600;padding:7px 15px;border-radius:var(--radius-pill);cursor:pointer;transition:background .15s}.admin-logout:hover{background:#ffffff47}.admin-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.admin-table{width:100%;border-collapse:collapse;font-size:14px;min-width:780px}.admin-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:700;padding:14px 16px;border-bottom:1px solid var(--line);white-space:nowrap}.admin-table td{padding:14px 16px;border-bottom:1px solid var(--line);color:var(--ink)}.admin-table tbody tr{cursor:pointer;transition:background .15s}.admin-table tbody tr:hover{background:var(--yellow-tint)}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table .num{font-weight:700;font-family:var(--font-display)}.sidebar{display:none}.portal-layout{display:flex;align-items:flex-start;width:100%}.portal-layout .app--wide{flex:1;margin:0}@media (min-width:768px){.portal-layout{gap:0}.sidebar{display:flex;flex-direction:column;width:220px;flex-shrink:0;min-height:100vh;background:#fff;border-right:1px solid var(--line);padding:24px 16px;position:sticky;top:0}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:0 8px 24px}.sidebar-brand .brand-name{color:var(--ink);font-size:1.1rem}.sidebar-nav{display:flex;flex-direction:column;gap:4px}.sidebar-link{display:flex;align-items:center;gap:10px;padding:11px 12px;border:none;background:none;border-radius:10px;font-size:14px;font-weight:600;color:var(--ink-2);cursor:pointer;text-align:left;width:100%}.sidebar-link:hover{background:var(--bg-warm)}.sidebar-link.active{background:var(--yellow-tint);color:var(--ink)}.sidebar-cart{margin-top:auto;display:flex;align-items:center;gap:8px;padding:11px 12px;border:1px solid var(--line-strong);border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;justify-content:center}.sidebar-foot{margin-top:12px}}@media (max-width:900px){.hero-grid{grid-template-columns:1fr;gap:48px;padding:56px 0 64px}.hero-visual:before{display:none}.mock-badge{left:0}.grid-3,.steps,.grid-bnf,.quotes{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr;gap:28px}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}}@media (max-width:720px){.section{padding:64px 0}.nav-links,.nav-login{display:none}.burger{display:inline-flex}.mobile-menu{display:block;position:fixed;top:var(--nav-h);left:0;right:0;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow-md);transform:translateY(-12px);opacity:0;pointer-events:none;transition:opacity .2s var(--ease),transform .2s var(--ease);z-index:99}.mobile-menu.open{transform:translateY(0);opacity:1;pointer-events:auto}.mobile-menu a{display:block;padding:15px 24px;font-weight:600;color:var(--ink);border-top:1px solid var(--line)}.mobile-menu a:first-child{border-top:none}.form-card{padding:28px 22px}.footer-grid{grid-template-columns:1fr}}@media (max-width:520px){.app{border-radius:0}.cart-bar{left:0;transform:none}}@media (max-width:420px){.mock-body{grid-template-columns:1fr}}@media (min-width:768px){.app--wide{max-width:960px}.app--wide .product-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.app--wide .cart-bar{max-width:960px}.app--wide .supplier-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.app--wide .order-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px}.app--wide .supplier-list .supplier-card,.app--wide .order-list .order-hist-card{margin-bottom:0}.app--wide .checkout-grid{grid-template-columns:1.6fr 1fr}.app--wide .checkout-aside{position:sticky;top:88px}}@media (min-width:1140px){.app--wide,.app--wide .cart-bar{max-width:1120px}.app--wide .content{padding:24px 28px}}