:root{font-family:system-ui,sans-serif;color:#111827;background:#f8fafc}body,html,#root{margin:0;min-height:100vh}.app{max-width:1280px;margin:0 auto;padding:2rem;display:grid;gap:1.5rem}header{margin-bottom:0;display:flex;flex-direction:column;gap:1rem}.top-nav{display:flex;flex-wrap:wrap;gap:.75rem}.top-nav a{color:#0f172a;text-decoration:none;padding:.5rem .85rem;border-radius:.75rem;border:1px solid transparent;font-weight:600}.top-nav a.active{background:#2563eb;color:#fff}.top-nav a:hover{background:#2563eb1a}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:1.25rem}.dashboard-card{background:#eef2ff;border-radius:.75rem;padding:1.25rem;text-align:center}.dashboard-card h3{margin:0 0 .5rem;font-size:1rem;color:#475569}.dashboard-card p{margin:0;font-size:2rem;font-weight:700}.feature-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1.5rem}.feature-card{display:block;padding:1.25rem;border-radius:1rem;border:1px solid #e2e8f0;background:#fff;text-decoration:none;color:#0f172a;box-shadow:0 2px 12px #0f172a0d;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.feature-card:hover{transform:translateY(-2px);border-color:#c7d2fe;box-shadow:0 12px 24px #0f172a14}.feature-card h3{margin:0 0 .35rem}.feature-card p{margin:0;color:#475569}h1{margin:0 0 .5rem}section{background:#fff;padding:1.5rem;border-radius:.75rem;box-shadow:0 0 0 1px #0f172a0f}table{width:100%;border-collapse:collapse;margin-top:1rem}thead th{text-align:left;padding:.75rem .5rem;border-bottom:1px solid #e5e7eb}tbody td{padding:.75rem .5rem;border-top:1px solid #f3f4f6}label{display:grid;gap:.5rem;margin-bottom:1rem}input{width:100%;padding:.65rem .75rem;border:1px solid #d1d5db;border-radius:.5rem}.app-shell{min-height:100vh;display:grid;grid-template-columns:236px minmax(0,1fr);background:#f1f5f9}.sidebar{position:sticky;top:0;height:100vh;box-sizing:border-box;display:flex;flex-direction:column;gap:1.2rem;padding:1.35rem 1rem;color:#fff;background:linear-gradient(180deg,#0f172a,#172554);overflow-y:auto}.sidebar-brand{display:flex;align-items:center;gap:.7rem;padding:0 .35rem 1rem;border-bottom:1px solid rgba(255,255,255,.12)}.sidebar-brand>div{display:grid}.sidebar-brand small{color:#93c5fd}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#2563eb,#0ea5e9);font-weight:900;font-size:1.2rem}.side-nav{display:grid;gap:.28rem}.side-nav a{display:flex;align-items:center;gap:.75rem;padding:.68rem .75rem;border-radius:9px;color:#cbd5e1;text-decoration:none;font-size:.9rem;font-weight:650;transition:.16s ease}.side-nav a:hover{color:#fff;background:#ffffff14}.side-nav a.active{color:#fff;background:#2563eb;box-shadow:0 8px 20px #2563eb47}.nav-icon{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;color:#dbeafe;background:#ffffff1a;font-size:.82rem}.sidebar-flow{margin-top:auto;display:grid;justify-items:center;gap:.25rem;padding:.8rem;border:1px solid rgba(147,197,253,.25);border-radius:12px;background:#0f172a57}.sidebar-flow small{color:#93c5fd;font-weight:800;letter-spacing:.08em}.sidebar-flow span{width:100%;padding:.28rem;border-radius:6px;background:#ffffff14;text-align:center;font-size:.75rem}.sidebar-flow b{color:#38bdf8;line-height:.8}.sidebar-user{display:grid;grid-template-columns:34px minmax(0,1fr) 30px;align-items:center;gap:.55rem;padding:.7rem;border-top:1px solid rgba(255,255,255,.12)}.sidebar-user>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#172554;background:#bfdbfe;font-weight:900}.sidebar-user>div{display:grid;min-width:0}.sidebar-user strong,.sidebar-user small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user strong{font-size:.78rem}.sidebar-user small{color:#93c5fd;text-transform:capitalize}.sidebar-user button{padding:.3rem;color:#cbd5e1;background:transparent;font-size:1.1rem}.sidebar-user button:hover{color:#fff;background:#ffffff1a}.workspace{min-width:0}.workspace-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem 2rem;border-bottom:1px solid #e2e8f0;background:#ffffffeb}.workspace-header h1{font-size:1.25rem;margin:0}.workspace-header p{margin:.2rem 0 0;color:#64748b;font-size:.84rem}.guide-shortcut{padding:.5rem .75rem;border-radius:8px;color:#1d4ed8;background:#dbeafe;text-decoration:none;font-weight:750}.app-content{max-width:1400px;margin:0 auto;padding:1.5rem 2rem 3rem}input,select,textarea{box-sizing:border-box;max-width:100%}select{width:100%;min-height:42px;padding:.62rem 2.25rem .62rem .75rem;border:1px solid #cbd5e1;border-radius:.55rem;color:#0f172a;background-color:#fff;background-image:linear-gradient(45deg,transparent 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,transparent 50%);background-position:calc(100% - 16px) 18px,calc(100% - 11px) 18px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}select:focus{outline:3px solid rgba(37,99,235,.14);border-color:#2563eb}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem;margin-bottom:1.5rem}.form-actions{display:flex;justify-content:flex-end}button{background:#2563eb;color:#fff;border:none;border-radius:.5rem;padding:.85rem 1.25rem;cursor:pointer}button:hover{background:#1d4ed8}.card{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 0 0 1px #0f172a0f}.full-width{grid-column:1 / -1}.item-grid{display:grid;gap:.75rem;margin:1rem 0;padding:1rem;border:1px solid #e5e7eb;border-radius:.75rem;background:#f9fafb}.item-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr auto;gap:.75rem;align-items:end}.quotation-totals{margin-top:.5rem;padding:1.25rem;border:1px solid #d8e1ea;border-radius:14px;background:linear-gradient(135deg,#f8fafc,#eef4f8)}.quotation-totals-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;padding-bottom:1rem;border-bottom:1px solid #d8e1ea}.quotation-totals-heading h3{margin:.2rem 0 0}.eyebrow{color:#5b6b7a;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.quotation-grand-total{display:grid;justify-items:end;gap:.15rem}.quotation-grand-total span,.quotation-grand-total small,.quotation-totals-grid span{color:#5b6b7a}.url-importer,.flow-note{margin:1rem 0;padding:1.25rem;border:1px solid #d8e1ea;border-radius:14px;background:#f8fafc}.url-importer h3,.flow-note p{margin:.3rem 0}.url-importer-row,.acceptance-panel{display:flex;align-items:end;gap:.75rem;flex-wrap:wrap}.url-importer-row input{flex:1 1 420px}.import-review{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #d8e1ea}.import-review img{width:120px;height:120px;object-fit:contain;border-radius:10px;background:#fff}.warning-text{color:#9a6700}.calculate-button{margin-top:.5rem;background:#0b6e4f}.success-button{background:#0b6e4f}.transit-button{color:#1e40af;border:1px solid #93c5fd;background:#dbeafe}.transit-button:hover{color:#fff;background:#2563eb}.status-message{padding:.8rem 1rem;border-radius:10px;background:#e9f7ef;color:#14532d}.inline-success{padding:.85rem 1rem;border:1px solid #86d4a3;border-radius:10px;background:#e9f7ef;color:#14532d;font-weight:700}.flow-note{margin-top:2rem;border-left:4px solid #0b6e4f}.quotation-grand-total strong{color:#102a43;font-size:1.35rem}.quotation-totals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:1rem;padding-top:1rem}.quotation-totals-grid div{display:grid;gap:.25rem}.quotation-totals-grid span{font-size:.8rem}.item-help{margin:0 0 .5rem;color:#64748b}.item-row{grid-template-columns:1fr;padding:1rem;border:1px solid #dbe3ec;border-radius:12px;background:#fff}.item-row-heading,.form-section-heading,.table-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.item-row-heading button{color:#b91c1c}.item-product-fields,.item-number-fields{display:grid;gap:.75rem}.item-product-fields{grid-template-columns:minmax(240px,1fr) minmax(240px,1fr)}.item-number-fields{grid-template-columns:repeat(auto-fit,minmax(105px,1fr))}.item-product-fields label,.item-number-fields label{margin:0;color:#475569;font-size:.8rem;font-weight:650}.quote-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;padding:.8rem;border-radius:10px;background:#f1f5f9}.quote-summary div{display:grid;gap:.15rem}.quote-summary span,.quote-summary small{color:#64748b;font-size:.75rem}.quote-summary strong{color:#0f172a}.compact-field{max-width:150px;justify-self:start}.compact-field input{width:130px}.field-help{color:#64748b;font-size:.7rem;line-height:1.25}.text-button{padding:.25rem;background:transparent;font-weight:700}.text-button:hover{background:#fee2e2}.table-scroll{overflow-x:auto}.data-table{min-width:900px}.data-table th{white-space:nowrap;color:#475569;font-size:.78rem;text-transform:uppercase;letter-spacing:.035em}.data-table tbody tr:hover{background:#f8fafc}.product-cell{display:flex;align-items:center;gap:.75rem;min-width:220px}.product-cell>div{display:grid;gap:.2rem}.product-cell small,.cell-note{display:block;color:#64748b;margin-top:.2rem}.table-thumbnail{width:48px;height:48px;object-fit:contain;border:1px solid #e2e8f0;border-radius:9px;background:#fff;flex:0 0 auto}.placeholder-image{display:grid;place-items:center;color:#94a3b8;font-size:.58rem;text-align:center}.description-cell{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#475569}.action-cell{white-space:nowrap}.action-cell button+button{margin-left:.35rem}.product-form{margin-top:1.5rem;border:1px solid #dbe3ec}.form-section-heading h3{margin:.15rem 0 0}.stock-pill,.movement-pill{display:inline-flex;padding:.3rem .55rem;border-radius:999px;font-size:.75rem;font-weight:750;white-space:nowrap}.stock-pill.in-stock,.movement-pill.in{color:#166534;background:#dcfce7}.stock-pill.out-stock,.movement-pill.out{color:#991b1b;background:#fee2e2}.movement-pill.adjustment{color:#854d0e;background:#fef9c3}.large-number{font-size:1.2rem}.inventory-kpis{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:.75rem;margin:1.25rem 0}.inventory-kpis div{display:grid;gap:.35rem;padding:1rem;border-radius:12px;background:#0f172a;color:#fff}.inventory-kpis span{color:#cbd5e1;font-size:.78rem}.inventory-kpis strong{font-size:1.45rem}.items-dropdown{position:relative}.items-dropdown summary{cursor:pointer;color:#1d4ed8;font-weight:700;white-space:nowrap}.items-dropdown summary{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .55rem;border:1px solid #bfdbfe;border-radius:8px;background:#eff6ff;list-style:none}.items-dropdown summary::-webkit-details-marker{display:none}.items-dropdown summary:after{content:"⌄";font-size:.8rem;transition:transform .15s ease}.items-dropdown[open] summary:after{transform:rotate(180deg)}.items-popover{display:grid;gap:.65rem;min-width:300px;margin-top:.65rem;padding:.75rem;border:1px solid #dbe3ec;border-radius:10px;background:#fff;box-shadow:0 12px 30px #0f172a1f}.mini-product{display:flex;gap:.65rem;align-items:center}.mini-product img,.mini-image-placeholder{width:38px;height:38px;object-fit:contain;border-radius:7px;background:#f1f5f9;flex:0 0 auto}.mini-product div{display:grid;gap:.15rem}.mini-product small{color:#64748b}.quiet-message{display:inline-flex;margin:.4rem 0;padding:.45rem .7rem;border-radius:8px;background:#f1f5f9;color:#475569;font-size:.85rem}.secondary{background:#64748b}.button-link{display:inline-flex;align-items:center;text-decoration:none}.toast-notice{position:fixed;right:1.25rem;bottom:1.25rem;z-index:50;display:flex;align-items:center;gap:.7rem;min-width:250px;padding:.75rem .85rem;border:1px solid #86efac;border-radius:12px;color:#14532d;background:#f0fdf4;box-shadow:0 16px 40px #0f172a2e}.toast-notice>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#fff;background:#16a34a;font-weight:900}.toast-notice>div{display:grid;flex:1}.toast-notice small{color:#4b5563}.toast-notice button{padding:.2rem .4rem;color:#64748b;background:transparent;font-size:1.1rem}.toast-notice.error{border-color:#fecaca;color:#991b1b;background:#fef2f2}.toast-notice.error>span{background:#dc2626}.dashboard-table-section{margin-top:1.5rem;padding:1.25rem;border:1px solid #e2e8f0;box-shadow:none}.dashboard-table-section .table-header h2{margin:0 0 .25rem}.dashboard-table-section .table-header p{margin:0;color:#64748b}.dashboard-table-section .table-header a{color:#1d4ed8;font-weight:700;text-decoration:none;white-space:nowrap}.dashboard-table{min-width:780px}.shipment-status{display:inline-flex;padding:.3rem .55rem;border-radius:999px;background:#e2e8f0;color:#334155;font-size:.75rem;font-weight:750;text-transform:capitalize;white-space:nowrap}.shipment-status.received,.shipment-status.fulfilled,.shipment-status.completed{color:#166534;background:#dcfce7}.shipment-status.pending,.shipment-status.preparing{color:#854d0e;background:#fef3c7}.shipment-status.ready_for_delivery,.shipment-status.shipped{color:#1e40af;background:#dbeafe}.guide-page{display:grid;gap:1.5rem}.guide-hero{color:#fff;background:linear-gradient(135deg,#0f172a,#1e3a5f)}.guide-hero .eyebrow{color:#93c5fd}.guide-hero h2{margin:.35rem 0;font-size:2rem}.guide-hero>p{max-width:760px;color:#cbd5e1;font-size:1.05rem}.guide-flow-line{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem;margin-top:1.5rem}.guide-flow-line span{padding:.5rem .7rem;border:1px solid #475569;border-radius:8px;background:#ffffff0f;font-weight:700}.guide-flow-line span:nth-of-type(1){border-color:#60a5fa;background:#2563eb40}.guide-flow-line span:nth-of-type(2){border-color:#a78bfa;background:#7c3aed3d}.guide-flow-line span:nth-of-type(3){border-color:#f59e0b;background:#f59e0b33}.guide-flow-line span:nth-of-type(4){border-color:#22d3ee;background:#06b6d433}.guide-flow-line span:nth-of-type(5){border-color:#4ade80;background:#22c55e33}.guide-flow-line span:nth-of-type(6){border-color:#fb7185;background:#f43f5e33}.guide-flow-line b{color:#60a5fa}.guide-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.guide-step{display:flex;gap:1rem;padding:1.1rem;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}.guide-number{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:50%;color:#fff;background:#2563eb;font-weight:800}.guide-step:nth-child(2) .guide-number{background:#7c3aed}.guide-step:nth-child(3) .guide-number{background:#d97706}.guide-step:nth-child(4) .guide-number{background:#0891b2}.guide-step:nth-child(5) .guide-number{background:#16a34a}.guide-step:nth-child(6) .guide-number{background:#e11d48}.guide-step h3{margin:0 0 .35rem}.guide-step p{margin:0 0 .65rem;color:#475569}.guide-step a{color:#1d4ed8;font-weight:700;text-decoration:none}.rules-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.rules-grid article{padding:1rem;border-radius:10px;background:#f1f5f9}.rules-grid p{margin:.35rem 0 0;color:#475569}.formula-card{margin-top:1rem;padding:1rem;border-left:4px solid #0b6e4f;border-radius:8px;background:#ecfdf5;color:#14532d;font-weight:700}.status-legend{margin-top:1rem;padding:.8rem 1rem;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc}.status-legend>strong{display:block;margin-bottom:.5rem;color:#334155;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.status-legend>div{display:flex;flex-wrap:wrap;gap:.45rem 1rem}.status-legend span{color:#64748b;font-size:.78rem}.status-legend b{color:#334155}.vendor-form{margin-top:1rem}.modal-open{overflow:hidden}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;box-sizing:border-box;display:grid;place-items:center;height:100dvh;padding:1.25rem;overflow:hidden;background:#0f172a94;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-panel{width:min(1050px,96vw);max-height:calc(100dvh - 2.5rem);min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:0;border-radius:16px;background:#fff;box-shadow:0 28px 80px #0f172a59}.modal-panel.medium{width:min(760px,96vw)}.modal-panel.small{width:min(500px,96vw)}.modal-header{flex:0 0 auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid #e2e8f0;background:#f8fafc}.modal-header h2{margin:.18rem 0 0;font-size:1.2rem}.modal-body{flex:1 1 auto;min-height:0;padding:1.25rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.modal-body>section.card,.modal-body>section{padding:0;box-shadow:none}.modal-body .product-form,.modal-body .vendor-form{margin-top:0;border:0;box-shadow:none}.icon-button{display:inline-grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #cbd5e1;border-radius:9px;color:#334155;background:#fff;font-size:1rem;font-weight:900;text-decoration:none;vertical-align:middle}.icon-button:hover{color:#1d4ed8;border-color:#93c5fd;background:#eff6ff}.icon-button.danger{color:#b91c1c;border-color:#fecaca;background:#fff7f7}.icon-button.danger:hover{color:#fff;border-color:#dc2626;background:#dc2626}.icon-button.success{color:#166534;border-color:#bbf7d0;background:#f0fdf4}.icon-button.success:hover{color:#fff;border-color:#16a34a;background:#16a34a}.icon-button.transit{color:#1d4ed8;border-color:#bfdbfe;background:#eff6ff}.icon-button.neutral{font-size:1.35rem}.action-cell .icon-button+.icon-button,td>.icon-button+.icon-button{margin-left:.35rem}.quotation-status{display:inline-flex;align-items:center;gap:.3rem;padding:.32rem .6rem;border:1px solid #cbd5e1;border-radius:999px;color:#475569;background:#f8fafc;font-size:.72rem;font-weight:800;text-transform:capitalize}.quotation-status:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.quotation-status.draft{color:#92400e;border-color:#fde68a;background:#fffbeb}.quotation-status.sent{color:#1d4ed8;border-color:#bfdbfe;background:#eff6ff}.quotation-status.confirmed{color:#6d28d9;border-color:#ddd6fe;background:#f5f3ff}.quotation-status.converted{color:#166534;border-color:#bbf7d0;background:#f0fdf4}.quotation-status.rejected,.quotation-status.expired{color:#991b1b;border-color:#fecaca;background:#fef2f2}.confirm-content{display:flex;align-items:flex-start;gap:1rem}.confirm-content p{margin:.1rem 0 .35rem;color:#1e293b;font-weight:700}.confirm-content small{color:#64748b;line-height:1.5}.confirm-symbol{display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto;border-radius:50%;color:#fff;background:#16a34a;font-weight:900}.confirm-symbol.danger{background:#dc2626}.confirm-actions{display:flex;justify-content:flex-end;gap:.65rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid #e2e8f0}.product-picker{position:relative;width:100%}.product-picker-trigger{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:.7rem;width:100%;min-height:62px;padding:.45rem .65rem;border:1px solid #cbd5e1;color:#0f172a;background:#fff;text-align:left}.product-picker-trigger:hover{border-color:#60a5fa;background:#f8fafc}.product-picker-trigger img,.picker-placeholder{width:44px;height:44px;object-fit:contain;border-radius:8px;background:#f1f5f9}.picker-placeholder{display:grid;place-items:center;font-style:normal}.product-picker-trigger>span{display:grid;min-width:0;gap:.15rem}.product-picker-trigger strong,.product-picker-trigger small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-picker-trigger small{color:#64748b;font-weight:500}.product-picker-trigger b{color:#64748b}.product-picker-menu{position:absolute;z-index:30;top:calc(100% + .4rem);left:0;right:0;min-width:420px;padding:.65rem;border:1px solid #cbd5e1;border-radius:12px;background:#fff;box-shadow:0 18px 45px #0f172a33}.product-picker-options{display:grid;gap:.3rem;max-height:330px;margin-top:.5rem;overflow-y:auto}.product-picker-option{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:.7rem;width:100%;padding:.55rem;color:#0f172a;background:transparent;text-align:left}.product-picker-option:hover{background:#eff6ff}.product-picker-option img,.product-picker-option .picker-placeholder{width:46px;height:46px;object-fit:contain;border-radius:8px;background:#f8fafc}.product-picker-option>span{display:grid;gap:.12rem;min-width:0}.product-picker-option small{color:#64748b;font-weight:500}.product-picker-option em{color:#166534;font-style:normal;font-weight:800}.size-chip-row{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.25rem}.size-chip-row i{display:inline-flex;padding:.16rem .38rem;border-radius:999px;color:#1e40af;background:#dbeafe;font-size:.68rem;font-style:normal;font-weight:750}.shipment-kpis{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:.75rem;margin:1rem 0}.shipment-kpis div{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;border-left:4px solid #f59e0b;border-radius:10px;background:#fffbeb}.shipment-kpis .transit{border-color:#3b82f6;background:#eff6ff}.shipment-kpis .received{border-color:#22c55e;background:#f0fdf4}.shipment-kpis .split{border-color:#8b5cf6;background:#f5f3ff}.shipment-kpis span{color:#475569;font-size:.78rem}.shipment-kpis strong{font-size:1.25rem}.shipment-row td:first-child{border-left:4px solid #f59e0b}.shipment-row.shipped td:first-child,.shipment-row.in_transit td:first-child{border-left-color:#3b82f6}.shipment-row.received td:first-child{border-left-color:#22c55e}.shipment-group-pill{display:inline-flex;padding:.28rem .5rem;border-radius:999px;color:#475569;background:#e2e8f0;font-size:.72rem;font-weight:800;white-space:nowrap}.shipment-group-pill.multiple{color:#6d28d9;background:#ede9fe}.auth-loading{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:.75rem;color:#475569;background:#f8fafc}.login-page{min-height:100vh;display:grid;place-items:center;padding:1.25rem;box-sizing:border-box;background:radial-gradient(circle at top left,#1d4ed8,#172554 36%,#020617)}.login-panel{width:min(440px,100%);box-sizing:border-box;display:grid;gap:1.6rem;padding:2rem;border:1px solid rgba(255,255,255,.18);border-radius:20px;background:#fffffffa;box-shadow:0 30px 90px #02061773}.login-panel h1{margin:.35rem 0;color:#0f172a;font-size:2rem}.login-panel p{margin:0;color:#64748b;line-height:1.5}.login-form{display:grid;gap:.25rem}.login-form label{color:#334155;font-size:.84rem;font-weight:750}.login-form input{min-height:44px}.login-form button{min-height:45px}.login-error{padding:.65rem .75rem;border:1px solid #fecaca;border-radius:8px;color:#991b1b!important;background:#fef2f2;font-size:.84rem}.security-page{display:grid;gap:1.2rem}.security-hero{color:#fff;background:linear-gradient(135deg,#172554,#1d4ed8)}.security-hero h2{margin:.3rem 0;font-size:1.8rem}.security-hero p{max-width:720px;margin:0;color:#dbeafe}.security-table{min-width:650px}.security-form{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid #e2e8f0}.security-form h3{margin:0}.security-form label small{color:#64748b;font-weight:500}.account-status{display:inline-flex;padding:.3rem .55rem;border-radius:999px;font-size:.75rem;font-weight:800}.account-status.active{color:#166534;background:#dcfce7}.account-status.disabled{color:#991b1b;background:#fee2e2}.import-center-page{display:grid;gap:1.2rem}.import-hero{color:#fff;background:linear-gradient(135deg,#312e81,#2563eb)}.import-hero h2{margin:.3rem 0;font-size:1.8rem}.import-hero p{max-width:760px;margin:0;color:#dbeafe}.import-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.import-step-grid article{display:grid;grid-template-columns:34px minmax(0,1fr);align-content:start;gap:.75rem;padding:1rem;border:1px solid #dbeafe;border-radius:12px;background:#f8fafc}.import-step-grid article>b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#fff;background:#2563eb}.import-step-grid h3{margin:0 0 .3rem}.import-step-grid p{min-height:3.5em;margin:0 0 .8rem;color:#64748b;font-size:.86rem}.file-drop{gap:.35rem;margin:0 0 .7rem;color:#334155;font-size:.8rem;font-weight:750}.file-drop input{padding:.45rem;background:#fff}.file-drop span{color:#64748b;font-size:.72rem;font-weight:500}.import-message{margin-top:1rem;padding:.75rem 1rem;border:1px solid #bbf7d0;border-radius:9px;color:#166534;background:#f0fdf4}.import-message.warning{color:#92400e;border-color:#fde68a;background:#fffbeb}.import-kpis{display:flex;flex-wrap:wrap;gap:.45rem}.import-kpis span{padding:.4rem .6rem;border-radius:8px;color:#334155;background:#f1f5f9;font-size:.75rem}.import-kpis .good{color:#166534;background:#dcfce7}.import-kpis .warn{color:#92400e;background:#fef3c7}.import-kpis .bad{color:#991b1b;background:#fee2e2}.import-preview-table{min-width:780px}.import-error-row{background:#fff7f7}.import-type{display:inline-flex;padding:.26rem .5rem;border-radius:999px;color:#334155;background:#e2e8f0;font-size:.72rem;font-weight:800;text-transform:capitalize}.import-type.stock{color:#166534;background:#dcfce7}.import-type.shipment{color:#1d4ed8;background:#dbeafe}.import-type.sale{color:#6d28d9;background:#ede9fe}.validation-list{display:grid;gap:.25rem;font-size:.75rem}.validation-list span:before{content:"• "}.validation-list.error{color:#991b1b}.validation-list.warning{color:#92400e}.validation-ok{color:#166534;font-weight:800}@media (max-width: 640px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:.8rem}.sidebar-brand,.sidebar-flow{display:none}.side-nav{display:flex;overflow-x:auto;padding-bottom:.2rem}.side-nav a{flex:0 0 auto;padding:.5rem .65rem}.workspace-header{padding:1rem}.workspace-header p{display:none}.app-content{padding:1rem}.quotation-totals-heading{display:grid}.quotation-grand-total{justify-items:start}.item-product-fields,.item-number-fields,.quote-summary,.inventory-kpis,.shipment-kpis{grid-template-columns:1fr}.product-picker-menu{min-width:0}.modal-backdrop{place-items:stretch;padding:0}.modal-panel{width:100%;height:100dvh;max-height:100dvh;border-radius:0}.modal-header{padding:calc(.8rem + env(safe-area-inset-top)) 1rem .8rem}.modal-body{padding:1rem 1rem calc(1.5rem + env(safe-area-inset-bottom))}.modal-body .form-actions{position:sticky;z-index:4;bottom:calc(-1rem - env(safe-area-inset-bottom));margin:0 -1rem;padding:.8rem 1rem calc(.8rem + env(safe-area-inset-bottom));border-top:1px solid #e2e8f0;background:#fffffff5;box-shadow:0 -8px 24px #0f172a14}.modal-body .form-actions button{width:100%;min-height:48px}.compact-field,.compact-field input{max-width:none;width:100%}.table-header,.form-section-heading{align-items:flex-start;flex-direction:column}.guide-steps,.rules-grid,.import-step-grid{grid-template-columns:1fr}.import-step-grid p{min-height:0}.import-workflow{padding:1rem}}.small-button{background:#111827;color:#fff;border:none;border-radius:.5rem;padding:.65rem .85rem;cursor:pointer}.small-button:hover{background:#1f2937}