:root{--mm-bg:#fbf7ef;--mm-page-bg:#f4eee3;--mm-text:#4a3428;--mm-text-secondary:#8a7860;--mm-text-tertiary:#6b5539;--mm-accent:#c1694f;--mm-accent-dark:#b5502f;--mm-accent-soft:#fbede6;--mm-green:#8a9a6e;--mm-green-soft:#eef1e4;--mm-green-dark:#5b6b3f;--mm-red:#b5502f;--mm-red-soft:#fbede6;--mm-border:#e8dcc8;--mm-divider:#efe7d8;--mm-white:#fff}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--mm-page-bg);color:var(--mm-text);-webkit-font-smoothing:antialiased;font-family:Prompt,system-ui,-apple-system,Segoe UI,sans-serif}button{font-family:inherit}.mm-app{background:var(--mm-bg);flex-direction:column;width:100%;max-width:1200px;min-height:100dvh;margin:0 auto;display:flex}.mm-topbar{padding:calc(env(safe-area-inset-top,0px) + 16px) 16px 10px;flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.mm-topbar-title{color:var(--mm-text);font-size:16.5px;font-weight:700}.mm-topbar-user{color:var(--mm-text-secondary);align-items:center;gap:10px;font-size:13px;display:flex}.mm-topbar-name{text-overflow:ellipsis;white-space:nowrap;max-width:40vw;overflow:hidden}.mm-link-btn{color:var(--mm-accent-dark);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;text-decoration:underline}.mm-center-screen{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;min-height:60vh;padding:24px;display:flex}.mm-loading-text{color:var(--mm-text-secondary);font-size:14px}.mm-primary-btn{background:var(--mm-accent);color:var(--mm-white);cursor:pointer;border:none;border-radius:999px;padding:12px 24px;font-size:14px;font-weight:600}.mm-login-title{color:var(--mm-text-primary);font-size:18px;font-weight:700}.mm-line-btn{color:var(--mm-white);cursor:pointer;background:#06c755;border:none;border-radius:999px;align-items:center;gap:10px;padding:12px 24px;font-size:14px;font-weight:600;display:inline-flex}.mm-line-btn:disabled{opacity:.6;cursor:default}.mm-line-btn-icon{letter-spacing:.5px;border-right:1px solid #fff6;padding-right:10px;font-size:12px;font-weight:800}.mm-filter-bar{flex:none;gap:8px;padding:0 16px 12px;display:flex;overflow-x:auto}@media (width>=768px){.mm-filter-bar{flex-wrap:wrap;overflow-x:visible}}.mm-filter-chip{border:1px solid var(--mm-border);background:var(--mm-white);color:var(--mm-text-secondary);cursor:pointer;border-radius:999px;flex:none;padding:6px 14px;font-size:13px}.mm-filter-chip.is-active{background:var(--mm-accent);border-color:var(--mm-accent);color:var(--mm-white)}.mm-scroll-area{flex:1;padding:0 16px 24px}.mm-order-list{flex-direction:column;gap:12px;display:flex}.mm-order-card{background:var(--mm-white);border:1px solid var(--mm-border);border-radius:14px;flex-direction:column;gap:8px;padding:14px;display:flex}.mm-order-header{justify-content:space-between;align-items:center;display:flex}.mm-order-no{font-size:15px;font-weight:700}.mm-status-badge{background:var(--mm-accent-soft);color:var(--mm-accent-dark);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.mm-status-shipped,.mm-status-done{background:var(--mm-green-soft);color:var(--mm-green-dark)}.mm-status-cancelled{background:var(--mm-red-soft);color:var(--mm-red)}.mm-order-meta{color:var(--mm-text-secondary);flex-wrap:wrap;gap:6px;font-size:12.5px;display:flex}.mm-order-receive-before{color:var(--mm-accent-dark);font-size:12.5px;font-weight:600}.mm-order-lines{border-top:1px solid var(--mm-divider);border-bottom:1px solid var(--mm-divider);flex-direction:column;gap:6px;padding:8px 0;display:flex}.mm-order-line-main{font-size:13.5px}.mm-order-line-detail,.mm-order-line-price{color:var(--mm-text-secondary)}.mm-order-line-note{color:var(--mm-text-tertiary);font-size:12px}.mm-section-label{color:var(--mm-text-secondary);margin-bottom:2px;font-size:12px;font-weight:600}.mm-order-address,.mm-order-notes{font-size:13px}.mm-error{color:var(--mm-red);font-size:12.5px}.mm-order-actions{flex-direction:column;gap:8px;padding-top:4px;display:flex}.mm-order-action-row{gap:8px;display:flex}.mm-input{border:1px solid var(--mm-border);color:var(--mm-text);background:var(--mm-white);border-radius:8px;flex:1;padding:8px 10px;font-family:inherit;font-size:13.5px}.mm-action-btn{cursor:pointer;border:none;border-radius:8px;flex:none;padding:8px 14px;font-size:13.5px;font-weight:600}.mm-action-btn:disabled{opacity:.5;cursor:default}.mm-action-btn-primary{background:var(--mm-accent);color:var(--mm-white)}.mm-action-btn-danger{background:var(--mm-white);border:1px solid var(--mm-red);color:var(--mm-red)}.mm-tab-bar{flex-wrap:wrap;flex:none;gap:8px;padding:0 16px 12px;display:flex}.mm-tab{border:1px solid var(--mm-border);background:var(--mm-white);color:var(--mm-text-secondary);cursor:pointer;border-radius:999px;padding:6px 16px;font-size:13px;font-weight:600}.mm-tab.is-active{background:var(--mm-accent);border-color:var(--mm-accent);color:var(--mm-white)}.mm-settings-panel{background:var(--mm-white);border:1px solid var(--mm-border);border-radius:14px;flex-direction:column;gap:8px;margin-bottom:16px;padding:14px;display:flex}.mm-settings-fields{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.mm-settings-field{color:var(--mm-text-secondary);flex-direction:column;gap:4px;font-size:12px;display:flex}.mm-catalog-line{margin-bottom:20px}.mm-catalog-line-label{color:var(--mm-text);margin-bottom:8px;font-size:14px;font-weight:700}.mm-sku-list{flex-direction:column;gap:10px;display:flex}.mm-sku-row{background:var(--mm-white);border:1px solid var(--mm-border);border-radius:14px;flex-direction:column;gap:8px;padding:12px;display:flex}.mm-sku-id{color:var(--mm-text-secondary);justify-content:space-between;font-size:12px;display:flex}.mm-sku-photo{align-items:center;gap:10px;display:flex}.mm-sku-thumb{object-fit:cover;border:1px solid var(--mm-border);border-radius:10px;flex:none;width:64px;height:64px}.mm-sku-thumb-empty{color:var(--mm-text-secondary);background:var(--mm-bg);justify-content:center;align-items:center;font-size:11px;display:flex}.mm-sku-photo-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mm-hidden-file{display:none}.mm-sku-fields{flex-wrap:wrap;gap:8px;display:flex}.mm-sku-size-input,.mm-sku-price-input{flex:none;width:90px}.mm-sku-detail,.mm-sku-price-current{color:var(--mm-text-secondary);font-size:12.5px}.mm-sku-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.mm-sku-delete{color:var(--mm-red);align-self:flex-start}.mm-add-sku-btn{border:1px dashed var(--mm-border);width:100%;color:var(--mm-text-secondary);cursor:pointer;background:0 0;border-radius:14px;margin-bottom:16px;padding:12px;font-family:inherit;font-size:13.5px;font-weight:600}.mm-field-wide{flex:220px}.mm-modal-overlay{z-index:100;background:#4a342866;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.mm-modal{width:100%;max-height:90vh;overflow-y:auto}.mm-modal .mm-settings-panel{border-radius:20px 20px 0 0;margin-bottom:0}@media (width>=768px){.mm-modal-overlay{align-items:center;padding:24px}.mm-modal{width:auto;min-width:480px;max-width:640px}.mm-modal .mm-settings-panel{border-radius:14px}}.mm-switch{color:var(--mm-text-secondary);cursor:pointer;align-items:center;gap:6px;font-size:13px;display:flex}@media (width>=768px){.mm-topbar{padding:20px 24px 12px}.mm-filter-bar,.mm-tab-bar{padding-left:24px;padding-right:24px}.mm-scroll-area{padding:0 24px 32px}.mm-order-list,.mm-sku-list{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));align-items:start;gap:12px;display:grid}.mm-settings-panel{max-width:520px}}.mm-ing-search{flex:none;width:100%;margin-bottom:14px}.mm-table-wrap{background:var(--mm-white);border:1px solid var(--mm-border);border-radius:14px;overflow-x:auto}.mm-table{border-collapse:collapse;width:100%}.mm-table th{color:var(--mm-text-secondary);text-align:left;white-space:nowrap;border-bottom:1px solid var(--mm-border);padding:10px 8px;font-size:12px;font-weight:600}.mm-table td{vertical-align:middle;white-space:nowrap;padding:8px}.mm-table tbody tr+tr td{border-top:1px solid var(--mm-border)}.mm-ing-name-input{width:100%;min-width:160px}.mm-ing-qty-input,.mm-ing-price-input{width:86px}.mm-ing-unit-input{width:70px}.mm-ing-unit-price{color:var(--mm-text-tertiary);font-size:13px;font-weight:600}.mm-cost-missing{color:var(--mm-red);font-size:12px}.mm-ing-row.is-dirty td{background:var(--mm-accent-soft)}.mm-save-bar{background:var(--mm-white);border:1px solid var(--mm-border);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:10px 14px;display:flex;position:sticky;bottom:0;box-shadow:0 -2px 12px #00000014}.mm-save-bar-text{color:var(--mm-accent-dark);font-size:13px;font-weight:600}.mm-cost-notice{color:var(--mm-red);background:var(--mm-red-soft);border-radius:10px;margin-bottom:10px;padding:6px 10px;font-size:12px}.mm-lines{flex-direction:column;gap:6px;display:flex}.mm-line{color:var(--mm-text);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.mm-line-name{overflow-wrap:anywhere;flex:120px;min-width:0}.mm-line-qty{flex:none;width:84px}.mm-line-unit{width:40px;color:var(--mm-text-secondary);flex:none;font-size:12px}.mm-line-cost{text-align:right;width:76px;color:var(--mm-text-tertiary);flex:none}.mm-line-add{flex:none;align-self:flex-start;margin-top:4px}.mm-recipe-groups{flex-direction:column;gap:18px;display:flex}.mm-recipe-card{background:var(--mm-white);border:1px solid var(--mm-border);border-radius:14px;flex-direction:column;gap:8px;padding:12px;display:flex}.mm-recipe-header,.mm-sku-cost-header{text-align:left;font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;flex-wrap:wrap;align-items:baseline;gap:10px;padding:0;display:flex}.mm-recipe-name,.mm-sku-cost-name{flex:140px;font-size:14px;font-weight:700}.mm-sku-cost{border-top:1px solid var(--mm-border);flex-direction:column;gap:8px;padding-top:8px;display:flex}.mm-recipe-meta{color:var(--mm-text-secondary);font-size:12px}.mm-recipe-cost{color:var(--mm-text-tertiary);font-size:13px;font-weight:600}.mm-margin{color:var(--mm-green-dark);font-size:13px;font-weight:700}.mm-margin-negative{color:var(--mm-red);font-size:13px;font-weight:700}.mm-cost-breakdown{color:var(--mm-text-secondary);flex-wrap:wrap;gap:4px 12px;font-size:12px;display:flex}.mm-cost-total{color:var(--mm-text);font-weight:700}@media (width<=767px){.mm-input{font-size:16px}.mm-settings-field{flex:140px}.mm-settings-field .mm-input{width:100%}.mm-sku-fields>.mm-input{min-width:0}.mm-line-name{flex:100%;font-weight:600}.mm-line-qty{flex:90px;width:auto}.mm-table-wrap{background:0 0;border:none;border-radius:0;overflow-x:visible}.mm-table,.mm-table tbody,.mm-table tr,.mm-table td{width:100%;display:block}.mm-table thead{display:none}.mm-table tbody tr.mm-ing-row{background:var(--mm-white);border:1px solid var(--mm-border);border-radius:14px;margin-bottom:10px;padding:12px}.mm-table tbody tr+tr td{border-top:none}.mm-table td{white-space:normal;padding:4px 0}.mm-table td[data-label]:before{content:attr(data-label);color:var(--mm-text-secondary);margin-bottom:2px;font-size:12px;font-weight:600;display:block}.mm-ing-name-input,.mm-ing-qty-input,.mm-ing-price-input,.mm-ing-unit-input{width:100%;min-width:0}}@media (width>=1024px){.mm-topbar{padding:24px 32px 14px}.mm-filter-bar,.mm-tab-bar{padding-left:32px;padding-right:32px}.mm-scroll-area{padding:0 32px 40px}.mm-order-list,.mm-sku-list{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:16px}}
