:root{color-scheme:light;font-family:Inter,PingFang SC,Microsoft YaHei,Noto Sans SC,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;--bg: #f6f8f5;--surface: #ffffff;--surface-soft: #eef5ef;--surface-green: #e7f2e7;--text: #14231d;--muted: #647169;--line: #dbe4dd;--green: #0f5b46;--green-2: #1f7a5e;--green-3: #8ccf8f;--clay: #b9613c;--clay-soft: #f6e4dc;--warn: #b7791f;--warn-soft: #fff3cf;--danger: #b42318;--shadow: 0 16px 42px rgba(30, 57, 45, .12);--radius: 8px}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(180deg,#e7f2e7a6,#f6f8f500 300px),var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}code{font-family:SFMono-Regular,Consolas,monospace;font-size:12px;color:#304139}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.side-nav{position:sticky;top:0;height:100vh;padding:22px 18px;border-right:1px solid var(--line);background:#ffffffc7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;flex-direction:column;gap:22px}.brand-mark{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800}.brand-icon{width:38px;height:38px;border-radius:var(--radius);display:grid;place-items:center;color:#fff;background:var(--green)}.side-nav nav{display:grid;gap:6px}.nav-button,.ghost-button,.primary-button,.secondary-button,.icon-button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:var(--radius);font-size:14px;font-weight:700}.nav-button{width:100%;justify-content:flex-start;color:var(--muted);padding:0 12px;background:transparent}.nav-button.is-active{color:var(--green);background:var(--surface-green)}.side-actions{margin-top:auto;display:grid;gap:8px}.ghost-button{color:var(--green);background:#f0f6f1;padding:0 12px}.file-action{position:relative;overflow:hidden}.file-action input,.photo-uploader input{position:absolute;inset:0;opacity:0;cursor:pointer}.workspace{width:min(1180px,100%);margin:0 auto;padding:26px 24px 42px}.topbar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:22px}.eyebrow,.panel-kicker{margin:0 0 5px;color:var(--muted);font-size:13px;font-weight:700}.topbar h1{margin:0;display:flex;align-items:center;gap:10px;font-size:28px;line-height:1.2}.topbar-actions{display:flex;gap:10px;align-items:center}.sync-badge{min-height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:var(--muted);padding:0 10px;font-size:12px;font-weight:800;white-space:nowrap}.sync-badge.is-api{color:var(--green);background:var(--surface-green);border-color:#cae0cf}.search-box,.barcode-input{height:42px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:0 12px;color:var(--muted)}.search-box input,.barcode-input input,label input,label select,label textarea,.manual-scan input{border:0;outline:0;width:100%;color:var(--text);background:transparent}.search-box{min-width:260px}.primary-button{color:#fff;background:var(--green);padding:0 14px}.primary-button:hover{background:var(--green-2)}.secondary-button{color:var(--green);background:var(--surface-green);padding:0 14px}.mini-button{min-height:34px;padding:0 10px;font-size:12px}.danger-action{color:var(--danger);background:#fff1ec}.table-actions{display:flex;flex-wrap:wrap;gap:8px}.full{width:100%}.view-grid{display:grid;gap:16px}.view-grid>*,.topbar>*,.panel-title>*,.product-heading>*{min-width:0}.home-grid{grid-template-columns:1.1fr .9fr}.two-column,.materials-grid,.products-grid,.supplier-grid,.sales-grid{grid-template-columns:minmax(320px,420px) 1fr}.wide-panel,.metric-strip{grid-column:1 / -1}.hero-panel,.panel,.metric-card,.product-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 28px #1e392d14}.hero-panel{min-height:260px;padding:26px;display:grid;align-content:space-between;gap:22px;background:linear-gradient(135deg,#0f5b46f2,#1f7a5edb),var(--green);color:#fff;overflow:hidden}.hero-panel h2{margin:0;max-width:610px;font-size:30px;line-height:1.18;overflow-wrap:anywhere}.hero-panel p{margin:12px 0 0;max-width:560px;color:#ffffffc7;line-height:1.7}.hero-panel .panel-kicker{color:#fffc}.scan-cta{width:fit-content;border:0;border-radius:var(--radius);background:#fff;color:var(--green);display:inline-flex;align-items:center;gap:10px;padding:12px 16px;font-size:15px;font-weight:800}.metric-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-card{padding:16px;display:grid;gap:8px}.metric-card span{color:var(--muted);font-size:13px;font-weight:700}.metric-card strong{font-size:24px;line-height:1.1}.metric-card.green{background:var(--surface-green);border-color:#cae0cf}.metric-card.clay{background:var(--clay-soft);border-color:#edc9ba}.metric-card.warn{background:var(--warn-soft);border-color:#f1d58c}.module-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px}.module-toolbar .panel-title{margin-bottom:4px}.module-toolbar p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.module-toolbar>button{flex:0 0 auto}.module-toolbar-actions{flex:0 0 auto;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-title h2{margin:0;display:flex;align-items:center;gap:8px;font-size:18px;line-height:1.25}.panel-title button{border:0;color:var(--green);background:transparent;display:inline-flex;align-items:center;gap:2px;font-size:13px;font-weight:800}.compact-list,.cart-list,.sale-product-list,.product-catalog{display:grid;gap:10px}.list-row,.cart-row,.sale-product-row{min-height:62px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;display:flex;align-items:center;gap:12px;padding:12px}.list-row{justify-content:space-between}.list-row div,.purchase-row div,.cart-row div,.sale-product-row span{min-width:0;display:grid;gap:4px}.list-row strong,.cart-row strong,.sale-product-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-row span,.purchase-row span,.cart-row span,.sale-product-row small,.product-heading span,.product-meta span,.barcode-line,.empty-state{color:var(--muted);font-size:13px}.status-pill{display:inline-flex;align-items:center;min-height:28px;width:fit-content;white-space:nowrap;border-radius:var(--radius);padding:0 9px;color:var(--green);background:var(--surface-green);font-size:12px;font-weight:800}.status-pill.warning{color:var(--warn);background:var(--warn-soft)}.product-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.product-tile{display:flex;gap:10px;align-items:center;min-width:0;padding:10px;border-radius:var(--radius);border:1px solid var(--line)}.product-tile div:not(.product-image){display:grid;min-width:0;gap:4px}.product-tile strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-image{width:54px;height:54px;border-radius:var(--radius);object-fit:cover;flex:0 0 auto;border:1px solid #d7e2d9}.product-image.placeholder{display:grid;place-items:center;color:var(--green);background:linear-gradient(135deg,#8ccf8f57,#b9613c1a),#f5faf4}.responsive-table{width:100%;overflow-x:auto}.mobile-table-list{display:none}table{width:100%;border-collapse:collapse;min-width:560px}th,td{padding:13px 10px;text-align:left;border-bottom:1px solid var(--line);font-size:14px}th{color:var(--muted);font-size:12px;font-weight:800;background:#f8faf8}td strong,td small{display:block}td small{color:var(--muted);margin-top:4px}.danger-text{color:var(--danger);font-weight:800}.form-panel{display:grid;gap:13px;align-content:start}.side-stack{display:grid;gap:16px;align-content:start}label{display:grid;gap:7px}label span{color:var(--muted);font-size:13px;font-weight:800}.field-hint{color:var(--muted);font-size:12px;line-height:1.5}.spec-field{gap:8px}.inline-create-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.spec-add-button{min-width:78px}.inline-create-row input{min-height:38px}.spec-list-panel{min-height:42px;border:1px solid var(--line);border-radius:var(--radius);background:#fbfdfb;padding:8px}.spec-list-panel.is-empty{display:flex;align-items:center}.spec-list-panel.is-empty small{color:var(--muted);font-size:12px}.spec-chip-list{display:flex;flex-wrap:wrap;gap:8px}.spec-chip-list button{min-height:30px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);padding:0 10px;font-size:12px;font-weight:800}.editable-specs button{display:inline-flex;align-items:center;gap:5px;color:var(--green);background:var(--surface-green);border-color:#0f5b462e}.spec-chip-list button.is-active{border-color:#0f5b4659;background:var(--surface-green);color:var(--green)}.existing-specs{display:grid;gap:6px;padding-top:2px}.existing-specs>span{color:var(--muted);font-size:12px;font-weight:800}.readonly-specs small{min-height:28px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);padding:6px 10px;font-size:12px;line-height:1}label input,label select,label textarea,.manual-scan input{min-height:42px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:0 12px}label textarea{min-height:88px;padding:11px 12px;resize:vertical}.form-grid,.sale-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.summary-line,.checkout-bar{border-radius:var(--radius);border:1px solid var(--line);background:#f8fbf8;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.row-amount{text-align:right}.photo-uploader{position:relative;min-height:168px;border:1px dashed #aac7b2;border-radius:var(--radius);background:#f4faf4;overflow:hidden;display:grid;place-items:center;color:var(--green);font-weight:800}.photo-uploader img{width:100%;height:190px;object-fit:cover}.photo-uploader span{display:grid;place-items:center;gap:8px;color:var(--green)}.photo-uploader:focus-within,.photo-uploader:focus{outline:2px solid rgba(63,142,75,.28);outline-offset:2px}.material-photo-uploader{min-height:132px}.material-photo-uploader img{height:150px}.product-stock-edit-form .photo-uploader{min-height:320px;aspect-ratio:4 / 3;background:linear-gradient(145deg,#0d5d480d,#6ba9851c),#f8fbf8}.product-stock-edit-form .photo-uploader img{width:100%;height:100%;min-height:320px;object-fit:contain;background:#f8fbf8}.banner-form-panel{grid-column:1 / -1}.banner-photo-uploader{min-height:230px;aspect-ratio:16 / 7;background:linear-gradient(145deg,#6ba9851f,#ebf7e5eb),#f7fbf4}.banner-photo-uploader img{width:100%;height:100%;min-height:230px;object-fit:cover}.form-actions-row{display:flex;justify-content:flex-end;gap:10px}.banner-list-panel{grid-column:1 / -1}.banner-admin-list{display:grid;gap:12px}.banner-admin-card{display:grid;grid-template-columns:minmax(190px,280px) 1fr;gap:14px;align-items:stretch;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:12px}.banner-admin-preview{position:relative;min-height:130px;border:0;border-radius:calc(var(--radius) - 2px);background:#eef8ec;overflow:hidden;padding:0}.banner-admin-preview img,.banner-admin-preview .banner-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.banner-admin-card-body{display:grid;align-content:space-between;gap:12px;min-width:0}.banner-admin-card-body strong{display:block;color:var(--text);font-size:16px;font-weight:900}.banner-admin-card-body span{color:var(--muted);font-size:13px}.banner-admin-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.material-cell{min-width:0;display:flex;align-items:center;gap:10px}.material-cell>div{min-width:0}.material-image-button{flex:0 0 auto;width:60px;height:60px;border:0;border-radius:12px;background:transparent;padding:0;overflow:hidden;cursor:zoom-in}.material-image-button:focus-visible{outline:2px solid rgba(0,97,65,.45);outline-offset:2px}.material-image{flex:0 0 auto;width:60px;height:60px;border:1px solid #dbe8dd;border-radius:12px;background:#eef7f0;object-fit:cover}.material-image-button .material-image{display:block;transition:transform .16s ease,box-shadow .16s ease}.material-image-button:hover .material-image{box-shadow:0 8px 18px #0e231824;transform:translateY(-1px)}.material-image.placeholder{display:grid;place-items:center;color:var(--green)}.product-catalog{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-content:start}.product-card{overflow:hidden;display:grid;grid-template-columns:132px minmax(0,1fr);align-items:start}.product-card .product-image{width:132px;height:132px;min-height:0;border-radius:0;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);object-fit:cover}.product-body{min-width:0;padding:14px;display:grid;gap:12px}.product-heading{display:flex;gap:10px;justify-content:space-between}.product-heading h3{margin:0 0 4px;font-size:17px}.product-meta{display:flex;flex-wrap:wrap;gap:8px}.product-meta span{border-radius:var(--radius);background:#f5f8f5;padding:7px 8px}.product-edit-wrap{display:grid}.panel.product-stock-panel{padding:0;overflow:hidden}.product-stock-panel .empty-state{padding:16px}.product-stock-table table{min-width:880px}.product-stock-table th,.product-stock-table td{vertical-align:middle}.product-stock-table th:first-child,.product-stock-table td:first-child{width:38%}.product-stock-cell{display:flex;align-items:center;gap:12px;min-width:280px}.product-stock-thumb{width:72px;height:72px;flex:0 0 72px;overflow:hidden;border-radius:12px;background:#eef7f0}.product-stock-thumb .product-image{width:100%;height:100%;min-height:0;border-radius:12px;border:1px solid #dbe8dd;object-fit:cover}.product-image-button{width:100%;height:100%;display:block;border:0;border-radius:12px;background:transparent;padding:0;overflow:hidden;cursor:zoom-in}.product-image-button .product-image{display:block;transition:transform .16s ease,box-shadow .16s ease}.product-image-button:hover .product-image{box-shadow:0 8px 18px #0e231824;transform:translateY(-1px)}.product-image-button:focus-visible{outline:2px solid rgba(0,97,65,.45);outline-offset:2px}.product-stock-info{min-width:0;display:grid;gap:5px}.product-stock-info strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.product-stock-info span,.product-stock-info small{color:var(--muted);font-size:12px;line-height:1.35}.stock-adjuster{width:fit-content;display:inline-grid;grid-template-columns:32px minmax(38px,auto) 32px;align-items:center;overflow:hidden;border:1px solid var(--line);border-radius:999px;background:#fff}.stock-adjuster button{width:32px;height:32px;border:0;background:var(--surface-green);color:var(--green);font-weight:900}.stock-adjuster button:first-child{border-right:1px solid var(--line)}.stock-adjuster button:last-child{border-left:1px solid var(--line)}.stock-adjuster button:disabled{color:#a9b8ae;cursor:not-allowed}.stock-adjuster strong{min-width:38px;text-align:center;color:var(--text);font-size:13px}.product-row-actions{min-width:132px;flex-wrap:nowrap}.product-stock-mobile-list{display:none}.product-stock-mobile-card{display:grid;gap:12px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.product-stock-mobile-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.product-stock-mobile-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.product-stock-mobile-meta span{min-width:0;display:grid;gap:4px;border-radius:var(--radius);background:#f6faf7;padding:9px 10px}.product-stock-mobile-meta small,.product-stock-mobile-footer small{color:var(--muted);font-size:11px;font-weight:800}.product-stock-mobile-meta strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.product-stock-mobile-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.product-stock-mobile-footer>div:first-child{display:grid;gap:6px}.barcode-line{display:flex;align-items:center;gap:6px}.barcode-line code{white-space:normal;word-break:break-word}.product-variant-editor{display:grid;gap:10px;border:1px solid var(--line);border-radius:var(--radius);background:#fbfdfb;padding:12px}.product-variant-editor>span{color:var(--muted);font-size:13px;font-weight:800}.product-variant-list{display:grid;gap:8px}.product-variant-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:10px}.product-variant-row.is-editing{border-color:#147e4a73;background:#f4fbf6}.product-variant-row div{display:grid;gap:4px;min-width:0}.product-variant-row .row-actions{display:flex;gap:6px;align-items:center}.product-variant-row strong,.product-variant-row span,.product-variant-row small{min-width:0}.product-variant-row span,.product-variant-row small{color:var(--muted);font-size:12px}.product-detail-editor{display:grid;gap:12px;border:1px solid var(--line);border-radius:var(--radius);background:#fbfdfb;padding:12px}.detail-editor-heading,.detail-block-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.detail-editor-heading>span,.detail-block-toolbar strong{color:var(--muted);font-size:13px;font-weight:900}.detail-editor-actions,.detail-block-toolbar>div{display:flex;flex-wrap:wrap;gap:6px}.detail-block-list{display:grid;gap:10px}.detail-block-editor{display:grid;gap:9px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:10px}.detail-block-editor input,.detail-block-editor textarea{width:100%;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:10px 11px;font:inherit}.detail-block-editor textarea{min-height:92px;resize:vertical}.detail-image-block{display:grid;gap:9px}.detail-image-uploader{position:relative;min-height:132px;border:1px dashed #aac7b2;border-radius:var(--radius);background:#f4faf4;overflow:hidden;display:grid;place-items:center;color:var(--green);font-weight:900;cursor:pointer}.detail-image-uploader input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.detail-image-uploader img{width:100%;height:180px;object-fit:cover}.detail-image-uploader span{display:inline-flex;align-items:center;gap:8px}.product-stock-edit-form .detail-image-uploader{min-height:240px}.product-stock-edit-form .detail-image-uploader img{height:240px;object-fit:contain;background:#f8fbf8}.production-detail-panel{display:grid;gap:10px;padding-top:4px}.stock-actions{display:flex;gap:8px}.product-manage-actions{margin-top:2px}.stock-actions button,.qty-control button{width:38px;height:36px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:var(--green);font-weight:900}.scan-input-row{display:grid;grid-template-columns:auto minmax(180px,1fr) auto;gap:10px;align-items:center}.inline-notice{margin:12px 0 0;padding:10px 12px;border-radius:var(--radius);color:var(--green);background:var(--surface-green);font-size:13px;font-weight:800}.sales-panel{display:grid;gap:14px}.cart-row{display:grid;grid-template-columns:auto 1fr auto auto}.qty-control{display:inline-grid;grid-template-columns:34px 32px 34px;align-items:center;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.qty-control button{border:0;border-radius:0}.qty-control span{color:var(--text);text-align:center;font-size:14px;font-weight:900}.icon-button{width:38px;min-height:38px;color:var(--muted);background:#f5f8f5;padding:0}.checkout-bar strong{display:block;margin-top:2px;font-size:24px}.checkout-bar small{color:var(--muted);font-size:12px}.sale-product-row{width:100%;text-align:left;border:1px solid var(--line);background:#fff;grid-template-columns:auto 1fr auto auto}.sale-product-row em{color:var(--green);font-style:normal;font-weight:900}.empty-state{min-height:100px;display:grid;place-items:center;gap:8px;border:1px dashed var(--line);border-radius:var(--radius);background:#fbfdfb}.material-lines{display:grid;gap:10px}.material-line{display:grid;grid-template-columns:minmax(0,1fr) 110px 38px;gap:8px;align-items:end;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:#fbfdfb}.material-line .icon-button{align-self:end}.line-warning{grid-column:1 / -1;margin:0;color:var(--danger);font-size:12px;font-weight:800}.production-summary{display:grid;align-items:start}.movement-row{align-items:center}.movement-delta{min-width:72px;text-align:right;font-size:15px;font-weight:900}.movement-delta.positive{color:var(--green)}.movement-delta.negative{color:var(--danger)}.supplier-list{display:grid;gap:10px}.supplier-card{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr) auto;gap:14px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.supplier-card>div{min-width:0;display:grid;gap:4px}.supplier-card strong,.supplier-card span,.supplier-card p{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.supplier-card strong{font-size:15px}.supplier-card span,.supplier-card p{margin:0;color:var(--muted);font-size:12px}.supplier-card dl{margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.supplier-card dl div{min-width:0;display:grid;gap:3px;padding:8px;border-radius:var(--radius);background:var(--surface-soft)}.supplier-card dt,.supplier-card dd{margin:0}.supplier-card dt{color:var(--muted);font-size:11px;font-weight:800}.supplier-card dd{min-width:0;overflow:hidden;color:var(--green);font-size:13px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.supplier-actions{display:grid;gap:8px;justify-items:stretch}.bottom-nav,.mobile-safe-space{display:none}.toast{position:fixed;right:22px;bottom:22px;z-index:50;min-height:46px;display:flex;align-items:center;gap:8px;padding:0 16px;border-radius:var(--radius);color:#fff;background:var(--green);box-shadow:var(--shadow);font-size:14px;font-weight:800}.reset-button{position:fixed;right:22px;bottom:82px;z-index:30;width:42px;height:42px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:var(--green);box-shadow:var(--shadow)}.modal-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:18px;background:#0c18128f}.scanner-modal{width:min(440px,100%);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);padding:14px}.image-preview-backdrop{z-index:95;padding:18px}.image-preview-modal{width:min(760px,100%);max-height:calc(100vh - 36px);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);padding:14px;display:grid;grid-template-rows:auto minmax(0,1fr)}.image-preview-modal img{width:100%;max-height:calc(100vh - 118px);border:1px solid var(--line);border-radius:var(--radius);background:#f6faf7;object-fit:contain}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.scanner-stage{position:relative;aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--radius);background:#0b1611}.scanner-stage video{width:100%;height:100%;object-fit:cover}.scanner-frame{position:absolute;inset:18%;border:2px solid rgba(255,255,255,.86);border-radius:var(--radius);display:grid;place-items:center;color:#fff}.scanner-status{margin:12px 0;color:var(--muted);font-size:13px;line-height:1.5}.manual-scan{display:grid;grid-template-columns:1fr auto;gap:10px}@media(max-width:920px){.app-shell{display:block}.side-nav{display:none}.workspace{padding:18px 14px}.topbar{display:grid;gap:14px}.topbar h1{font-size:23px}.topbar-actions{display:grid;grid-template-columns:1fr auto}.sync-badge{grid-column:1 / -1;width:fit-content}.search-box{min-width:0}.home-grid,.two-column,.materials-grid,.products-grid,.supplier-grid,.sales-grid{grid-template-columns:1fr}.metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-panel{min-height:220px;padding:22px}.hero-panel h2{font-size:24px}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#ffffffeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-nav button{border:0;min-height:52px;border-radius:var(--radius);background:transparent;color:var(--muted);display:grid;place-items:center;gap:3px;font-size:11px;font-weight:800}.bottom-nav button.is-active{color:var(--green);background:var(--surface-green)}.mobile-safe-space{display:block;height:84px}.toast{left:14px;right:14px;bottom:92px}.reset-button{right:14px;bottom:150px}}@media(max-width:620px){.topbar-actions,.scan-input-row,.sale-form-row,.form-grid,.manual-scan{grid-template-columns:1fr}.topbar-actions .primary-button{width:100%}.metric-strip{grid-template-columns:1fr 1fr}.hero-panel h2{font-size:22px;line-height:1.25}.metric-card{padding:14px}.metric-card strong{font-size:20px}.panel{padding:14px}.product-catalog,.material-line{grid-template-columns:1fr}.material-line .icon-button{width:100%}.product-card{grid-template-columns:104px minmax(0,1fr)}.product-card .product-image{width:104px;height:104px;min-height:0}.cart-row{grid-template-columns:auto 1fr auto}.cart-row .icon-button{grid-column:3}.checkout-bar{align-items:stretch;display:grid}}:root{--bg: #f4f7f4;--surface: #ffffff;--surface-soft: #f7faf7;--surface-green: #e9f4ee;--text: #13231c;--muted: #6c776f;--line: #dde7df;--line-strong: #c9d8ce;--green: #0d5d48;--green-2: #174f3f;--green-3: #6ba985;--clay: #b76546;--clay-soft: #f6e7e1;--warn: #a66b16;--warn-soft: #fff4d8;--danger: #b42318;--shadow: 0 18px 45px rgba(20, 43, 32, .08);--shadow-soft: 0 10px 28px rgba(20, 43, 32, .06);--radius: 8px}body{background:linear-gradient(180deg,#eef6f0 0,#f4f7f400 340px),linear-gradient(90deg,#0d5d480a,#b7654608),var(--bg)}button,input,select,textarea{letter-spacing:0}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(13,93,72,.18);outline-offset:2px}.app-shell{grid-template-columns:248px 1fr}.side-nav{background:linear-gradient(180deg,#0d4d3e,#0a372e),var(--green-2);border-right:0;color:#f5fbf6;box-shadow:12px 0 35px #0f30231f}.brand-mark{color:#fff;letter-spacing:0}.brand-icon{color:#0d5d48;background:#fff;box-shadow:0 12px 25px #0000002e}.nav-button{color:#ffffffad;border:1px solid transparent;transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease}.nav-button:hover{color:#fff;background:#ffffff14}.nav-button.is-active{color:#fff;background:#ffffff24;border-color:#ffffff29}.side-actions .ghost-button{color:#eaf7ed;background:#ffffff1a;border:1px solid rgba(255,255,255,.12)}.workspace{width:min(1220px,100%);padding:28px 28px 48px}.topbar{position:sticky;top:0;z-index:20;margin:-10px -8px 22px;padding:10px 8px 14px;background:linear-gradient(180deg,#f4f7f4f5,#f4f7f4d1);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.eyebrow{color:var(--green);font-size:12px}.topbar h1{font-size:27px;font-weight:900;letter-spacing:0}.sync-badge{background:#ffffffc7;border-color:var(--line);box-shadow:var(--shadow-soft)}.sync-badge.is-api{background:#e6f3eb;border-color:#bfd9c8}.search-box,.barcode-input,label input,label select,label textarea,.manual-scan input{background:#fff;border-color:var(--line);box-shadow:0 1px #13231c05;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.search-box:focus-within,.barcode-input:focus-within,label:focus-within input,label:focus-within select,label:focus-within textarea{border-color:#0d5d4861;box-shadow:0 0 0 4px #0d5d4814}.primary-button{background:linear-gradient(180deg,#0f6a52,#0b553f);box-shadow:0 10px 22px #0d5d4829}.primary-button:hover{background:linear-gradient(180deg,#15765b,#0d5d48)}.secondary-button,.ghost-button{background:#edf6f0;color:var(--green);border:1px solid #d5e8dc}.view-grid{gap:18px}.home-grid{grid-template-columns:minmax(0,1fr) .86fr}.home-grid .hero-panel{grid-column:1 / -1}.hero-panel,.panel,.metric-card,.product-card{border-color:#c9d8ced1;box-shadow:var(--shadow-soft)}.panel,.metric-card,.product-card{background:#ffffffe6}.hero-panel{min-height:214px;padding:24px;background:linear-gradient(135deg,#0d5d48fa,#1a6f53f0),#0d5d48;box-shadow:0 22px 50px #0d5d4833}.hero-panel h2{max-width:520px;font-size:28px;font-weight:900}.hero-panel p{max-width:520px;color:#fffc}.hero-stat-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.hero-stat-row span{min-height:30px;display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.17);border-radius:var(--radius);padding:0 10px;color:#ffffffd6;background:#ffffff14;font-size:12px;font-weight:800}.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.scan-cta,.hero-secondary{width:fit-content;min-height:46px;border:0;border-radius:var(--radius);display:inline-flex;align-items:center;gap:9px;padding:0 14px;font-size:14px;font-weight:900}.scan-cta{color:var(--green);background:#fff}.hero-secondary{color:#fff;background:#ffffff21;border:1px solid rgba(255,255,255,.18)}.metric-strip{gap:14px}.metric-card{min-height:96px;padding:18px;position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--green);opacity:.78}.metric-card span{color:#728078;font-size:12px}.metric-card strong{font-size:25px;font-weight:900}.metric-card.green{background:#eef8f1}.metric-card.clay{background:#f8ebe6}.metric-card.clay:before{background:var(--clay)}.metric-card.warn{background:#fff6dc}.metric-card.warn:before{background:var(--warn)}.panel{padding:18px}.panel-title{margin-bottom:16px}.panel-title h2{font-size:17px;font-weight:900}.panel-title h2 svg,.topbar h1 svg{color:var(--green)}.panel-title button{min-height:32px;border-radius:var(--radius);padding:0 6px 0 9px;background:#f2f7f3}.list-row,.cart-row,.sale-product-row,.product-tile{border-color:var(--line);background:#fff;box-shadow:0 1px #13231c08}.list-row strong,.cart-row strong,.sale-product-row strong,.product-tile strong,.product-heading h3{font-weight:900}.status-pill{border:1px solid #cfe6d7}.product-image{border-color:#d9e7dc;background:#edf6f0}.product-image.placeholder{background:linear-gradient(145deg,#6ba9852e,#b7654614),#eff7f1}.product-card{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.product-card:hover{transform:translateY(-1px);border-color:#bfd5c6;box-shadow:var(--shadow)}.product-meta span{background:#f4f8f5;border:1px solid #e3ece5}table{border-collapse:separate;border-spacing:0}th{background:#f3f7f4;color:#65756b}td{background:#fff}tbody tr:hover td{background:#fbfdfb}label span{color:#65756b}.photo-uploader{background:linear-gradient(145deg,#0d5d480f,#6ba9851f),#f8fbf8;border-color:#bdd7c6}.summary-line,.checkout-bar{background:#f7fbf8}.movement-delta.positive{color:#0c6a4e}.movement-delta.negative{color:#a43a32}.bottom-nav{box-shadow:0 -14px 30px #142b201a}.toast{background:linear-gradient(180deg,#0f6a52,#0b553f);box-shadow:0 18px 38px #0d5d4833}.reset-button{border-color:#d5e8dc}@media(max-width:920px){.workspace{padding:18px 14px}.topbar{position:static;margin:0 0 16px;padding:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.home-grid,.two-column,.materials-grid,.products-grid,.supplier-grid,.sales-grid{gap:14px}.hero-panel{min-height:204px}}@media(max-width:620px){.hero-panel{padding:20px}.hero-panel h2{font-size:24px}.hero-actions{display:grid;grid-template-columns:1fr}.scan-cta,.hero-secondary{width:100%;justify-content:center}.metric-card{min-height:88px}.product-tiles{grid-template-columns:1fr}.panel-title{align-items:flex-start}.module-toolbar{display:grid;align-items:stretch}.module-toolbar>button{width:100%}.module-toolbar-actions{display:grid;grid-template-columns:1fr;justify-content:stretch}.module-toolbar-actions>button{width:100%}.banner-admin-card{grid-template-columns:1fr}.banner-admin-preview{aspect-ratio:16 / 8;min-height:0}.form-actions-row{display:grid;grid-template-columns:1fr}}@media(max-width:620px){body{background:linear-gradient(180deg,#edf7f0 0,#f4f7f400 210px),var(--bg)}.workspace{padding:12px 12px 16px}.topbar{display:grid;gap:10px;margin:0 0 12px}.topbar>div:first-child{min-width:0}.eyebrow{margin:0 0 2px;font-size:11px}.topbar h1{font-size:22px;line-height:1.15}.topbar-actions{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:8px;align-items:center}.topbar-actions .sync-badge{display:none}.topbar-actions .search-box{height:44px;min-width:0}.topbar-actions .primary-button{width:46px;min-height:44px;padding:0}.topbar-actions .primary-button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.view-grid,.home-grid,.two-column,.materials-grid,.products-grid,.supplier-grid,.sales-grid,.side-stack{gap:12px}.hero-panel{min-height:auto;padding:18px;gap:16px}.hero-panel h2{font-size:22px;line-height:1.18}.hero-panel p{margin-top:8px;font-size:14px;line-height:1.55}.hero-stat-row{margin-top:12px;gap:6px}.hero-stat-row span{min-height:28px;padding:0 8px;font-size:11px}.hero-actions{gap:8px}.scan-cta,.hero-secondary{min-height:44px}.metric-strip{gap:10px}.metric-card{min-height:82px;padding:13px}.metric-card span{font-size:11px}.metric-card strong{font-size:22px}.panel{padding:13px}.panel-title{align-items:center;margin-bottom:12px}.panel-title h2{font-size:16px}.panel-title button{min-height:30px;padding:0 4px 0 8px;font-size:12px}.list-row,.cart-row,.sale-product-row,.product-tile{min-height:58px;gap:10px;padding:10px}.responsive-table,.product-stock-table.responsive-table{display:none}.product-stock-mobile-list{display:grid;gap:10px;padding:12px}.product-stock-mobile-card .product-stock-cell{flex:1 1 auto;min-width:0}.product-stock-mobile-card .product-stock-thumb{width:82px;height:82px;flex-basis:82px}.product-stock-mobile-card .product-row-actions{min-width:0;justify-content:flex-end}.product-stock-edit-form .photo-uploader{min-height:240px;aspect-ratio:1 / 1}.product-stock-edit-form .photo-uploader img{min-height:240px}.product-stock-edit-form .detail-image-uploader{min-height:200px}.product-stock-edit-form .detail-image-uploader img{height:200px}.mobile-table-list{display:grid;gap:10px}.mobile-data-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 1px #13231c08}.mobile-data-row div{min-width:0;display:grid;gap:3px}.mobile-data-row div:first-child{grid-column:1 / -1}.mobile-data-row span{color:var(--muted);font-size:11px;font-weight:800}.mobile-data-row strong{min-width:0;overflow:hidden;color:var(--text);font-size:13px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.supplier-card{grid-template-columns:1fr}.supplier-card dl,.supplier-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.product-card{grid-template-columns:92px minmax(0,1fr)}.product-card .product-image{width:92px;height:92px;min-height:0}.product-body{padding:12px;gap:10px}.product-heading h3{font-size:16px}.product-meta{gap:6px}.product-meta span{padding:6px 7px;font-size:12px}.cart-row,.sale-product-row{grid-template-columns:48px minmax(0,1fr) auto}.cart-row .product-image,.sale-product-row .product-image{width:48px;height:48px}.sale-product-row>svg{display:none}.cart-row .icon-button{grid-column:3}.qty-control{grid-template-columns:30px 28px 30px}.stock-actions{flex-wrap:wrap}.checkout-bar{gap:10px}.checkout-bar strong{font-size:22px}.bottom-nav{padding:6px 6px calc(6px + env(safe-area-inset-bottom))}.bottom-nav button{min-height:50px;font-size:10px}.mobile-safe-space{height:76px}.toast{bottom:84px}.reset-button{display:none}}@media(max-width:360px){.metric-card strong{font-size:20px}.bottom-nav button{font-size:9px}}.mobile-title,.mobile-alert-button{display:none}.home-dashboard{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.95fr);gap:16px}.dashboard-stats,.quick-section,.ledger-section{grid-column:1 / -1}.dashboard-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.dashboard-stat,.reference-panel{border:1px solid #e2e7e3;border-radius:8px;background:#fff;box-shadow:0 1px 2px #14231c08}.dashboard-stat{min-height:122px;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:start;gap:14px;padding:18px 16px}.dashboard-stat-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:999px;color:#0a6048;background:#eaf5ee}.dashboard-stat.clay .dashboard-stat-icon{color:#c94d2f;background:#fff0e9}.dashboard-stat.warn .dashboard-stat-icon{color:#db4c2f;background:#fff3dc}.dashboard-stat.api .dashboard-stat-icon{color:#0a6048;background:#e3f2e8}.dashboard-stat span{display:block;color:#535d58;font-size:14px;font-weight:700}.dashboard-stat strong{display:block;margin-top:10px;color:#063f31;font-size:26px;line-height:1;font-weight:900}.dashboard-stat.warn strong{color:#df3f20}.dashboard-stat small{display:block;margin-top:10px;color:#717a75;font-size:13px}.reference-panel{padding:16px}.reference-panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.reference-panel-title h2{margin:0;color:#0e1713;font-size:18px;font-weight:900}.reference-panel-title button{border:0;display:inline-flex;align-items:center;gap:2px;min-height:28px;color:#0d6b50;background:transparent;font-size:13px;font-weight:800}.low-stock-card{min-height:86px;display:grid;grid-template-columns:58px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px 12px;border:1px solid #e5ebe7;border-radius:8px;background:#fff}.low-stock-card .product-image{width:48px;height:48px}.low-stock-main{min-width:0;display:grid;gap:2px}.low-stock-main strong,.showcase-product-card strong{min-width:0;overflow:hidden;color:#14231d;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.low-stock-main span,.showcase-product-card small,.ledger-row span,.ledger-row em{color:#68736d;font-size:12px}.low-stock-main small{display:flex;flex-wrap:wrap;gap:10px;color:#4e5a53;font-size:12px}.low-stock-main small b{font-weight:700}.showcase-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.showcase-product-card{min-width:0;display:grid;gap:5px}.showcase-product-card .product-image{width:100%;height:92px;border-radius:8px}.showcase-product-card span{color:#0a6048;font-size:13px;font-weight:900}.quick-actions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.quick-action-card{min-height:92px;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;padding:16px 18px;border:1px solid #e2e7e3;border-radius:8px;color:#0b5d46;background:#fff;text-align:left}.quick-action-card svg{width:42px;height:42px;padding:10px;border-radius:999px;background:#eef6f1}.quick-action-card span{color:#17231d;font-size:17px;font-weight:900}.quick-action-card.primary{border-color:#c9dfd2}.quick-action-card.primary:after{content:"开始扫码";grid-column:1 / -1;min-height:40px;display:grid;place-items:center;border-radius:7px;color:#fff;background:#006141;font-weight:900}.ledger-list{border:1px solid #e4e9e5;border-radius:8px;overflow:hidden}.ledger-row{display:grid;grid-template-columns:120px 130px minmax(0,1fr) 90px;gap:10px;align-items:center;min-height:40px;padding:0 12px;border-bottom:1px solid #edf0ee;background:#fff}.ledger-row:last-child{border-bottom:0}.ledger-row strong{color:#303b35;font-size:13px;font-weight:700}.ledger-row em{min-width:0;overflow:hidden;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.ledger-row b{justify-self:end;font-size:13px}.ledger-row b.positive{color:#0b6b50}.ledger-row b.negative{color:#d44a2f}.reference-empty{min-height:74px;display:grid;place-items:center;border:1px dashed #dfe6e1;border-radius:8px;color:#7b8580;background:#fbfcfb;font-size:13px;font-weight:700}.product-image.placeholder{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 34%,rgba(255,255,255,.86) 0 21%,rgba(236,243,238,.64) 22% 37%,transparent 38%),linear-gradient(180deg,#f6faf7,#e9f0eb)}.product-image.placeholder svg{position:relative;z-index:2;color:#1d7a5c;filter:drop-shadow(0 10px 12px rgba(12,83,62,.18))}.showcase-product-card .product-image.placeholder svg,.low-stock-card .product-image.placeholder svg{display:none}.product-image.placeholder:before{content:"";position:absolute;left:14%;right:14%;bottom:13%;height:23%;border-radius:50%;background:radial-gradient(circle at 32% 36%,#71a95d 0 13%,transparent 14%),radial-gradient(circle at 56% 30%,#315f35 0 12%,transparent 13%),radial-gradient(circle at 72% 45%,#8aac58 0 10%,transparent 11%),linear-gradient(90deg,#5b3c25,#8a5a31 58%,#4d311f);box-shadow:0 7px 13px #2b412c2e}.product-image.placeholder:after{content:"";position:absolute;left:22%;right:22%;bottom:20%;height:43%;border-radius:48% 52% 36% 38%;background:radial-gradient(circle at 50% 28%,rgba(255,255,255,.65) 0 7%,transparent 8%),linear-gradient(135deg,#ffffffc7,#bcd3c752);border:1px solid rgba(165,193,177,.55)}.showcase-product-card .product-image.placeholder,.low-stock-card .product-image.placeholder{background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.92) 0 19%,rgba(214,227,219,.62) 20% 38%,transparent 39%),linear-gradient(180deg,#f5faf6,#e9f1ec)}.showcase-product-card .product-image.placeholder:before,.low-stock-card .product-image.placeholder:before{left:20%;right:20%;bottom:12%;height:23%;background:radial-gradient(circle at 22% 42%,#66994e 0 15%,transparent 16%),radial-gradient(circle at 42% 24%,#214f2e 0 13%,transparent 14%),radial-gradient(circle at 56% 38%,#86ad5b 0 12%,transparent 13%),radial-gradient(circle at 72% 44%,#4d7137 0 11%,transparent 12%),linear-gradient(90deg,#6b4428,#9b6535 62%,#4e3120)}.showcase-product-card .product-image.placeholder:after,.low-stock-card .product-image.placeholder:after{left:24%;right:24%;bottom:20%;height:48%}@media(max-width:920px){.home-dashboard{grid-template-columns:1fr}.dashboard-stats{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.dashboard-stat{grid-column:span 2}.dashboard-stat:nth-child(n+4){grid-column:span 3}}@media(max-width:620px){:root{--bg: #f8faf8;--surface-green: #eef7f1;--green: #006141;--green-2: #004a34;--line: #e3e8e4;--shadow-soft: 0 1px 2px rgba(20, 35, 28, .03)}body{background:#f8faf8}.workspace{width:100%;padding:14px 12px 12px}.topbar{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:12px;margin:0 0 12px;padding:0;background:transparent}.topbar>div:first-child{align-self:center}.eyebrow,.desktop-title,.topbar h1>svg{display:none}.mobile-title{display:inline}.topbar h1{color:#111b16;font-size:21px;line-height:1.2;font-weight:900}.mobile-alert-button{position:relative;display:grid;place-items:center;width:34px;min-height:34px;border:0;border-radius:8px;color:#1a241f;background:transparent}.mobile-alert-button span{position:absolute;top:4px;right:5px;width:7px;height:7px;border-radius:999px;background:#e53e2f}.topbar-actions{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:10px}.topbar-actions .sync-badge{display:none}.topbar-actions .search-box{height:34px;min-width:0;border-color:#e0e7e2;border-radius:8px;padding:0 10px;box-shadow:none}.topbar-actions .search-box input{font-size:12px}.topbar-actions .primary-button{width:auto;min-height:34px;padding:0 12px;border-radius:8px;background:linear-gradient(180deg,#006b49,#004c36);box-shadow:none;font-size:13px}.topbar-actions .primary-button span{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:nowrap}.home-dashboard{display:grid;gap:10px}.dashboard-stats{gap:8px}.dashboard-stat{min-height:90px;display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;padding:10px;border-color:#e3e8e4;box-shadow:none}.dashboard-stat.clay{background:#fff3ed;border-color:#f3ddd4}.dashboard-stat.warn{background:#fff8e7;border-color:#f2dfad}.dashboard-stat-icon{width:24px;height:24px}.dashboard-stat-icon svg{width:14px;height:14px}.dashboard-stat span{font-size:12px}.dashboard-stat strong{margin-top:6px;font-size:22px}.dashboard-stat small{margin-top:4px;font-size:12px}.reference-panel{padding:9px;border-color:#e3e8e4;box-shadow:none}.reference-panel-title{margin-bottom:8px}.reference-panel-title h2{font-size:15px}.reference-panel-title button{min-height:24px;font-size:12px}.low-stock-card{min-height:66px;grid-template-columns:48px minmax(0,1fr) auto 10px;gap:8px;padding:7px}.low-stock-card .product-image{width:42px;height:42px}.low-stock-main strong{font-size:13px}.low-stock-main span,.low-stock-main small{font-size:11px}.low-stock-card .status-pill{min-height:24px;padding:0 7px;font-size:11px}.sellable-section{overflow:hidden}.showcase-products{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(92px,1fr);grid-template-columns:none;gap:10px;overflow-x:auto;padding-bottom:1px;scrollbar-width:none}.showcase-products::-webkit-scrollbar{display:none}.showcase-product-card .product-image{height:76px}.showcase-product-card strong{font-size:12px}.showcase-product-card span,.showcase-product-card small{font-size:11px}.quick-actions-grid{gap:10px}.quick-action-card{min-height:52px;display:grid;grid-template-columns:1fr;place-items:center;gap:4px;padding:7px 8px;text-align:center}.quick-action-card svg{width:25px;height:25px;padding:4px}.quick-action-card span{font-size:11px}.quick-action-card.primary:after{content:none}.ledger-list{border:0;border-radius:0}.ledger-row{grid-template-columns:78px 72px minmax(0,1fr) auto;min-height:28px;gap:7px;padding:0;border-bottom:0}.ledger-row span,.ledger-row strong,.ledger-row em,.ledger-row b{font-size:11px}.bottom-nav{border-top-color:#e4e9e5;background:#fffffff5;box-shadow:0 -8px 20px #142b2014}.bottom-nav button{color:#444e49;border-radius:8px}.bottom-nav button.is-active{color:#006141;background:transparent}.bottom-nav button.is-active svg{fill:#006141;stroke:#006141}}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:22px;background:linear-gradient(180deg,#eaf4ed 0,#f4f7f400 360px),linear-gradient(90deg,#0d5d480f,#b765460a),var(--bg)}.auth-card{width:min(398px,100%);display:grid;gap:15px;padding:22px;border:1px solid rgba(201,216,206,.9);border-radius:var(--radius);background:#fffffff5;box-shadow:var(--shadow)}.auth-brand{display:grid;justify-items:center;gap:10px;padding:2px 0 4px;text-align:center}.auth-brand div{min-width:0;display:grid;gap:4px}.auth-brand .brand-icon{width:44px;height:44px;box-shadow:0 12px 24px #0d5d482e}.auth-brand strong{overflow:hidden;color:var(--text);font-size:20px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.auth-brand span:not(.brand-icon){color:var(--muted);font-size:12px;font-weight:800}.auth-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;border:1px solid var(--line);border-radius:var(--radius);background:#f7faf7}.auth-tabs button{min-height:38px;border:0;border-radius:6px;color:var(--muted);background:transparent;font-weight:900}.auth-tabs button.is-active{color:#fff;background:linear-gradient(180deg,#0f6a52,#0b553f)}.wechat-login-button{min-height:42px;border:1px solid rgba(17,151,76,.24);border-radius:var(--radius);color:#08713a;background:#eefaf2;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:900;box-shadow:none}.wechat-login-button:hover{color:#fff;background:linear-gradient(180deg,#19b55b,#0c8c45);border-color:transparent}.wechat-login-button:disabled{opacity:.7}.auth-divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;font-weight:800;margin-top:2px}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:var(--line)}.auth-form{display:grid;gap:11px}.auth-message{margin:0;padding:10px 12px;border-radius:var(--radius);color:var(--green);background:var(--surface-green);font-size:13px;font-weight:800}.auth-message.is-error{color:var(--danger);background:#fff0ed}.user-badge{min-height:42px;display:flex;align-items:center;gap:6px;padding:4px 5px 4px 10px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffffd1;box-shadow:var(--shadow-soft)}.user-badge span{min-width:0;display:inline-flex;align-items:center;gap:6px;color:var(--green)}.user-badge b{max-width:90px;overflow:hidden;color:var(--text);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.user-badge small{min-height:24px;display:inline-flex;align-items:center;border-radius:6px;padding:0 7px;color:var(--green);background:var(--surface-green);font-size:11px;font-weight:900;white-space:nowrap}.user-badge button{width:32px;min-height:32px;border:0;border-radius:6px;color:var(--muted);background:transparent;display:grid;place-items:center}.user-badge button:hover{color:var(--danger);background:#fff0ed}.app-shell.role-customer,.app-shell.role-buyer,.app-shell.role-distributor{grid-template-columns:1fr}.app-shell.role-customer{--bg: #f8fcf5;--surface-soft: #f1faee;--surface-green: #e4f6dc;--green: #4e9b58;--green-2: #72bc69;--green-3: #bce59c;background:radial-gradient(circle at 18% 0%,rgba(188,229,156,.44),transparent 260px),linear-gradient(180deg,#f8fcf5,#fff 420px)}.app-shell.role-customer .workspace,.app-shell.role-buyer .workspace,.app-shell.role-distributor .workspace{width:min(1180px,100%)}.app-shell.role-customer .workspace,.app-shell.role-distributor .workspace{padding-top:14px}.customer-shop,.customer-tab-page{display:grid;gap:14px}.shop-notice{position:sticky;top:76px;z-index:8;margin:0;border:1px solid rgba(114,188,105,.28);border-radius:var(--radius);background:#f6fdf2f5;color:#366a3d;padding:10px 12px;font-size:13px;font-weight:800;box-shadow:0 10px 28px #5b8e531f}.custom-intro{min-height:108px;display:grid;align-items:center;gap:8px;padding:18px;border:1px solid rgba(182,219,167,.74);border-radius:14px;background:linear-gradient(120deg,#fffffff0,#f4fdf0c7),radial-gradient(circle at 86% 18%,rgba(180,226,141,.65),transparent 170px);box-shadow:0 18px 42px #5b8e531f}.custom-intro h2{max-width:660px;margin:0;color:#20382a;font-size:34px;line-height:1.18}.product-banner-wrap{position:relative;display:block}.product-banner{display:block;min-width:0;width:100%;aspect-ratio:16 / 9;position:relative;overflow:hidden;border:1px solid rgba(182,219,167,.74);border-radius:18px;padding:0;background:#eef9e9;box-shadow:0 18px 42px #5b8e5321}.product-banner:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#183d2894,#183d2838 42%,#183d280a),linear-gradient(0deg,rgba(21,47,32,.38) 0%,transparent 48%);pointer-events:none}.banner-image{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;border-radius:0;object-fit:cover;object-position:center;background:#eaf6e7}.banner-photo-frame{overflow:hidden;background:#eaf6e7}.banner-photo-bg,.banner-photo-main{position:absolute;display:block;border:0}.banner-photo-bg{inset:-18px;width:calc(100% + 36px);height:calc(100% + 36px);object-fit:cover;object-position:center;filter:blur(18px) saturate(1.12);opacity:.72;transform:scale(1.04)}.banner-photo-main{inset:0;z-index:1;width:100%;height:100%;object-fit:contain;object-position:center}.banner-poster{overflow:hidden;background:linear-gradient(115deg,#ecf9e7fa,#def2d5f0 52%,#c0e1b5f5)}.banner-poster-mountain{background:linear-gradient(115deg,#eff9e8fa,#d3ebcaf5 54%,#a3cd99fa)}.banner-poster-mini{background:linear-gradient(115deg,#f6fceffa,#def2d8f2 52%,#bae1c2fa)}.banner-poster:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.72),transparent 44%),repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0 1px,transparent 1px 62px)}.poster-glass,.poster-ground,.poster-moss,.poster-stone{position:absolute;display:block}.poster-glass{right:8%;top:9%;width:56%;height:78%;border:1px solid rgba(255,255,255,.78);border-radius:48% 52% 42% 44%/45% 44% 50% 50%;background:linear-gradient(135deg,#ffffffb8,#ffffff24),linear-gradient(180deg,#d9edde3d,#ffffff14);box-shadow:inset 20px 0 34px #ffffff5c,inset -18px -18px 44px #44714d1f,0 22px 42px #37623933}.poster-ground{right:14%;bottom:16%;width:44%;height:18%;border-radius:50%;background:radial-gradient(circle at 26% 28%,#8ac36e 0 15%,transparent 16%),radial-gradient(circle at 48% 32%,#2f7142 0 13%,transparent 14%),radial-gradient(circle at 66% 40%,#9abd6a 0 12%,transparent 13%),linear-gradient(90deg,#5d4128,#9b673b 56%,#4b3121);box-shadow:0 10px 18px #2a492c2e}.poster-moss{border-radius:999px 999px 62% 62%;background:linear-gradient(135deg,#2d7e48,#89c86f);box-shadow:0 9px 18px #2b5c2a2e}.poster-moss-one{right:37%;bottom:32%;width:7%;height:16%;transform:rotate(-18deg)}.poster-moss-two{right:31%;bottom:36%;width:8%;height:21%;transform:rotate(12deg)}.poster-moss-three{right:25%;bottom:31%;width:6%;height:15%;transform:rotate(24deg)}.poster-stone{bottom:22%;width:6%;height:8%;border-radius:58% 42% 52% 48%;background:linear-gradient(135deg,#dde1d1,#8f9a82);box-shadow:0 7px 12px #31463021}.poster-stone-one{right:44%}.poster-stone-two{right:19%;bottom:24%;width:5%;height:7%}.banner-copy{position:absolute;left:16px;right:86px;bottom:16px;z-index:2;display:grid;gap:6px;max-width:68%;padding:0;color:#fff;text-align:left;text-shadow:0 2px 12px rgba(18,47,32,.38)}.banner-copy small,.banner-copy em{color:#ffffffdb;font-size:12px;font-style:normal;font-weight:800}.banner-copy strong{font-size:24px;line-height:1.12}.banner-dots{position:absolute;right:16px;bottom:16px;z-index:3;display:flex;justify-content:center;gap:6px}.banner-dots button{width:8px;height:8px;border:0;border-radius:999px;background:#ffffff9e;padding:0;box-shadow:0 3px 10px #0f2d1c29}.banner-dots button.is-active{width:24px;background:#fff}.shop-metrics,.mine-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.metric-card.mint{background:#eef9e9;border-color:#72bc694d}.shop-section,.cart-items-panel,.custom-form,.checkout-address,.mine-profile,.member-card,.mine-panel,.address-page-hero,.address-manager,.custom-order-list{border:1px solid rgba(219,228,221,.9);border-radius:12px;background:#fffffff5;padding:14px;box-shadow:0 12px 32px #3c684414}.shop-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.shop-section-title h2{margin:0;color:#20382a;font-size:18px}.shop-section-title button{border:0;background:transparent;color:var(--green);display:inline-flex;align-items:center;gap:3px;font-size:13px;font-weight:900}.customer-shop .shop-products{grid-template-columns:1fr;gap:12px}.customer-shop .shop-product-card{display:grid;grid-template-columns:136px minmax(0,1fr);grid-template-rows:none;gap:12px;align-items:stretch;border:0;border-bottom:1px solid rgba(219,228,221,.82);border-radius:0;background:transparent;padding:8px 0 12px;box-shadow:none}.customer-shop .shop-product-card.is-custom-only{background:transparent}.customer-shop .shop-product-card .product-image{width:100%;height:100%;min-height:136px;border:0;border-radius:12px;background:#f0f7ec;object-fit:cover}.product-card-link,.product-title-link{border:0;background:transparent;padding:0;color:inherit;text-align:left}.product-card-link{position:relative;width:136px;height:136px;aspect-ratio:1;min-height:136px;display:block;overflow:hidden;border-radius:12px}.product-title-link{min-width:0;display:grid;gap:3px}.customer-shop .shop-product-meta b{color:#2f8a55}.shop-product-detail-badge{position:absolute;right:7px;bottom:7px;min-height:18px;border-radius:999px;background:#0f141257;color:#fff;display:inline-flex;align-items:center;justify-content:center;padding:0 7px;font-size:10px;font-weight:800;letter-spacing:0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.customer-shop .shop-product-body{gap:8px;padding:1px 0 0}.customer-shop .shop-product-body strong{display:-webkit-box;overflow:hidden;color:#222825;font-size:17px;line-height:1.28;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.shop-product-title-stack{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:start}.shop-product-name-copy{min-width:0;display:grid;gap:2px}.shop-product-head{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start}.shop-new-badge{justify-self:end;border:1px solid rgba(162,205,147,.82);border-radius:999px;background:#eef8e9;color:#2f8a55;padding:3px 7px;font-size:11px;font-weight:950;line-height:1.2;white-space:nowrap}.shop-product-spec{display:block;overflow:hidden;color:#6b7c6d;font-size:12px;font-weight:800;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.shop-product-note{display:block;overflow:visible;color:#7f8a80;font-size:12px;font-weight:650;line-height:1.35;white-space:normal;word-break:break-word}.customer-shop .shop-product-meta{display:grid;grid-template-columns:minmax(0,1fr) 36px minmax(82px,auto);gap:10px;align-items:center;margin-top:auto}.customer-shop .shop-product-meta>div{min-width:0;display:flex;align-items:baseline;gap:6px}.customer-shop .shop-product-meta b{color:#2f8a55;font-size:19px;line-height:1;white-space:nowrap}.customer-shop .shop-product-meta span{color:#8b817b;font-size:12px;white-space:nowrap}.shop-cart-button,.shop-buy-button{border:0;min-height:38px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:950}.shop-cart-button{width:36px;background:#f1f8ed;color:#2f8a55;box-shadow:inset 0 0 0 1px #badab2f2}.shop-buy-button{min-width:82px;background:linear-gradient(135deg,#3fa766,#0f7a52);color:#fff;padding:0 15px;font-size:14px;box-shadow:0 10px 20px #2f8a5533}.shop-buy-button:active,.shop-cart-button:active{transform:translateY(1px)}.custom-style-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}.custom-style-card{min-width:0;display:grid;grid-template-columns:86px minmax(0,1fr);gap:10px;align-items:center;padding:9px;border:1px solid var(--line);border-radius:12px;background:#fff}.custom-style-card.is-picked{border-color:#4e9b587a;box-shadow:0 0 0 3px #72bc691f}.custom-style-card .product-image{width:86px;height:86px;border-radius:10px}.custom-style-card div{min-width:0;display:grid;gap:7px}.custom-style-card strong,.custom-style-card span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-style-card span{color:var(--muted);font-size:12px}.custom-form{display:grid;gap:12px}.custom-photo-uploader{min-height:178px;border:1px dashed rgba(114,188,105,.5);border-radius:12px;background:#f5fcf1;overflow:hidden;display:grid;place-items:center}.custom-photo-uploader input{display:none}.custom-photo-uploader img{width:100%;height:220px;object-fit:cover}.custom-photo-uploader span{display:grid;justify-items:center;gap:8px;color:#5e8e59;font-size:13px;font-weight:900}.checkout-address{display:flex;align-items:center;justify-content:space-between;gap:12px}.checkout-address>div{min-width:0;display:grid;gap:4px}.checkout-address span,.checkout-address p,.checkout-address small{color:var(--muted);font-size:12px}.checkout-address strong,.checkout-address p{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-checkout-bar{position:sticky;bottom:82px;z-index:7;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid rgba(114,188,105,.32);border-radius:14px;background:#fffffff5;box-shadow:0 16px 36px #3f714326}.shop-checkout-bar>div{display:grid;gap:2px}.shop-checkout-bar span,.shop-checkout-bar small{color:var(--muted);font-size:12px}.shop-checkout-bar strong{color:#3f8e4b;font-size:21px}.checkout-page{gap:12px}.checkout-confirm-card{display:grid;gap:12px;border:1px solid rgba(219,228,221,.9);border-radius:12px;background:#fffffff5;padding:14px;box-shadow:0 12px 32px #3c684414}.checkout-confirm-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.checkout-confirm-title h2{margin:0;color:#20382a;font-size:19px}.checkout-confirm-title span{border-radius:999px;background:#edf8e9;color:var(--green);padding:5px 9px;font-size:12px;font-weight:900}.checkout-address-card{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid rgba(219,228,221,.82);border-radius:12px;background:#fbfdf8;color:#20382a;padding:11px;text-align:left}.checkout-address-card>svg:first-child{color:var(--green)}.checkout-address-card>svg:last-child{color:#8aa18b}.checkout-address-card div{min-width:0;display:grid;gap:3px}.checkout-address-card span,.checkout-address-card p{margin:0;color:var(--muted);font-size:12px}.checkout-address-card strong,.checkout-address-card p{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checkout-product-row{min-width:0;display:grid;grid-template-columns:70px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid rgba(219,228,221,.82);border-radius:12px;background:#fff}.checkout-product-row .product-image{width:70px;height:70px;border-radius:11px}.checkout-product-row div{min-width:0;display:grid;gap:4px}.checkout-product-row strong,.checkout-product-row span,.checkout-product-row em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checkout-product-row span,.checkout-product-row em{color:var(--muted);font-size:12px;font-style:normal}.checkout-product-row b{color:#3f8e4b;font-size:18px}.checkout-quantity-row,.checkout-total-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.checkout-quantity-row>span,.checkout-total-row>span{color:#5f6f62;font-size:13px;font-weight:900}.checkout-total-row{padding-top:10px;border-top:1px solid rgba(219,228,221,.82)}.checkout-total-row strong{color:#3f8e4b;font-size:24px}.mine-profile{display:flex;align-items:center;gap:12px}.mine-profile .mine-logout{margin-left:auto;min-height:36px}.avatar-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#e8f7df;color:var(--green)}.mine-profile div{display:grid;gap:3px}.mine-profile strong{font-size:17px}.mine-profile span:not(.avatar-mark){color:var(--muted);font-size:13px}.member-card{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:14px;overflow:hidden;background:radial-gradient(circle at 88% 20%,rgba(196,233,178,.72),transparent 120px),linear-gradient(135deg,#f7fbf2,#e5f5dc 62%,#d8edce)}.member-card>div{display:grid;gap:4px}.member-card span,.member-card small{color:#5f7c5a;font-size:12px;font-weight:800}.member-card strong{color:#1f7a4d;font-size:34px;line-height:1}.member-card svg{flex:0 0 auto;color:#388e4f6b}.mine-panel{display:grid;gap:12px}.mine-panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.mine-panel-title h2{margin:0;color:#20382a;font-size:17px}.mine-panel-title button{border:0;background:transparent;color:var(--green);display:inline-flex;align-items:center;gap:3px;padding:0;font-size:12px;font-weight:900}.order-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.order-status-grid button{min-width:0;min-height:68px;display:grid;place-items:center;gap:3px;border:1px solid rgba(219,228,221,.78);border-radius:12px;background:#fbfdf8;color:#20382a;padding:8px 4px}.order-status-grid strong{color:#2d8b55;font-size:18px;line-height:1}.order-status-grid span{color:#5f6f62;font-size:12px;font-weight:800}.customer-order-list{display:grid;gap:8px}.customer-order-card{min-width:0;display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid rgba(219,228,221,.78);border-radius:12px;background:#fff;padding:9px}.customer-order-card img,.order-thumb-placeholder{width:52px;height:52px;border-radius:10px}.customer-order-card img{object-fit:cover;background:#eef5ea}.order-thumb-placeholder{display:grid;place-items:center;background:#eef8e9;color:var(--green)}.customer-order-card div{min-width:0;display:grid;gap:3px}.customer-order-card strong,.customer-order-card span,.customer-order-card small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-order-card strong{color:#20382a;font-size:14px}.customer-order-card span,.customer-order-card small{color:var(--muted);font-size:12px}.customer-order-card b{color:#3f8e4b;font-size:15px}.mine-menu-list{display:grid;gap:6px}.mine-menu-item{min-width:0;min-height:58px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;border:0;border-radius:12px;background:transparent;color:#20382a;padding:8px 4px;text-align:left}.mine-menu-item:not(:last-child){border-bottom:1px solid rgba(219,228,221,.75);border-radius:0}.mine-menu-item>span{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#eef8e9;color:var(--green)}.mine-menu-item div{min-width:0;display:grid;gap:3px}.mine-menu-item strong,.mine-menu-item small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mine-menu-item strong{font-size:14px}.mine-menu-item small{color:var(--muted);font-size:12px;font-weight:700}.mine-menu-item>svg{color:#8aa18b}.address-page{gap:12px}.address-page-hero{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:radial-gradient(circle at 88% 22%,rgba(198,232,188,.72),transparent 120px),linear-gradient(135deg,#fbfdf8,#ebf8e6)}.address-page-hero div{display:grid;gap:4px}.address-page-hero span,.address-page-hero p{margin:0;color:#5f7c5a;font-size:12px;font-weight:800}.address-page-hero h2{margin:0;color:#20382a;font-size:22px;line-height:1.18}.address-page-hero svg{flex:0 0 auto;color:#388e4f85}.custom-order-list{display:grid;gap:10px}.custom-order-card{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff}.custom-order-card img{width:58px;height:58px;border-radius:10px;object-fit:cover}.custom-order-card div{min-width:0;display:grid;gap:3px}.custom-order-card strong,.custom-order-card span,.custom-order-card p{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-order-card span,.custom-order-card p{color:var(--muted);font-size:12px}.custom-order-card em{border-radius:999px;background:#edf8e9;color:var(--green);padding:4px 8px;font-size:11px;font-style:normal;font-weight:900}.detail-back-button{justify-self:start;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--green);display:inline-flex;align-items:center;gap:4px;min-height:34px;padding:0 12px;font-size:13px;font-weight:900}.detail-back-button svg{transform:rotate(180deg)}.customer-product-detail{position:relative;gap:10px;margin-top:-14px}.customer-product-detail.has-bottom-actions{padding-bottom:118px}.customer-product-detail.is-custom-detail{padding-bottom:18px}.customer-product-detail .compact-back-button{position:absolute;top:12px;left:12px;z-index:32;width:34px;min-height:34px;border-color:#ffffffc7;border-radius:999px;background:#ffffffe0;padding:0;color:#20382a;box-shadow:0 10px 24px #1f382a29;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.customer-product-detail .compact-back-button:active{transform:scale(.96)}.customer-product-detail .product-detail-hero{position:relative;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.customer-product-detail .detail-image-button{overflow:hidden;border-radius:0 0 24px 24px;background:#f1f8ee;box-shadow:0 16px 36px #3264391f}.product-detail-hero,.detail-section{border:1px solid rgba(219,228,221,.9);border-radius:14px;background:#fffffff5;box-shadow:0 12px 32px #3c684414}.product-detail-hero{overflow:hidden}.product-detail-hero .product-image{width:100%;height:260px;border:0;border-radius:0}.progressive-image{position:relative;display:block;overflow:hidden;background:#f4fbf1;contain:layout paint}.progressive-image.product-image{background:#f0f7ec}.progressive-image img{display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .22s ease}.progressive-image.is-loaded img{opacity:1}.progressive-image.product-image img,.progressive-image.product-image .image-skeleton{border-radius:inherit}.image-skeleton{position:absolute;inset:0;background:linear-gradient(90deg,#edf7e9,#fbfef9 48%,#edf7e9);background-size:220% 100%;animation:image-skeleton-shimmer 1.15s ease-in-out infinite}@keyframes image-skeleton-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.product-detail-visual{width:100%;height:260px;border-radius:0}.customer-product-detail .detail-image-button .product-detail-visual,.customer-product-detail .detail-image-button .progressive-image{height:clamp(310px,92vw,430px);min-height:310px}.product-detail-body{display:grid;gap:10px;padding:16px}.customer-product-detail .product-detail-body{position:relative;z-index:2;gap:13px;margin:-24px 10px 0;border:1px solid rgba(226,235,225,.85);border-radius:20px;background:#fffffffa;padding:16px;box-shadow:0 18px 34px #3264391f}.detail-title-row,.detail-meta-row{min-width:0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.detail-title-row h2,.detail-meta-row p{min-width:0}.detail-status{justify-self:start;border-radius:999px;border:1px solid rgba(114,188,105,.28);background:#edf8e9;color:#2f8a55;padding:4px 9px;font-size:12px;font-weight:900;white-space:nowrap}.product-detail-body h2{margin:0;color:#20382a;font-size:22px;line-height:1.25}.product-detail-body p,.detail-section p{margin:0;color:var(--muted);line-height:1.7}.product-detail-body strong{color:var(--green);font-size:26px}.customer-product-detail .detail-meta-row p{border-radius:999px;background:#f5faf2;padding:7px 10px;font-size:13px;line-height:1.35}.customer-product-detail .detail-meta-row strong{color:#e04d2f;font-size:25px;line-height:1.1;white-space:nowrap}.customer-product-detail .detail-section{border:0;border-radius:18px;background:#fff;padding:16px;box-shadow:0 10px 28px #32643914}.customer-product-detail .detail-section h3{font-size:17px}.customer-product-detail .detail-description{color:#44574b;font-size:14px;line-height:1.88}.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.detail-custom-fab{position:fixed;right:max(18px,calc(50vw - 197px));bottom:154px;z-index:24;width:48px;height:48px;border:1px solid rgba(168,211,154,.88);border-radius:999px;background:linear-gradient(180deg,#fff,#eef9ec);color:#3f8e4b;display:grid;place-items:center;box-shadow:0 14px 32px #3c773f33}.detail-custom-fab:active{transform:translateY(1px)}.detail-section{display:grid;gap:10px;padding:14px}.detail-section h3{margin:0;color:#20382a;font-size:16px}.detail-description,.detail-rich-content p{white-space:pre-line}.detail-rich-content{display:grid;gap:14px;margin-top:8px}.customer-product-detail .detail-rich-content{gap:16px}.detail-rich-content h4{margin:4px 0 0;color:#1f3f2b;font-size:18px;line-height:1.35}.detail-rich-content p{margin:0}.detail-rich-content figure{margin:0;overflow:hidden;border:1px solid rgba(186,216,180,.78);border-radius:16px;background:linear-gradient(180deg,#fff,#f7fbf5);box-shadow:0 10px 24px #426f4614}.customer-product-detail .detail-rich-content figure{border:0;border-radius:18px;background:#fff;padding:9px;box-shadow:0 12px 28px #3264391a}.customer-product-detail .detail-rich-content figure .detail-rich-image{overflow:hidden;border-radius:14px;background:#f3faf0}.detail-rich-content figure img{display:block;width:100%;max-height:520px;object-fit:cover}.detail-rich-content figure .detail-rich-image{width:100%;aspect-ratio:4 / 3;min-height:220px;max-height:520px;border-radius:0;background:#f7fbf5}.detail-rich-content figure .detail-rich-image img{background:#f7fbf5;object-fit:contain}.detail-rich-content figcaption{margin:10px 12px 12px;border-left:3px solid rgba(114,188,105,.72);border-radius:10px;background:#f2faf0;color:#55715a;padding:9px 11px;font-size:12px;line-height:1.55;white-space:pre-line}.customer-product-detail .detail-rich-content figcaption{margin:8px 2px 0;border-left:0;border-radius:12px;background:#f6fbf4;color:#526b57;padding:9px 10px;font-weight:800}.customer-product-detail .detail-specs dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.customer-product-detail .detail-specs div{display:grid;gap:3px;justify-content:stretch;border:1px solid rgba(219,228,221,.86);border-radius:12px;background:#f8fcf6;padding:9px}.customer-product-detail .detail-specs dd{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-guide-stack{display:grid;gap:14px}.product-purchase-notice,.product-care-guide{overflow:hidden;display:grid;gap:14px;border:1px solid rgba(188,221,181,.78);border-radius:22px;padding:17px;box-shadow:0 16px 34px #3160371f}.product-purchase-notice{position:relative;background:radial-gradient(circle at 12% 10%,rgba(255,229,142,.42),transparent 24%),linear-gradient(155deg,#fffdf0,#f7fbec 56%,#fff)}.product-purchase-notice:before{content:"";position:absolute;top:16px;bottom:16px;left:15px;width:8px;border-radius:999px;background:radial-gradient(circle,rgba(126,184,70,.78) 0 46%,transparent 48%) 0 0 / 8px 36px repeat-y}.guide-card-header{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 54px;gap:12px;align-items:center;padding-left:18px}.guide-card-header h3{margin:0;color:#3b2d21;font-size:24px;line-height:1.08}.guide-card-header p{margin:7px 0 0;color:#6e654e;font-size:13px;line-height:1.62}.guide-card-header>span{width:54px;height:54px;border-radius:18px;background:#ffffffdb;color:#6a9a3e;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #b2cd7d8a,0 12px 24px #6b81371f}.purchase-notice-list{position:relative;display:grid;gap:9px;padding-left:18px}.purchase-notice-item{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:start;border:1px solid rgba(229,223,196,.92);border-radius:16px;background:#ffffffc7;padding:10px}.purchase-notice-dot{width:36px;height:36px;border-radius:999px;background:#91bf52;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:950;box-shadow:0 10px 18px #6b973938}.purchase-notice-item strong{display:inline-flex;align-items:center;gap:5px;color:#3e3324;font-size:14px;line-height:1.35}.purchase-notice-item strong svg{color:#7da83f}.purchase-notice-item p{margin:4px 0 0;color:#6b6251;font-size:12px;line-height:1.58}.guide-card-footer{position:relative;margin:0 0 0 18px;border-radius:15px;background:#ffffffc7;color:#685b3b;padding:10px 12px;font-size:12px;font-weight:900;line-height:1.58}.product-care-guide{background:radial-gradient(circle at 88% 8%,rgba(163,213,176,.38),transparent 28%),linear-gradient(155deg,#f8fff4,#eef9f4 54%,#fff)}.care-guide-top{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:10px;align-items:center}.care-guide-copy{display:grid;gap:8px}.care-guide-copy h3{margin:0;color:#1f3f2b;font-size:24px;line-height:1.08}.care-guide-copy p{margin:0;color:#58715c;font-size:13px;line-height:1.62}.care-guide-visual{position:relative;display:grid;place-items:center;height:112px}.care-glass{position:relative;width:72px;height:88px;border:1px solid rgba(116,157,127,.3);border-radius:30px 30px 24px 24px;background:linear-gradient(180deg,#ffffffbd,#fff3),linear-gradient(180deg,transparent 0 52%,#c7e8bd 52% 68%,#7fb36f 68% 100%);color:#3f8e4b;display:grid;place-items:center;box-shadow:inset 0 0 18px #ffffffd1,0 16px 24px #36673c24}.care-glass:before{content:"";position:absolute;top:13px;right:14px;width:13px;height:38px;border-radius:999px;background:#ffffff9e}.care-mist{position:absolute;border-radius:999px;background:#84c5b34d}.care-mist-one{top:14px;left:6px;width:24px;height:8px}.care-mist-two{right:6px;bottom:20px;width:34px;height:10px;background:#ecad8942}.care-guide-items{display:grid;gap:9px}.care-guide-item{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:start;border:1px solid rgba(217,231,213,.86);border-radius:16px;background:#ffffffd1;padding:10px}.care-guide-icon{width:38px;height:38px;border-radius:14px;background:#edf8e9;color:#3f8e4b;display:grid;place-items:center}.care-guide-item:nth-child(2) .care-guide-icon{background:#eef8fb;color:#3b8a96}.care-guide-item:nth-child(3) .care-guide-icon{background:#f1f8ef;color:#5d8e47}.care-guide-item:nth-child(4) .care-guide-icon{background:#fff5ee;color:#bf744b}.care-guide-item strong{display:block;margin:0 0 3px;color:#20382a;font-size:14px;line-height:1.35}.care-guide-item p{margin:0;color:#5c705f;font-size:12px;line-height:1.55}.care-guide-reminder{margin:0;border-radius:15px;background:#fffaf5e0;color:#6a664e;padding:10px 12px;font-size:12px;font-weight:800;line-height:1.62}.detail-purchase-bar{position:fixed;left:50%;bottom:76px;z-index:26;width:min(430px,calc(100vw - 24px));transform:translate(-50%);display:grid;grid-template-columns:minmax(82px,1fr) minmax(102px,auto) minmax(102px,auto);gap:8px;align-items:center;border:1px solid rgba(114,188,105,.3);border-radius:18px;background:#fffffff7;padding:9px;box-shadow:0 16px 36px #3f71432e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.customer-product-detail .detail-purchase-bar{bottom:max(12px,env(safe-area-inset-bottom));grid-template-columns:minmax(78px,.72fr) minmax(96px,1fr) minmax(102px,1fr);gap:7px}.detail-purchase-bar div{min-width:0;display:grid;gap:1px}.detail-purchase-bar span{color:#657967;font-size:11px;font-weight:800}.detail-purchase-bar strong{color:#e04d2f;font-size:19px;line-height:1.1;white-space:nowrap}.detail-custom-order-panel{display:grid;gap:12px;border:1px solid rgba(199,221,190,.9);border-radius:16px;background:#fffffff7;padding:14px;box-shadow:0 12px 30px #3c684414}.detail-custom-rule{margin:0;border:1px solid rgba(188,220,178,.82);border-radius:12px;background:linear-gradient(135deg,#f3fbef,#fff);color:#55725a;padding:9px 11px;font-size:12px;font-weight:800;line-height:1.58}.detail-custom-order-panel label{display:grid;gap:7px}.detail-custom-order-panel textarea{min-height:112px;resize:vertical;border:1px solid var(--line);border-radius:12px;background:#f8fbf8;padding:11px 12px;font:inherit;line-height:1.55}.customer-product-detail .detail-purchase-price{align-self:stretch;display:flex;align-items:center;border-radius:14px;background:#fff7f2;padding:0 9px}.customer-product-detail .detail-purchase-price strong{font-size:20px}.detail-purchase-bar .primary-button,.detail-purchase-bar .secondary-button{min-height:40px;border-radius:999px;padding:0 10px;white-space:nowrap}.detail-specs dl{margin:0;display:grid;gap:8px}.detail-specs div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding-bottom:8px}.detail-specs dt,.detail-specs dd{margin:0;font-size:13px}.detail-specs dt{color:var(--muted)}.detail-specs dd{color:#20382a;font-weight:900}.customer-bottom-nav{position:fixed;left:50%;bottom:8px;z-index:20;width:min(430px,calc(100vw - 24px));transform:translate(-50%);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:4px;border:1px solid rgba(199,221,190,.9);border-radius:14px;background:#fffffff0;box-shadow:0 12px 30px #375f3824;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.customer-bottom-nav button{position:relative;min-height:42px;border:0;border-radius:11px;background:transparent;color:#6d7c6b;display:grid;place-items:center;gap:1px;font-size:10px;font-weight:900}.customer-bottom-nav svg{width:18px;height:18px}.customer-bottom-nav button.is-active{color:#3f8e4b;background:#edf8e9}.customer-bottom-nav b{position:absolute;top:3px;right:12px;min-width:15px;height:15px;display:grid;place-items:center;border-radius:999px;background:#e3704f;color:#fff;font-size:9px}.customer-safe-space{height:64px}.role-switcher{min-height:42px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffffd1;box-shadow:var(--shadow-soft)}.role-switcher button{min-height:32px;border:0;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 8px;color:var(--muted);background:transparent;font-size:12px;font-weight:900}.role-switcher button.is-active{color:#fff;background:linear-gradient(180deg,#0f6a52,#0b553f)}.role-switcher span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-page{display:grid;gap:16px}.role-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,380px);gap:16px;align-items:stretch;padding:20px;border:1px solid rgba(201,216,206,.82);border-radius:var(--radius);background:linear-gradient(135deg,#0d5d48f7,#1b7054eb),#0d5d48;color:#fff;box-shadow:0 16px 40px #0d5d4829}.buyer-hero{background:linear-gradient(135deg,#4e5842fa,#0d5d48e6),#475a42}.role-hero .panel-kicker{color:#ffffffbd}.role-hero h2{margin:0;max-width:650px;font-size:24px;line-height:1.28}.role-hero p:not(.panel-kicker){margin:10px 0 0;max-width:620px;color:#ffffffc2;line-height:1.7}.role-hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.role-hero-metrics span{min-height:84px;display:grid;align-content:center;gap:6px;padding:12px;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius);background:#ffffff1a;color:#ffffffc7;font-size:12px;font-weight:800}.role-hero-metrics strong{color:#fff;font-size:22px;line-height:1.1}.shop-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,380px);gap:16px;align-items:start}.shop-products,.buyer-grid{display:grid;gap:12px}.shop-products{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.shop-product-card,.buyer-product-card{min-width:0;overflow:hidden;border:1px solid rgba(201,216,206,.82);border-radius:var(--radius);background:#fffffff0;box-shadow:var(--shadow-soft)}.shop-product-card{display:grid;grid-template-rows:160px 1fr}.shop-product-card .product-image{width:100%;height:160px;border:0;border-radius:0}.shop-product-body,.buyer-product-body{min-width:0;display:grid;gap:12px;padding:13px}.shop-product-body strong,.buyer-product-body strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}.shop-product-body span,.buyer-product-body span,.buyer-price-grid dt{color:var(--muted);font-size:12px}.shop-product-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.shop-product-meta b{color:var(--green);font-size:21px}.shop-product-actions{display:grid;grid-template-columns:minmax(86px,.72fr) minmax(0,1fr);gap:8px}.shop-product-actions .primary-button,.shop-product-actions .secondary-button{min-width:0;padding-inline:8px;white-space:nowrap}.cart-panel{position:sticky;top:94px;display:grid;gap:12px}.address-manager{display:grid;gap:11px;padding-bottom:12px;border-bottom:1px solid var(--line)}.address-list{display:grid;gap:8px}.address-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}.address-card.is-selected{border-color:#0d5d4885;box-shadow:0 0 0 3px #0d5d4814}.address-select{width:100%;min-width:0;display:grid;gap:6px;border:0;background:transparent;padding:10px;color:var(--text);text-align:left}.address-select span{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px}.address-select strong,.address-select small,.address-select p{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.address-select strong{font-size:14px}.address-select small,.address-select p{color:var(--muted);font-size:12px}.address-select em{justify-self:start;border-radius:999px;background:#edf7ee;color:var(--green);padding:3px 8px;font-style:normal;font-size:11px;font-weight:900}.address-actions{display:flex;justify-content:flex-end;gap:6px;padding:0 8px 8px}.address-actions button{min-height:30px;display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--muted);padding:0 8px;font-size:12px;font-weight:800}.address-form{display:grid;gap:10px}.check-row{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px}.check-row input{width:16px;height:16px}.store-cart-row{grid-template-columns:auto minmax(0,1fr) auto auto}.store-cart-row .qty-control button{display:grid;place-items:center}.store-checkout{margin-top:2px}.buyer-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.buyer-product-card{display:grid;grid-template-columns:128px minmax(0,1fr)}.buyer-product-card .product-image{width:128px;height:100%;min-height:184px;border:0;border-right:1px solid var(--line);border-radius:0}.buyer-heading{display:flex;justify-content:space-between;gap:10px}.buyer-price-grid{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.buyer-price-grid div{min-width:0;display:grid;gap:5px;padding:9px;border:1px solid var(--line);border-radius:var(--radius);background:#f8fbf8}.buyer-price-grid dt,.buyer-price-grid dd{margin:0}.buyer-price-grid dd{font-size:15px;font-weight:900}.buyer-price-grid .buyer-cost{background:#fff4e8;border-color:#ecd2b4}.buyer-price-grid .buyer-cost dd{color:#9b541d}.distributor-request-form{display:grid;grid-template-columns:74px minmax(0,1fr) auto;gap:8px;align-items:center}.distributor-request-form input{width:100%;min-width:0;min-height:36px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 10px}.distributor-request-row{grid-template-columns:minmax(0,1.35fr) minmax(190px,.8fr) auto}.distributor-request-row small{display:block;margin-top:4px;color:var(--muted)}.distributor-workspace{--distributor-green: #2f8a55;--distributor-mint: #eef8ec;--distributor-line: rgba(189, 214, 186, .72)}.distributor-dashboard{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:14px;align-items:stretch}.distributor-welcome,.distributor-main,.distributor-side-panel{border:1px solid var(--distributor-line);border-radius:14px;background:#fffffff5;box-shadow:0 14px 34px #39754617}.distributor-welcome{display:grid;align-content:center;gap:8px;min-height:150px;padding:18px;background:linear-gradient(135deg,#eff9e8fa,#fffffff5),#fff}.distributor-welcome h2,.distributor-toolbar h3{margin:0;color:#20382a}.distributor-welcome h2{font-size:26px;line-height:1.25}.distributor-welcome p:not(.panel-kicker){margin:0;color:#5f7561;line-height:1.65}.distributor-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.distributor-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,380px);gap:14px;align-items:start}.distributor-main{min-width:0;display:grid;gap:12px;padding:14px}.distributor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.distributor-toolbar h3{font-size:19px}.distributor-toolbar>span{flex:0 0 auto;border-radius:999px;background:var(--distributor-mint);color:var(--distributor-green);padding:6px 10px;font-size:12px;font-weight:900}.distributor-filter-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.distributor-filter-tabs::-webkit-scrollbar{display:none}.distributor-filter-tabs button{flex:0 0 auto;min-height:36px;border:1px solid var(--distributor-line);border-radius:999px;background:#fff;color:#49634d;display:inline-flex;align-items:center;gap:7px;padding:0 12px;font-weight:900}.distributor-filter-tabs button.is-active{border-color:#44975494;background:#e9f8e7;color:var(--distributor-green)}.distributor-filter-tabs b{display:grid;place-items:center;min-width:22px;height:22px;border-radius:999px;background:#4497541f;font-size:12px}.distributor-product-grid{display:grid;gap:12px}.distributor-product-card{min-width:0;overflow:hidden;display:grid;grid-template-columns:154px minmax(0,1fr);border:1px solid rgba(206,223,204,.9);border-radius:14px;background:#fff;box-shadow:0 10px 24px #487d4c12}.distributor-product-card .product-image{width:154px;height:100%;min-height:238px;border:0;border-right:1px solid var(--line);border-radius:0}.distributor-product-content{min-width:0;display:grid;gap:12px;padding:14px}.distributor-product-head,.distributor-request-head{min-width:0;display:flex;justify-content:space-between;gap:10px}.distributor-product-head strong,.distributor-request-head strong{display:block;min-width:0;overflow:hidden;color:#223d2a;text-overflow:ellipsis;white-space:nowrap}.distributor-product-head span:not(.distributor-status),.distributor-product-foot,.distributor-request-card p,.distributor-request-card span,.distributor-request-card small{color:#657967;font-size:12px}.distributor-status{flex:0 0 auto;align-self:flex-start;border:1px solid rgba(141,190,137,.7);border-radius:999px;background:#eff9ec;color:#347943;padding:4px 9px;font-size:12px;font-weight:900;white-space:nowrap}.distributor-status.pending{border-color:#ebb4589e;background:#fff8e8;color:#a26716}.distributor-status.approved{border-color:#3e934d99;background:#e8f8e7;color:#24763a}.distributor-status.rejected{border-color:#e0786594;background:#fff0eb;color:#bd4b34}.distributor-status.is-low:not(.pending):not(.approved):not(.rejected){border-color:#ebb4589e;background:#fff8e8;color:#a26716}.distributor-price-board{margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.distributor-price-board div{min-width:0;border:1px solid var(--line);border-radius:12px;background:#f8fcf6;padding:9px 10px}.distributor-price-board div.is-open{border-color:#44975485;background:#eaf8e8}.distributor-price-board dt,.distributor-price-board dd{margin:0}.distributor-price-board dt{color:#687968;font-size:12px;font-weight:800}.distributor-price-board dd{margin-top:5px;color:#20382a;font-size:15px;font-weight:950;white-space:nowrap}.distributor-price-board .is-open dd{color:var(--distributor-green)}.distributor-order-form{display:grid;grid-template-columns:116px minmax(0,1fr) auto;gap:8px;align-items:end}.distributor-order-form label{min-width:0;display:grid;gap:5px}.distributor-order-form label span{color:#687968;font-size:12px;font-weight:900}.distributor-order-form input{width:100%;min-width:0;min-height:38px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 10px}.distributor-order-form .primary-button{min-height:38px;padding-inline:14px;white-space:nowrap}.distributor-product-foot{display:flex;flex-wrap:wrap;gap:6px 12px;border-top:1px dashed rgba(190,211,188,.95);padding-top:10px}.distributor-side{position:sticky;top:94px;display:grid;gap:12px}.distributor-side-panel{min-width:0;display:grid;gap:12px;padding:14px}.distributor-benefit-list{display:grid;gap:9px}.distributor-benefit-list div{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:12px;background:#f8fcf6;padding:10px 12px}.distributor-benefit-list span{color:#657967;font-size:12px;font-weight:900}.distributor-benefit-list strong{color:#20382a}.distributor-request-list{display:grid;gap:9px}.distributor-request-card{min-width:0;display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:9px}.distributor-request-card .product-image{width:58px;height:58px;border-radius:10px}.distributor-request-card div{min-width:0}.distributor-request-card p{margin:4px 0 0}.distributor-request-card span,.distributor-request-card small{display:block;margin-top:4px;line-height:1.45}.distributor-store{display:grid;gap:14px}.distributor-top-nav{justify-self:start;display:inline-grid;grid-template-columns:repeat(3,minmax(92px,1fr));gap:4px;border:1px solid rgba(191,217,188,.82);border-radius:999px;background:#fffffff5;padding:4px;box-shadow:0 10px 22px #39754614}.distributor-top-nav button{border:0;border-radius:999px;background:transparent;color:#5d6f60;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 14px;font-weight:900}.distributor-top-nav button.is-active{background:#eaf8e8;color:#2f8a55}.distributor-store-summary,.distributor-shop-section,.distributor-profile-card{border:1px solid rgba(191,217,188,.82);border-radius:14px;background:#fffffff5;box-shadow:0 14px 34px #39754617}.distributor-store-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:14px;align-items:stretch;padding:16px;background:linear-gradient(135deg,#eef9e9fa,#fffffff5),#fff}.distributor-store-summary.is-metrics-only{grid-template-columns:1fr;padding:12px}.distributor-store-summary.is-metrics-only .distributor-store-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.distributor-store-summary h2,.distributor-profile-card h2{margin:0;color:#20382a}.distributor-store-summary h2{font-size:24px;line-height:1.28}.distributor-store-summary p:not(.panel-kicker){margin:8px 0 0;color:#5f7561;line-height:1.65}.distributor-store-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.distributor-mine-page .distributor-store-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.distributor-shop-section{display:grid;gap:12px;padding:14px}.distributor-purchase-panel{padding-top:12px}.distributor-purchase-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border-radius:12px;background:#f3faf0;padding:5px}.distributor-purchase-tabs button{min-width:0;min-height:40px;border:0;border-radius:10px;background:transparent;color:#5f7561;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:950}.distributor-purchase-tabs button.is-active{background:#fff;color:#246b41;box-shadow:0 8px 18px #376f3f1a}.distributor-purchase-tabs em{min-width:22px;border-radius:999px;background:#246b411a;color:inherit;padding:2px 7px;font-size:12px;font-style:normal}.distributor-shop-grid{display:grid;grid-template-columns:1fr;gap:12px}.distributor-shop-card{min-width:0;display:grid;grid-template-columns:136px minmax(0,1fr);gap:12px;align-items:stretch;border:0;border-bottom:1px solid rgba(219,228,221,.82);border-radius:0;background:transparent;padding:8px 0 12px;box-shadow:none}.distributor-shop-card.is-preorder{background:transparent}.distributor-shop-image-link{position:relative;width:136px;height:136px;min-height:136px;display:block;overflow:hidden;border:0;border-radius:12px;background:transparent;padding:0}.distributor-shop-card .product-image{width:100%;height:100%;min-height:136px;border:0;border-radius:12px;background:#f0f7ec;object-fit:cover}.distributor-shop-body{min-width:0;display:grid;gap:8px;padding:1px 0 0}.distributor-shop-head{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:start}.distributor-shop-head strong{display:-webkit-box;min-width:0;overflow:hidden;color:#222825;font-size:17px;line-height:1.28;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.distributor-shop-code{display:block;color:#8b9a8d;font-size:11px;font-weight:700;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.distributor-profile-card span,.distributor-order-card span,.distributor-order-card small{color:#657967;font-size:12px}.distributor-shop-head em,.distributor-order-card em{flex:0 0 auto;align-self:flex-start;border:1px solid rgba(141,190,137,.7);border-radius:999px;background:#eff9ec;color:#347943;padding:3px 7px;font-size:11px;font-style:normal;font-weight:900;white-space:nowrap}.distributor-shop-card.is-preorder .distributor-shop-head em{border-color:#ebb4589e;background:#fff8e8;color:#a26716}.distributor-shop-price-line{min-width:0;display:flex;align-items:baseline;gap:8px;margin-top:auto}.distributor-shop-price-line span{color:#8b817b;font-size:12px;font-weight:800;text-decoration:line-through;white-space:nowrap}.distributor-shop-price-line b{color:#20382a;font-size:19px;font-weight:950;line-height:1;white-space:nowrap}.distributor-shop-action-row{display:grid;grid-template-columns:minmax(116px,.9fr) minmax(112px,1fr);gap:8px;align-items:end}.distributor-shop-quantity{min-width:0;display:grid;gap:3px}.distributor-shop-quantity>span{color:#687968;font-size:11px;font-weight:900}.distributor-shop-cart-button{width:100%;min-height:38px;min-width:0;border-radius:999px;padding:0 12px;font-size:13px;white-space:nowrap}.distributor-shop-cart-button svg{width:14px;height:14px}.distributor-quantity-stepper{min-width:0;display:grid;grid-template-columns:30px minmax(38px,1fr) 30px;align-items:center;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff}.distributor-quantity-stepper button{min-height:32px;border:0;border-radius:0;background:#f6fbf3;color:#2f7b45;display:grid;place-items:center}.distributor-quantity-stepper button:disabled{color:#b3c0b4}.distributor-quantity-stepper input{width:100%;min-width:0;min-height:32px;border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);border-radius:0;background:#fff;padding:0 4px;color:#20382a;font-size:13px;font-weight:900;text-align:center}.distributor-detail-page{display:grid;gap:12px}.distributor-detail-page .product-detail-hero{display:grid;grid-template-columns:minmax(240px,.95fr) minmax(0,1.05fr)}.detail-image-button,.detail-rich-image-button{width:100%;border:0;background:transparent;padding:0;cursor:zoom-in;display:block}.detail-image-button{min-width:0}.detail-image-button .progressive-image,.detail-image-button .product-detail-visual{height:100%;min-height:320px}.distributor-detail-page .product-detail-body{align-content:start;gap:12px;padding:16px}.distributor-detail-price-grid{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.distributor-detail-price-grid div{min-width:0;border:1px solid var(--line);border-radius:11px;background:#f8fcf6;padding:10px;text-align:center}.distributor-detail-price-grid dt,.distributor-detail-price-grid dd{margin:0}.distributor-detail-price-grid dt{color:#687968;font-size:12px;font-weight:900}.distributor-detail-price-grid dd{margin-top:4px;color:#20382a;font-size:15px;font-weight:950;white-space:nowrap}.distributor-detail-price-grid .is-wholesale dd{color:#d94d21;font-size:20px}.distributor-detail-order{display:grid;grid-template-columns:132px minmax(0,1fr);gap:8px;align-items:end;border-top:1px solid var(--line);padding-top:12px}.distributor-detail-order label{min-width:0;display:grid;gap:5px;color:#687968;font-size:12px;font-weight:900}.distributor-detail-order .distributor-quantity-stepper{grid-template-columns:36px minmax(48px,1fr) 36px;border-radius:10px}.distributor-detail-order .distributor-quantity-stepper button,.distributor-detail-order .distributor-quantity-stepper input{min-height:40px}.distributor-cart-page{display:grid;gap:12px}.distributor-cart-panel{gap:14px}.distributor-cart-list{display:grid;gap:10px}.distributor-cart-row{min-width:0;display:grid;grid-template-columns:64px minmax(0,1fr) 116px minmax(84px,auto) auto;gap:10px;align-items:center;border:1px solid rgba(206,223,204,.9);border-radius:12px;background:#fff;padding:9px}.distributor-cart-row.is-warning{border-color:#d34d2859;background:linear-gradient(180deg,#fffefe,#fff8f5)}.distributor-cart-row .product-image{width:64px;height:64px;border-radius:10px}.distributor-cart-info{min-width:0;display:grid;gap:3px}.distributor-cart-info strong{overflow:hidden;color:#20382a;text-overflow:ellipsis;white-space:nowrap}.distributor-cart-info span,.distributor-cart-info small,.distributor-cart-qty span,.distributor-cart-note span,.distributor-cart-total span{color:#657967;font-size:12px}.distributor-cart-info small{line-height:1.45}.distributor-cart-qty{min-width:0;display:grid;gap:4px}.distributor-cart-qty>input{width:100%;min-height:34px;border:1px solid var(--line);border-radius:9px;padding:0 8px}.distributor-cart-qty .distributor-quantity-stepper{grid-template-columns:32px minmax(42px,1fr) 32px;border-radius:9px}.distributor-cart-qty .distributor-quantity-stepper button,.distributor-cart-qty .distributor-quantity-stepper input{min-height:34px}.cart-min-warning{color:#d3381c;font-size:11px;font-weight:900;line-height:1.35}.distributor-cart-row b{color:#d94d21;font-size:16px;white-space:nowrap}.distributor-cart-row .icon-button{width:34px;min-height:34px;border:1px solid rgba(219,228,221,.95);border-radius:9px;background:#f8fcf6;color:#6f7f70}.distributor-cart-summary{display:grid;gap:10px;border-top:1px solid var(--line);padding-top:12px}.distributor-cart-note{display:grid;gap:6px}.distributor-cart-note textarea{width:100%;min-height:76px;resize:vertical;border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px 12px;font:inherit}.distributor-cart-total,.distributor-cart-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.distributor-cart-total strong{color:#d94d21;font-size:22px}.distributor-cart-actions .primary-button,.distributor-cart-actions .secondary-button{min-width:136px}.distributor-profile-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 58px 16px 16px}.distributor-profile-card h2{font-size:24px}.distributor-logout-button{position:absolute;top:12px;right:12px;width:34px;min-height:34px;border:1px solid rgba(219,228,221,.95);border-radius:10px;background:#f8fcf6;color:#607363}.distributor-logout-button:hover{border-color:#b4231840;background:#fff0ed;color:var(--danger)}.distributor-order-list{display:grid;gap:10px}.distributor-order-card{min-width:0;display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px}.distributor-order-summary-card{grid-template-columns:64px minmax(0,1fr) auto;align-items:center}.distributor-order-summary-card .secondary-button{min-width:62px;min-height:34px;border-radius:9px;padding:0 10px;font-size:12px}.distributor-order-card .product-image{width:64px;height:64px;border-radius:10px}.distributor-order-card>div{min-width:0;display:grid;gap:4px}.distributor-order-card>div>div{min-width:0;display:flex;justify-content:space-between;gap:8px}.distributor-order-card strong{min-width:0;overflow:hidden;color:#20382a;text-overflow:ellipsis;white-space:nowrap}.distributor-order-card small{line-height:1.45}.distributor-order-detail-panel{display:grid;gap:12px}.distributor-order-detail-head{display:flex;justify-content:space-between;gap:12px;border:1px solid rgba(206,223,204,.82);border-radius:12px;background:#f8fcf6;padding:12px}.distributor-order-detail-head div{min-width:0;display:grid;gap:4px}.distributor-order-detail-head span,.distributor-order-detail-head small,.distributor-order-detail-summary,.distributor-order-line span,.distributor-order-line small,.distributor-order-line dt{color:#657967;font-size:12px}.distributor-order-detail-head strong{color:#20382a;font-size:18px}.distributor-order-detail-head b{color:#d94d21;font-size:22px;white-space:nowrap}.distributor-order-detail-summary{display:flex;flex-wrap:wrap;gap:8px}.distributor-order-detail-summary span{border-radius:999px;background:#f3faf0;padding:5px 9px;font-weight:800}.distributor-order-line-list{display:grid;gap:9px}.distributor-order-line{min-width:0;display:grid;grid-template-columns:58px minmax(0,1fr) minmax(92px,auto);gap:9px;align-items:center;border:1px solid rgba(219,228,221,.9);border-radius:12px;background:#fff;padding:8px}.distributor-order-line .product-image{width:58px;height:58px;border-radius:10px}.distributor-order-line>div{min-width:0;display:grid;gap:3px}.distributor-order-line strong{min-width:0;overflow:hidden;color:#20382a;text-overflow:ellipsis;white-space:nowrap}.distributor-order-line dl{margin:0;display:grid;gap:4px;text-align:right}.distributor-order-line dt,.distributor-order-line dd{margin:0}.distributor-order-line dd{color:#20382a;font-size:13px;font-weight:950}.distributor-order-line dl div:last-child dd{color:#d94d21}.distributor-bottom-nav,.distributor-safe-space{display:none}@media(max-width:920px){.topbar-actions .role-switcher{grid-column:1 / -1}.topbar-actions .user-badge{grid-column:1 / -1;justify-content:space-between}.app-shell.role-customer .topbar-actions,.app-shell.role-buyer .topbar-actions,.app-shell.role-distributor .topbar-actions,.role-hero,.shop-layout,.distributor-dashboard,.distributor-layout,.distributor-store-summary{grid-template-columns:1fr}.cart-panel,.distributor-side{position:static}.distributor-shop-grid{grid-template-columns:1fr}.distributor-mine-page .distributor-store-metrics,.distributor-store-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.topbar-actions .role-switcher{grid-column:1 / -1}.role-switcher{min-height:36px;padding:3px;box-shadow:none}.role-switcher button{min-height:30px;gap:4px;padding:0 5px;font-size:11px}.role-switcher button svg{width:13px;height:13px}.auth-shell{padding:14px;place-items:start center}.auth-card{margin-top:12px;padding:16px;box-shadow:var(--shadow-soft)}.auth-brand strong{font-size:16px}.user-badge{min-height:34px;box-shadow:none}.user-badge b{max-width:150px}.role-page{gap:10px}.role-hero{gap:12px;padding:13px;box-shadow:none}.role-hero h2{font-size:18px;line-height:1.32}.role-hero p:not(.panel-kicker){margin-top:7px;font-size:12px;line-height:1.55}.role-hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.role-hero-metrics span{min-height:64px;padding:8px 6px;font-size:11px}.role-hero-metrics strong{font-size:17px}.shop-layout,.shop-products,.buyer-grid{gap:10px}.shop-products,.buyer-grid{grid-template-columns:1fr}.shop-product-card{grid-template-columns:96px minmax(0,1fr);grid-template-rows:none;min-height:132px}.shop-product-card .product-image{width:96px;height:100%;min-height:132px;border-right:1px solid var(--line)}.shop-product-body,.buyer-product-body{gap:8px;padding:10px}.shop-product-body strong,.buyer-product-body strong{font-size:14px}.shop-product-body span,.buyer-product-body span,.buyer-price-grid dt{font-size:11px}.shop-product-meta{align-items:flex-start;display:grid;gap:2px}.shop-product-meta b{font-size:18px}.shop-product-actions{grid-template-columns:minmax(72px,.68fr) minmax(0,1fr);gap:6px}.shop-product-body .primary-button,.shop-product-actions .secondary-button{min-height:34px;font-size:12px}.cart-panel{padding:10px}.address-manager{gap:9px;padding-bottom:10px}.address-form .form-grid{grid-template-columns:1fr}.store-cart-row{grid-template-columns:46px minmax(0,1fr) auto;gap:8px;padding:8px}.store-cart-row .product-image{width:46px;height:46px}.store-cart-row .qty-control{grid-column:2 / 4;justify-self:start}.store-cart-row .icon-button{grid-column:3;grid-row:1}.buyer-product-card{grid-template-columns:96px minmax(0,1fr);min-height:170px}.buyer-product-card .product-image{width:96px;min-height:170px}.buyer-heading{display:grid;gap:6px}.buyer-price-grid{grid-template-columns:1fr;gap:6px}.buyer-price-grid div{grid-template-columns:1fr auto;align-items:center;padding:7px 8px}.buyer-price-grid dd{font-size:13px}.distributor-request-form,.distributor-request-row,.distributor-order-form{grid-template-columns:1fr}.distributor-dashboard,.distributor-main,.distributor-side{gap:10px}.distributor-welcome{min-height:0;padding:13px;box-shadow:none}.distributor-welcome h2{font-size:18px}.distributor-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.distributor-main,.distributor-side-panel{padding:10px;box-shadow:none}.distributor-toolbar{display:grid;gap:6px}.distributor-toolbar h3{font-size:16px}.distributor-toolbar>span{justify-self:start}.distributor-product-card{grid-template-columns:1fr}.distributor-product-card .product-image{width:100%;height:190px;min-height:190px;border-right:0;border-bottom:1px solid var(--line)}.distributor-product-content{gap:9px;padding:10px}.distributor-product-head{display:grid;gap:6px}.distributor-price-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.distributor-price-board div{padding:7px 8px}.distributor-price-board dd{font-size:13px}.distributor-order-form{grid-template-columns:86px minmax(0,1fr)}.distributor-order-form .primary-button{grid-column:1 / -1;width:100%}.distributor-product-foot{display:grid;gap:4px}.distributor-store{gap:10px}.distributor-top-nav{display:none}.distributor-store-summary,.distributor-shop-section,.distributor-profile-card{box-shadow:none}.distributor-store-summary,.distributor-shop-section{padding:10px}.distributor-store-summary.is-metrics-only .distributor-store-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.distributor-store-summary h2,.distributor-profile-card h2{font-size:18px}.distributor-shop-card{grid-template-columns:112px minmax(0,1fr);min-height:128px;gap:9px;padding-bottom:11px}.distributor-shop-image-link{width:112px;height:112px;min-height:112px}.distributor-shop-card .product-image{width:100%;height:100%;min-height:112px;border-right:0}.distributor-shop-body{gap:6px;padding:0}.distributor-shop-head{display:grid;gap:6px}.distributor-shop-head strong{font-size:15px}.distributor-shop-head em{padding:3px 6px;font-size:10px}.distributor-shop-code{font-size:10px}.distributor-shop-price-line{gap:6px}.distributor-shop-price-line span{font-size:11px}.distributor-shop-price-line b{font-size:16px}.distributor-shop-action-row{grid-template-columns:minmax(86px,.82fr) minmax(88px,1fr);gap:5px}.distributor-shop-quantity>span{font-size:10px}.distributor-shop-action-row .distributor-quantity-stepper{grid-template-columns:26px minmax(28px,1fr) 26px}.distributor-shop-action-row .distributor-quantity-stepper button,.distributor-shop-action-row .distributor-quantity-stepper input{min-height:30px}.distributor-shop-action-row .distributor-quantity-stepper input{padding:0 3px;font-size:12px}.distributor-shop-cart-button{width:100%;min-width:0;min-height:32px;padding:0 6px;font-size:11px}.distributor-shop-cart-button svg{display:none}.distributor-detail-page .product-detail-hero{grid-template-columns:1fr}.detail-image-button .progressive-image,.detail-image-button .product-detail-visual{height:230px;min-height:230px}.distributor-detail-page .product-detail-body{padding:12px}.distributor-detail-price-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.distributor-detail-price-grid div{padding:8px 5px}.distributor-detail-price-grid dt{font-size:10px}.distributor-detail-price-grid dd{font-size:12px}.distributor-detail-price-grid .is-wholesale{grid-column:auto}.distributor-detail-price-grid .is-wholesale dd{font-size:15px}.distributor-detail-order{grid-template-columns:112px minmax(0,1fr)}.distributor-cart-row{grid-template-columns:56px minmax(0,1fr) auto;gap:8px;align-items:start;padding:8px}.distributor-cart-row .product-image{grid-column:1;grid-row:1 / span 3;width:56px;height:56px}.distributor-cart-info{grid-column:2 / -1}.distributor-cart-qty{grid-column:2 / 3;width:min(136px,100%)}.distributor-cart-qty .distributor-quantity-stepper{grid-template-columns:30px minmax(38px,1fr) 30px}.distributor-cart-row b{grid-column:2;justify-self:start;font-size:14px}.distributor-cart-row .icon-button{grid-column:3;grid-row:2 / span 2;align-self:end;width:32px;min-height:32px}.distributor-cart-total,.distributor-cart-actions{display:grid;grid-template-columns:1fr;justify-items:stretch}.distributor-cart-total strong{font-size:20px}.distributor-cart-actions .primary-button,.distributor-cart-actions .secondary-button{width:100%}.distributor-profile-card{display:grid;padding:12px 52px 12px 12px}.distributor-logout-button{top:10px;right:10px;width:32px;min-height:32px}.distributor-order-summary-card{grid-template-columns:56px minmax(0,1fr) auto;gap:8px;padding:8px}.distributor-order-summary-card .product-image{width:56px;height:56px}.distributor-order-summary-card .secondary-button{min-width:54px;min-height:32px;padding:0 8px}.distributor-order-detail-head{display:grid;padding:10px}.distributor-order-detail-head b{font-size:20px}.distributor-order-line{grid-template-columns:52px minmax(0,1fr);gap:8px}.distributor-order-line .product-image{width:52px;height:52px}.distributor-order-line dl{grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr));text-align:left}.distributor-bottom-nav{position:fixed;left:50%;bottom:0;z-index:30;width:min(100%,430px);transform:translate(-50%);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;border-top:1px solid rgba(189,214,186,.86);background:#fffffff5;padding:6px max(10px,env(safe-area-inset-left)) calc(6px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-right));box-shadow:0 -12px 26px #28552d1f}.distributor-bottom-nav button{border:0;border-radius:12px;background:transparent;color:#5d6f60;display:grid;place-items:center;gap:2px;min-height:44px;font-size:12px;font-weight:900}.distributor-bottom-nav button.is-active{background:#eaf8e8;color:#2f8a55}.distributor-safe-space{display:block;height:72px}}.users-grid{grid-template-columns:minmax(300px,390px) 1fr}.users-grid .metric-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.users-list-panel{min-width:0}.user-form .auth-message{margin:0}.user-role-control{display:inline-flex;align-items:center;gap:8px;min-width:132px}.user-role-control select{width:126px;min-height:34px;border:1px solid #cfe0d3;border-radius:8px;background:#f8fcf7;color:#16422b;font:inherit;font-weight:800;padding:6px 28px 6px 10px}.user-role-control select:disabled{opacity:.62;cursor:not-allowed}.user-role-control small{color:#5b8f6d;font-size:12px;font-weight:800;white-space:nowrap}@media(max-width:920px){.users-grid{grid-template-columns:1fr}.bottom-nav{grid-template-columns:repeat(7,minmax(0,1fr))}}@media(max-width:620px){.users-grid .metric-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.users-grid .metric-card{min-height:78px;padding:10px}.users-grid .metric-card strong{font-size:18px}.bottom-nav{grid-template-columns:repeat(7,minmax(0,1fr));padding-inline:4px}.bottom-nav button{min-width:0;min-height:50px;font-size:10px}}.app-shell.role-customer .topbar{border-color:#cce1c4d1;background:#ffffffe6}.app-shell.role-customer .workspace{padding-bottom:0}.app-shell.role-customer .panel,.app-shell.role-customer .address-manager{box-shadow:0 12px 32px #3c684414}.app-shell.role-customer .address-manager{border:1px solid rgba(219,228,221,.9);border-radius:12px;background:#fffffff5;padding:14px}.app-shell.role-customer .shop-product-card{grid-template-columns:136px minmax(0,1fr);grid-template-rows:none}.app-shell.role-customer .shop-product-card .product-image{width:100%;height:100%;min-height:136px;border:0;border-radius:12px}.app-shell.role-customer .store-cart-row{grid-template-columns:54px minmax(0,1fr) auto auto}.app-shell.role-customer .store-cart-row .product-image{width:54px;height:54px;border-radius:10px}@media(max-width:760px){.app-shell.role-customer .workspace{padding:10px}.app-shell.role-customer .topbar{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px;border-radius:14px}.app-shell.role-customer .topbar-actions{grid-column:1 / -1;grid-template-columns:minmax(0,1fr) auto}.app-shell.role-customer .user-badge{min-width:0}.custom-intro{min-height:82px;padding:14px 16px}.custom-intro h2{font-size:30px}.product-banner{aspect-ratio:16 / 9}.banner-copy strong{font-size:21px}.shop-metrics,.mine-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.shop-metrics .metric-card,.mine-stats .metric-card{min-height:74px;padding:10px 8px}.shop-metrics .metric-card strong,.mine-stats .metric-card strong{font-size:18px}.customer-shop .shop-products{grid-template-columns:1fr}.app-shell.role-customer .shop-product-card{grid-template-columns:124px minmax(0,1fr);grid-template-rows:none;min-height:136px;gap:10px}.app-shell.role-customer .shop-product-card .product-image{width:100%;height:100%;min-height:124px;border-right:0}.product-card-link{width:124px;height:124px;min-height:124px}.detail-actions{grid-template-columns:1fr 1fr}.checkout-address,.shop-checkout-bar{align-items:stretch}.checkout-product-row{grid-template-columns:64px minmax(0,1fr)}.checkout-product-row .product-image{width:64px;height:64px}.checkout-product-row b{grid-column:2;justify-self:start}.shop-checkout-bar{bottom:82px}.custom-style-grid{grid-template-columns:1fr}.custom-photo-uploader{min-height:150px}.custom-photo-uploader img{height:180px}.custom-order-card{grid-template-columns:auto minmax(0,1fr)}.custom-order-card em{grid-column:2;justify-self:start}}@media(max-width:420px){.customer-product-detail.has-bottom-actions{padding-bottom:104px}.detail-purchase-bar{grid-template-columns:1fr 1fr;bottom:72px}.customer-product-detail .detail-purchase-bar{bottom:max(8px,env(safe-area-inset-bottom));grid-template-columns:minmax(74px,.74fr) minmax(88px,1fr) minmax(94px,1fr);gap:6px}.detail-purchase-bar div{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:baseline}.customer-product-detail .detail-purchase-bar div{grid-column:auto;justify-content:flex-start;align-items:center}.customer-product-detail .detail-purchase-price{padding:0 8px}.customer-product-detail .detail-purchase-price strong{font-size:18px}.detail-purchase-bar .primary-button,.detail-purchase-bar .secondary-button{width:100%}.customer-product-detail .detail-purchase-bar .primary-button,.customer-product-detail .detail-purchase-bar .secondary-button{min-height:40px;padding:0 8px;font-size:13px}.app-shell.role-customer .shop-product-card{grid-template-columns:112px minmax(0,1fr);gap:9px;min-height:128px;padding-bottom:11px}.app-shell.role-customer .shop-product-card .product-image{min-height:112px}.customer-shop .product-card-link{width:112px;height:112px;min-height:112px}.customer-shop .shop-product-body{gap:6px}.shop-product-title-stack{gap:5px}.shop-product-name-copy{gap:1px}.shop-product-note{font-size:11px;line-height:1.3}.customer-shop .shop-product-body strong{font-size:15px}.customer-shop .shop-product-meta{grid-template-columns:minmax(0,1fr) 32px 68px;gap:5px}.customer-shop .shop-product-meta>div{display:grid;gap:2px}.customer-shop .shop-product-meta b{font-size:16px}.shop-cart-button{width:32px;min-height:32px}.shop-buy-button{min-width:68px;min-height:32px;padding:0 9px;font-size:13px}.detail-guide-stack{gap:12px}.product-purchase-notice,.product-care-guide{gap:12px;border-radius:20px;padding:15px}.product-purchase-notice:before{left:12px;top:15px;bottom:15px}.guide-card-header{grid-template-columns:minmax(0,1fr) 48px;gap:9px;padding-left:15px}.guide-card-header h3{font-size:22px}.guide-card-header p{font-size:12px}.guide-card-header>span{width:48px;height:48px;border-radius:16px}.purchase-notice-list{gap:8px;padding-left:15px}.purchase-notice-item{grid-template-columns:32px minmax(0,1fr);gap:8px;padding:9px}.purchase-notice-dot{width:32px;height:32px;font-size:11px}.guide-card-footer{margin-left:15px}.care-guide-top{grid-template-columns:minmax(0,1fr) 82px;gap:8px}.care-guide-copy h3{font-size:22px}.care-guide-copy p{font-size:12px}.care-guide-visual{height:98px}.care-glass{width:64px;height:78px}.checkout-address,.shop-checkout-bar{display:grid}.checkout-address-card{grid-template-columns:auto minmax(0,1fr) auto}.checkout-quantity-row,.checkout-total-row{align-items:stretch}.shop-checkout-bar .primary-button,.checkout-address .secondary-button{width:100%}.customer-bottom-nav{bottom:max(6px,env(safe-area-inset-bottom));width:calc(100vw - 14px);border-radius:13px}.customer-safe-space{height:calc(58px + env(safe-area-inset-bottom))}}