@import"https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700&family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg: #EFEFEF;--surface: #fff;--text-0: #000;--text-1: #3A3A3C;--text-2: #6E6E73;--text-3: #AEAEB2;--text-4: #D1D1D6;--accent: #FE9E6F;--accent-green: #2D6A4F;--bar: #3A3A3C;--blue: #0071E3;--red: #FF3B30;--orange: #FF9500;--green: #34C759;--divider: rgba(0,0,0,.06);--glass: rgba(239,239,239,.85);--r: 20px;--r-s: 14px;--r-xs: 10px;--safe-b: env(safe-area-inset-bottom, 0px);--tab-h: 50px;--sans: "Zen Kaku Gothic New", -apple-system, sans-serif;--display: "Outfit", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{width:100%;height:100%}body{font-family:var(--sans);background:var(--bg);color:var(--text-1);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}#root{width:100%;height:100dvh;display:flex;flex-direction:column}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.top-bar{position:fixed;top:0;left:0;right:0;width:100%;height:56px;background:var(--bar);display:flex;align-items:center;justify-content:center;z-index:120}.top-bar-center{display:flex;flex-direction:column;align-items:center;gap:2px}.top-bar-logo{height:16px;width:auto;opacity:.92}.top-bar-sub{font-family:var(--display);font-size:11px;font-weight:400;color:#ffffff73;letter-spacing:.1em}.tab-bar{position:fixed;bottom:0;left:0;right:0;width:100%;height:calc(var(--tab-h) + var(--safe-b) + 6px);padding:0 4px;padding-bottom:calc(var(--safe-b) + 2px);background:var(--bar);border-top:.5px solid #4A4A4C;display:flex;align-items:center;justify-content:center;gap:0;z-index:100}.tb{display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px 24px;border:none;background:none}.tb:active{opacity:.4}.tb-ic{width:24px;height:24px}.tb-ic svg{width:24px;height:24px;stroke-width:1.5;fill:none;stroke:#fff6;transition:all .2s}.tb.on .tb-ic svg{stroke:#fff}.tb-nm{font-size:10px;font-weight:500;color:#fff6;transition:color .2s}.tb.on .tb-nm{color:#fff;font-weight:600}.app{flex:1;overflow-y:auto;overflow-x:hidden;padding-top:56px;padding-bottom:calc(var(--tab-h) + var(--safe-b) + 6px)}.content-wrap{max-width:800px;margin:0 auto;width:100%}.sp-hdr{position:sticky;top:0;z-index:50;padding:64px 16px 12px;background:var(--glass);backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px);border-bottom:.5px solid var(--divider);display:flex;align-items:center;gap:8px}.sp-back{border:none;background:none;padding:4px;display:flex;align-items:center}.sp-back-ic{width:28px;height:28px;color:var(--accent-green)}.sp-back-ic svg{width:28px;height:28px}.sp-title{font-size:17px;font-weight:700;color:var(--text-0);flex:1}.sp-hdr-right{margin-left:auto}.sp-body{padding:16px}.section{margin-bottom:24px}.section-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:0 4px}.section-title{font-size:18px;font-weight:700;color:var(--text-0)}.card{background:var(--surface);border-radius:var(--r);padding:16px;margin-bottom:10px;transition:transform .15s}.card:active{transform:scale(.98)}.card-row{background:var(--surface);border-radius:var(--r-s);padding:14px 16px;margin-bottom:6px;display:flex;align-items:center;justify-content:space-between;transition:transform .15s;cursor:pointer}.card-row:active{transform:scale(.98)}.order-card{background:var(--surface);border-radius:var(--r);padding:14px 16px;margin-bottom:10px;cursor:pointer;transition:transform .15s;animation:fadeIn .3s ease}.order-card:active{transform:scale(.98)}.oc-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:6px}.oc-name{font-size:15px;font-weight:600;color:var(--text-0);flex:1}.oc-badges{display:flex;gap:4px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.oc-mid{margin-bottom:6px}.oc-info{font-size:13px;color:var(--text-2)}.oc-online-ref{color:var(--orange);font-weight:500}.oc-prices{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.oc-price-chip{font-size:12px;font-weight:500;padding:3px 8px;border-radius:100px;background:#f2f2f7;color:var(--text-1);font-family:var(--display)}.oc-price-chip.cheapest{background:#d1f2eb;color:var(--accent-green);font-weight:600}.oc-confirmed{display:flex;align-items:center;gap:8px;font-size:12px;margin-bottom:6px}.oc-confirmed-vendor{font-weight:600;color:var(--accent-green)}.oc-confirmed-status{color:var(--text-2)}.oc-bottom{display:flex;align-items:center;justify-content:space-between}.oc-meta{font-size:12px;color:var(--text-3)}.oc-arrow{width:16px;height:16px;color:var(--text-4)}.oc-arrow svg{width:16px;height:16px}.badge{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:100px;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:100px;border:none;font-size:14px;font-weight:600;transition:all .15s}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.5;pointer-events:none}.btn-accent{background:#2d6a4f14;color:var(--accent-green);border:1.5px solid var(--accent-green)}.btn-primary{background:var(--accent-green);color:#fff}.btn-primary-block{background:var(--accent-green);color:#fff;width:100%;padding:14px 20px;font-size:15px}.btn-warn{background:#ff3b3014;color:var(--red);border:1.5px solid var(--red)}.btn-ghost{background:none;color:var(--text-2);border:1.5px solid var(--text-4)}.btn-sm{padding:6px 14px;font-size:13px}.fg{margin-bottom:16px}.fg-label{display:block;font-size:13px;font-weight:600;color:var(--text-2);margin-bottom:6px}.fi{width:100%;padding:12px 14px;border:1.5px solid var(--divider);border-radius:var(--r-xs);font-size:15px;color:var(--text-0);background:var(--surface);transition:border-color .2s;outline:none}.fi:focus{border-color:var(--accent-green)}.fi-row{display:flex;gap:8px}.fi-row .fi{flex:1}textarea.fi{min-height:80px;resize:vertical;line-height:1.5}select.fi{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23AEAEB2' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.toggle-group{display:flex;gap:0;border:1.5px solid var(--divider);border-radius:var(--r-xs);overflow:hidden}.toggle-btn{flex:1;padding:10px 8px;border:none;background:var(--surface);font-size:13px;font-weight:500;color:var(--text-2);transition:all .2s}.toggle-btn.on{background:var(--accent-green);color:#fff;font-weight:600}.check-list{display:flex;flex-direction:column;gap:8px}.check-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--surface);border-radius:var(--r-xs);border:1.5px solid var(--divider);cursor:pointer;transition:all .15s}.check-item.checked{border-color:var(--accent-green);background:#2d6a4f0a}.check-box{width:20px;height:20px;border:2px solid var(--text-4);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.check-item.checked .check-box{background:var(--accent-green);border-color:var(--accent-green)}.check-box svg{width:14px;height:14px;stroke:#fff;stroke-width:3}.check-label{font-size:14px;color:var(--text-1)}.check-sub{font-size:12px;color:var(--text-3);margin-left:auto}.info-card{padding:14px 16px;border-radius:var(--r-s);font-size:13px;line-height:1.6;margin-bottom:16px}.info-card.purple{background:#f3e5f5;color:#6a1b9a}.info-card.green{background:#e8f5e9;color:#2d6a4f}.info-card.yellow{background:#fff8e1;color:#f57f17}.info-card.red{background:#ffebee;color:#c62828}.price-card{background:var(--surface);border-radius:var(--r-s);padding:14px 16px;margin-bottom:8px;border:2px solid transparent;cursor:pointer;transition:all .15s}.price-card:active{transform:scale(.98)}.price-card.selected{border-color:var(--accent-green)}.price-card.cheapest{background:#f0fff4}.pc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.pc-vendor{font-size:15px;font-weight:600;color:var(--text-0)}.pc-cheapest{font-size:11px;font-weight:600;color:var(--accent-green);background:#d1f2eb;padding:2px 8px;border-radius:100px}.pc-check{width:24px;height:24px;border-radius:50%;background:var(--accent-green);display:flex;align-items:center;justify-content:center}.pc-check svg{width:16px;height:16px;stroke:#fff;stroke-width:2.5}.pc-price{font-family:var(--display);font-size:20px;font-weight:600;color:var(--text-0)}.pc-unit{font-size:13px;color:var(--text-2);margin-left:4px}.pc-details{display:flex;gap:16px;font-size:13px;color:var(--text-2);margin-top:6px}.alert-card{background:var(--surface);border-radius:var(--r-s);padding:12px 14px;margin-bottom:8px;border-left:4px solid var(--orange)}.alert-card.danger{border-left-color:var(--red)}.alert-card.ok{border-left-color:var(--green)}.toast{position:fixed;bottom:calc(var(--tab-h) + var(--safe-b) + 24px);left:50%;transform:translate(-50%);background:var(--text-0);color:#fff;padding:12px 24px;border-radius:100px;font-size:14px;font-weight:500;z-index:999;animation:toastIn .3s ease;white-space:nowrap}.loading-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px}.loading-spinner{width:32px;height:32px;color:var(--accent-green);animation:spin 1s linear infinite}.loading-text{font-size:14px;color:var(--text-3)}.search-bar{position:relative;margin-bottom:16px}.search-bar .fi{padding-left:40px}.search-bar-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--text-3)}.search-bar-icon svg{width:20px;height:20px}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.text-center{text-align:center}.text-sm{font-size:13px}.text-xs{font-size:12px}.text-muted{color:var(--text-3)}.text-danger{color:var(--red)}.text-accent{color:var(--accent-green)}.fw-600{font-weight:600}.flex-between{display:flex;align-items:center;justify-content:space-between}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.dialog{background:var(--surface);border-radius:var(--r);padding:24px;max-width:340px;width:100%;text-align:center}.dialog h3{font-size:17px;margin-bottom:8px;color:var(--text-0)}.dialog p{font-size:14px;color:var(--text-2);margin-bottom:20px}.dialog-actions{display:flex;gap:8px}.dialog-actions .btn{flex:1}.vendor-portal{min-height:100dvh;background:var(--bg)}.vendor-header{background:var(--bar);padding:16px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px}.vendor-header .top-bar-logo{height:14px}.vendor-name{font-size:14px;font-weight:500;color:#ffffffb3}.vendor-tabs{display:flex;background:var(--surface);border-bottom:1px solid var(--divider);position:sticky;top:0;z-index:10}.vendor-tab{flex:1;padding:12px 8px;border:none;background:none;font-size:14px;font-weight:500;color:var(--text-3);border-bottom:2px solid transparent;transition:all .2s}.vendor-tab.on{color:var(--accent-green);border-bottom-color:var(--accent-green);font-weight:600}.vendor-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;background:var(--red);color:#fff;font-size:11px;font-weight:700;border-radius:100px;padding:0 5px;margin-left:4px}.vendor-body{padding:16px;max-width:800px;margin:0 auto}.login-wrap{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--bg)}.login-card{background:var(--surface);border-radius:var(--r);padding:32px 24px;max-width:360px;width:100%;text-align:center}.login-card .top-bar-logo{height:20px;margin-bottom:24px}@media (min-width: 768px){.sp-body{padding:24px}.form-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px}}