.products-table{width:100%;border-collapse:collapse;margin-top:20px}.thumb{width:52px;height:52px;object-fit:cover;border-radius:10px;border:1px solid #e5e7eb;cursor:pointer}.thumb.placeholder,.modal-image.placeholder{display:flex;align-items:center;justify-content:center;font-size:12px;color:#64748b;background:#f8fafc}.link-button{background:none;border:none;color:#0f172a;font-weight:600;cursor:pointer;padding:0}.modal-image{width:100%;max-height:360px;object-fit:contain;border-radius:12px;border:1px solid #e5e7eb}.modal-overlay{position:fixed;inset:0;background:#0f172a66;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.modal-card{background:#fff;border-radius:16px;padding:20px;width:min(620px,92vw);box-shadow:0 10px 30px #0f172a33;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.modal-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 16px;margin-top:16px}.modal-card .actions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px;position:sticky;bottom:0;background:#fff;padding-top:12px}.form-grid input,.form-grid select,.modal-form input,.modal-form select{width:100%;padding:8px 10px;border-radius:8px;border:1px solid #d1d5db;font-size:.95rem;box-sizing:border-box}.modal-form>div,.form-grid>div{display:flex;flex-direction:column;gap:6px}.modal-form .full-width{grid-column:1 / -1}.receive-page{max-width:1100px;margin:0 auto;padding:16px;color:#0f172a}.receive-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.receive-grid select,.receive-grid input{width:100%;padding:8px;border-radius:8px;border:1px solid #d1d5db}.notes-block textarea{width:100%;min-height:80px;padding:8px;border-radius:8px;border:1px solid #d1d5db;resize:vertical}.actions{margin:12px 0;display:flex;gap:12px}.desktop-table{margin-top:12px;overflow-x:auto}.receive-table{width:100%;border-collapse:collapse}.receive-table th,.receive-table td{padding:8px;border-top:1px solid #e5e7eb;vertical-align:top}.receive-table input,.receive-table select{width:100%;padding:8px;border-radius:8px;border:1px solid #d1d5db}.mobile-cards{display:none;gap:12px;margin-top:12px}.receive-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px;box-shadow:0 1px 3px #0000000d}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.receive-card input,.receive-card select{width:100%;padding:8px;border-radius:8px;border:1px solid #d1d5db}.field-error{color:#b91c1c;font-size:.9rem;margin-top:4px}.save-actions{margin-top:16px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.row-count{color:#475569}.message{padding:10px 12px;border-radius:10px;background:#eef2ff;border:1px solid #c7d2fe;color:#1d4ed8}.mobile-footer{display:none;position:sticky;bottom:0;background:#fff;border-top:1px solid #e5e7eb;padding:10px 12px;align-items:center;justify-content:space-between;gap:10px;box-shadow:0 -2px 6px #0000000d}@media(max-width:768px){.desktop-table{display:none}.mobile-cards{display:flex;flex-direction:column}.mobile-footer{display:flex}}.page{max-width:1100px;margin:0 auto;padding:16px;color:#0f172a}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px 16px;margin-bottom:16px;box-shadow:0 2px 4px #0000000a}.muted{color:#6b7280;font-size:.95rem}.form-grid,.payment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.payment-grid input,.form-grid input,.form-grid select{width:100%;padding:8px;border-radius:8px;border:1px solid #d1d5db;font-size:1rem}.total{font-size:22px;font-weight:700}.warning{margin-top:4px;color:#b45309;background:#fef3c7;border:1px solid #f59e0b;padding:6px 8px;border-radius:8px;font-size:.9rem}.customer-search{position:relative}.customer-results{position:absolute;z-index:10;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 20px #0f172a1f;width:100%;max-height:220px;overflow-y:auto;margin-top:6px}.customer-option{width:100%;text-align:left;padding:8px 10px;border:none;background:transparent;color:#0f172a;display:flex;flex-direction:column;gap:2px}.customer-option:hover{background:#f1f5f9}.modal-overlay{position:fixed;inset:0;background:#0f172a66;display:flex;align-items:center;justify-content:center;z-index:50}.modal-card{background:#fff;border-radius:16px;padding:20px;width:min(600px,92vw);box-shadow:0 10px 30px #0f172a33}.rows{display:flex;flex-direction:column;gap:12px}.row-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;align-items:start}.row-grid label{display:block;font-weight:600;color:#111827;margin-bottom:4px}.row-grid input,.row-grid select{width:100%;padding:8px;border-radius:8px;border:1px solid #d1d5db}.row-actions{display:flex;align-items:flex-end}.link-button{margin-left:8px;background:none;border:none;color:#2563eb;padding:0;font-size:.85rem}.customer-option{background:transparent;border:none;color:#0f172a;padding:8px 10px}@media(max-width:640px){.page{padding:12px}.row-grid{grid-template-columns:1fr}.actions{flex-direction:column;align-items:flex-start}}.stock-table{width:100%;border-collapse:collapse}.hide-on-mobile{display:table-cell}.show-on-mobile{display:none}@media(max-width:640px){.hide-on-mobile{display:none}.show-on-mobile{display:table-cell;min-width:0}.prod-name{font-weight:600}.prod-sku,.prod-attrs{font-size:12px;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70vw}}.transfer-page{max-width:1100px;margin:0 auto;padding:16px;color:#0f172a}.transfer-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px 16px;margin-bottom:16px;box-shadow:0 2px 4px #0000000a}.transfer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;align-items:end}.transfer-grid select,.transfer-grid input{width:100%;padding:8px;border-radius:8px;border:1px solid #d1d5db}.transfer-rows{display:flex;flex-direction:column;gap:12px}.transfer-row-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.row-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px;box-shadow:0 1px 3px #0000000d}.row-card input,.row-card select{width:100%;padding:8px;border-radius:8px;border:1px solid #d1d5db}.actions{display:flex;gap:12px;margin:12px 0;flex-wrap:wrap}.pill{display:inline-block;background:#f3f4f6;border-radius:999px;padding:6px 10px;font-size:.95rem;border:1px solid #e5e7eb}.error{color:#b91c1c;font-size:.9rem;margin-top:4px}.status-box{padding:8px 10px;border:1px dashed #cbd5e1;border-radius:10px}.damage-list{display:flex;flex-direction:column;gap:10px}.damage-row{display:grid;grid-template-columns:1fr 180px;gap:12px;align-items:center;padding:10px;border:1px solid #e5e7eb;border-radius:10px}.damage-row input{width:100%;padding:8px;border-radius:8px;border:1px solid #d1d5db}.message{margin-top:12px;padding:10px;border-radius:10px;background:#eef2ff;color:#1d4ed8;border:1px solid #c7d2fe}button{border-radius:10px;border:1px solid #d1d5db;padding:.6em 1em;font-size:1rem;background-color:var(--color-primary);color:#fff;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:640px){.transfer-row-grid,.damage-row{grid-template-columns:1fr}}.bodega-layout{display:grid;gap:20px}.bodega-search{position:relative;max-width:520px;width:100%}.bodega-search input{width:100%;padding:10px 14px;border-radius:12px;border:1px solid var(--color-sand);background:#fff;box-sizing:border-box}.bodega-suggestions{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid var(--color-sand);border-radius:12px;box-shadow:0 12px 24px #4040401f;max-height:280px;overflow-y:auto;z-index:10}.bodega-suggestions button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:10px 14px;border:none;background:transparent;cursor:pointer;text-align:left;color:var(--color-dark)}.bodega-suggestions button:hover{background:var(--color-peach)}.bodega-suggestions small{color:var(--color-taupe)}.bodega-detail{display:grid;grid-template-columns:minmax(240px,320px) 1fr;gap:24px;align-items:start}.bodega-image{width:100%;aspect-ratio:1 / 1;border-radius:18px;border:1px solid var(--color-sand);background:var(--color-cream);display:flex;align-items:center;justify-content:center;overflow:hidden}.bodega-image img{width:100%;height:100%;object-fit:cover}.bodega-meta{display:grid;gap:12px}.bodega-meta h3{margin:0;font-size:1.6rem}.bodega-meta small{color:var(--color-taupe)}.bodega-qty{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.bodega-qty input{width:160px;padding:8px 12px;border-radius:10px;border:1px solid var(--color-sand)}.bodega-secondary{font-size:.9rem;color:var(--color-taupe)}.bodega-modal-backdrop{position:fixed;inset:0;background:#40404066;display:flex;align-items:center;justify-content:center;padding:16px}.bodega-modal{background:#fff;border-radius:16px;border:1px solid var(--color-sand);max-width:420px;width:100%;padding:20px;box-shadow:0 20px 40px #40404033}.bodega-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}.bodega-modal-actions button.secondary{background:var(--color-sand);color:var(--color-dark)}@media(max-width:768px){.bodega-detail{grid-template-columns:1fr}}.table-wrapper{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:.95rem}.table th,.table td{border-bottom:1px solid var(--color-sand);padding:8px 10px;text-align:left;vertical-align:top}.table th{background:var(--color-cream);font-weight:600;color:var(--color-dark)}.span-2{grid-column:span 2}.helper{margin-top:4px}.link-button{background:none;border:none;color:var(--color-primary);cursor:pointer;padding:0;font-weight:600}.link-button:hover{text-decoration:underline}button.secondary{background:transparent;border:1px solid var(--color-sand);color:var(--color-dark)}@media(max-width:720px){.table-wrapper{overflow-x:visible}.table thead{display:none}.table,.table tbody,.table tr,.table td{display:block;width:100%}.table tr{border:1px solid var(--color-sand);border-radius:12px;padding:8px 12px;margin-bottom:12px;background:#fff;box-shadow:0 8px 20px #40404014}.table td{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:1px dashed var(--color-sand);padding:6px 0}.table td:last-child{border-bottom:none}.table td:before{content:attr(data-label);font-weight:600;color:var(--color-taupe);padding-right:12px;flex:0 0 45%}}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#3d1f13;background-color:#f4e9df;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-primary: #743a24;--color-primary-soft: #9b5b3a;--color-dark: #3d1f13;--color-sand: #e3cbb4;--color-sage: #d9c4ae;--color-cream: #f4e9df;--color-stone: #c9a98b;--color-rose: #b98262;--color-taupe: #8a5a42;--color-peach: #efd9c5;--color-mist: #bfa189}body{margin:0;background-color:var(--color-cream)}a{font-weight:600;color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}input,select,textarea{font-family:inherit}#root{max-width:1200px;margin:0 auto;padding:16px}.page{max-width:1100px;margin:0 auto;padding:16px;color:var(--color-dark)}.card{background:#fff;border:1px solid var(--color-sand);border-radius:12px;padding:12px 16px;margin-bottom:16px;box-shadow:0 10px 30px #40404014}.muted{color:var(--color-taupe);font-size:.95rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.actions{margin:16px 0;display:flex;gap:12px;align-items:center}.error{color:#8a3f2b;font-size:.9rem;margin-top:4px}.nav{display:flex;flex-direction:column;gap:12px;margin:16px 0;flex-wrap:wrap;align-items:center;justify-content:center;padding:10px 14px;background:var(--color-peach);border-radius:16px;border:1px solid var(--color-rose)}.nav-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center}.nav a{padding:8px 12px;background:var(--color-cream);border-radius:999px;border:1px solid var(--color-sand);color:var(--color-dark)}.nav-disabled{padding:8px 12px;border-radius:999px;border:1px dashed var(--color-stone);color:var(--color-taupe);background:var(--color-cream);cursor:not-allowed}.nav-logo{display:flex;align-items:center;gap:10px;justify-content:center}.nav-logo img{width:56px;height:56px;object-fit:contain}.nav-login{justify-content:center}.nav-login .nav-logo{padding-right:0;border-right:none}.nav-login .nav-logo img{width:56px;height:56px}.nav-title{font-weight:700;color:var(--color-dark)}.nav button{background:var(--color-primary);color:#fff;border:none;border-radius:999px;padding:8px 14px;font-weight:600;cursor:pointer}.nav button:hover{background:#5e2e1c}