@charset "UTF-8";:root{color-scheme:light dark;--primary: light-dark(#0369a1, #38bdf8);--primary-hover: light-dark(#075985, #7dd3fc);--on-primary: light-dark(#ffffff, #082f49);--primary-soft: light-dark(#e0f2fe, #0c3a55);--on-primary-soft: light-dark(#075985, #bae6fd);--bg: light-dark(#f6f7f9, #0b0d10);--panel: light-dark(#ffffff, #15181d);--panel-2: light-dark(#f1f3f6, #1d2127);--panel-3: light-dark(#e7eaee, #262b33);--border: light-dark(#e2e5ea, #2b3038);--border-strong: light-dark(#c9ced6, #3b414b);--text: light-dark(#1d2430, #e6e8eb);--muted: light-dark(#64707f, #9aa3ae);--ok: light-dark(#15803d, #4ade80);--ok-soft: light-dark(#dcfce7, #10301c);--warn: light-dark(#a16207, #facc15);--warn-soft: light-dark(#fef9c3, #3a3008);--info: light-dark(#0369a1, #7dd3fc);--info-soft: light-dark(#e0f2fe, #0c2f45);--danger: light-dark(#b91c1c, #f87171);--danger-soft: light-dark(#fee2e2, #3d1515);--ref-banner: light-dark(#d2691e, #a64f12);--radius: 10px;--radius-lg: 14px;--shadow: 0 1px 2px rgb(0 0 0 / .05), 0 4px 16px rgb(0 0 0 / .06);--shadow-lg: 0 12px 40px rgb(0 0 0 / .22);--focus: 0 0 0 3px color-mix(in srgb, var(--primary) 35%, transparent)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.45;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:var(--primary)}h1,h2,h3,h4{margin:0}.icon{display:inline-flex;align-items:center;justify-content:center;flex:none;line-height:0;vertical-align:middle}.icon.spin svg{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 16px;border:1px solid transparent;border-radius:var(--radius);background:var(--primary);color:var(--on-primary);font:inherit;font-weight:600;white-space:nowrap;cursor:pointer;transition:background .12s,border-color .12s,color .12s,box-shadow .12s}.btn:hover:not(:disabled){background:var(--primary-hover)}.btn:focus-visible{outline:none;box-shadow:var(--focus)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-secondary{background:var(--panel-3);color:var(--text)}.btn-secondary:hover:not(:disabled){background:var(--border-strong)}.btn-outlined{background:transparent;color:var(--primary);border-color:currentColor}.btn-outlined:hover:not(:disabled){background:var(--primary-soft)}.btn-text{background:transparent;color:var(--primary)}.btn-text:hover:not(:disabled){background:var(--primary-soft)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 85%,#000)}.btn-text.btn-danger,.btn-danger.btn-text{background:transparent;color:var(--danger)}.btn-text.btn-danger:hover:not(:disabled),.btn-danger.btn-text:hover:not(:disabled){background:var(--danger-soft)}.btn-success{background:#22c55e;color:#052e16}.btn-success:hover:not(:disabled){background:#16a34a}.btn-warn{background:#facc15;color:#3a2a00}.btn-warn:hover:not(:disabled){background:#eab308}.btn-muted{color:var(--muted)}.btn-icon{width:38px;padding:0}.btn-sm{height:30px;padding:0 10px;font-size:.85rem}.btn-lg{height:52px;padding:0 20px;font-size:1.05rem}.btn-block{width:100%}.input{width:100%;height:38px;padding:0 12px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--panel);color:var(--text);font:inherit;transition:border-color .12s,box-shadow .12s}.input:focus{outline:none;border-color:var(--primary);box-shadow:var(--focus)}.input:disabled{opacity:.6}.input.invalid,.input.ng-invalid.ng-touched{border-color:var(--danger)}textarea.input{height:auto;padding:10px 12px;resize:vertical}select.input{appearance:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23889' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.input-sm{height:30px;padding:0 8px}.input-icon{position:relative;display:block}.input-icon>.icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.input-icon>.input{padding-left:36px}input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}.check{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.switch{appearance:none;width:40px;height:22px;border-radius:999px;background:var(--border-strong);position:relative;cursor:pointer;transition:background .15s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s}.switch:checked{background:var(--primary)}.switch:checked:after{transform:translate(18px)}.switch:focus-visible{outline:none;box-shadow:var(--focus)}.segmented{display:flex;padding:4px;gap:4px;border-radius:var(--radius);background:var(--panel-2)}.segmented label{flex:1}.segmented input{position:absolute;opacity:0;pointer-events:none}.segmented span{display:flex;align-items:center;justify-content:center;gap:6px;height:34px;border-radius:8px;cursor:pointer;color:var(--muted);font-weight:500}.segmented input:checked+span{background:var(--panel);color:var(--text);box-shadow:var(--shadow)}.segmented input:focus-visible+span{box-shadow:var(--focus)}.field{display:flex;flex-direction:column;gap:6px}.field>label{font-size:.8rem;font-weight:500;color:var(--muted)}.multi-select{position:relative;display:block}.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;cursor:pointer}.select-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-trigger .placeholder{color:var(--muted)}.ms-panel{position:absolute;z-index:50;top:calc(100% + 4px);left:0;min-width:100%;width:max-content;max-width:340px;padding:8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow-lg)}.ms-filter{margin-bottom:6px}.ms-actions{display:flex;justify-content:space-between;margin-bottom:4px}.ms-list{max-height:260px;overflow:auto}.ms-item{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:8px;cursor:pointer}.ms-item:hover{background:var(--panel-2)}.ms-empty{padding:8px}.date-range{display:flex;align-items:center;gap:6px}.date-range .input{min-width:0}.tag{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;font-size:.78rem;font-weight:600;white-space:nowrap;background:var(--panel-3);color:var(--text)}.tag-success{background:var(--ok-soft);color:var(--ok)}.tag-warn{background:var(--warn-soft);color:var(--warn)}.tag-info{background:var(--info-soft);color:var(--info)}.tag-danger{background:var(--danger-soft);color:var(--danger)}.tag-secondary{background:var(--panel-3);color:var(--muted)}.chip{display:inline-flex;align-items:center;gap:4px;padding:4px 4px 4px 12px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border)}.chip button{width:24px;height:24px}.progress{position:relative;height:4px;overflow:hidden;background:var(--primary-soft);border-radius:999px}.progress>.bar{height:100%;background:var(--primary);border-radius:inherit;transition:width .3s}.progress.indeterminate>.bar{position:absolute;width:35%;animation:indeterminate 1.1s ease-in-out infinite}@keyframes indeterminate{0%{left:-35%}to{left:100%}}.page{display:flex;flex-direction:column;gap:16px;padding:24px;max-width:1800px;margin-inline:auto}.page-header{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.page-header h1{font-size:1.5rem;font-weight:700}.page-header .count{color:var(--muted)}.spacer{flex:1 1 auto}.actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow)}.card .card-title{display:flex;align-items:center;gap:10px;font-size:1.05rem;font-weight:700;margin-bottom:2px}.card .card-title .icon{color:var(--primary)}.card .card-sub{color:var(--muted);margin-bottom:12px}.filters{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;padding:16px}.filters .field{flex:1 1 180px;min-width:160px;max-width:280px}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px 16px}.section-title{font-size:.95rem;font-weight:600;margin:16px 0 8px;color:var(--muted)}.divider{height:1px;background:var(--border)}.table-wrap{overflow:auto;max-width:100%}.table-wrap.scroll{max-height:60vh}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--border)}.table thead th{position:sticky;top:0;z-index:1;background:var(--panel-2);font-size:.8rem;font-weight:600;color:var(--muted);white-space:nowrap}.table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.table th.sortable:hover{color:var(--text)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr.clickable{cursor:pointer}.table tbody tr:hover td{background:color-mix(in srgb,var(--panel-2) 70%,transparent)}.table tr.selected td{background:var(--primary-soft)!important}.table .num{text-align:right}.table.table-sm th,.table.table-sm td{padding:7px 10px}.sort-icon{display:inline-flex;margin-left:4px;opacity:.45;vertical-align:middle}.sort-icon.active{opacity:1;color:var(--primary)}.empty{padding:48px 16px;text-align:center;color:var(--muted)}.empty .icon{display:flex;margin:0 auto 8px;opacity:.6}.muted{color:var(--muted)}.small{font-size:.85em}.nowrap{white-space:nowrap}.ok-icon{color:var(--ok)}.danger-icon{color:var(--danger)}.carrier{max-width:90px;max-height:36px;object-fit:contain}.app-dark img.carrier{background:#fff;border-radius:6px;padding:3px 6px}.thumb{width:64px;height:64px;object-fit:contain;border-radius:8px;background:#fff}.note{display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:var(--radius-lg);background:var(--primary-soft);color:var(--on-primary-soft)}.alert-error{display:flex;gap:8px;align-items:center;padding:10px 12px;border-radius:var(--radius);background:var(--danger-soft);color:var(--danger)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:16px}.tab{padding:10px 14px;border:none;background:none;color:var(--muted);font:inherit;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.tab:hover{color:var(--text)}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;z-index:60;top:calc(100% + 6px);right:0;min-width:200px;padding:6px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow-lg)}.dropdown-menu.align-left{left:0;right:auto}.menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:none;border-radius:8px;background:none;color:var(--text);font:inherit;text-align:left;cursor:pointer}.menu-item:hover{background:var(--panel-2)}.menu-item.active{color:var(--primary);font-weight:600}.menu-item .icon{color:var(--muted)}.menu-item.active .icon{color:inherit}.menu-head{padding:8px 10px 4px;display:flex;flex-direction:column}.menu-head small{color:var(--muted)}.menu-sep{height:1px;background:var(--border);margin:6px 0}.dlg{max-width:96vw;max-height:92vh;padding:0;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel);color:var(--text);box-shadow:var(--shadow-lg)}.dlg::backdrop{background:#00000073}.dlg[open]{display:flex;flex-direction:column;animation:dlg-in .15s ease-out}@keyframes dlg-in{0%{opacity:0;transform:translateY(8px) scale(.98)}}.dlg-head{display:flex;align-items:center;gap:8px;padding:14px 14px 10px 20px}.dlg-head h2{flex:1;font-size:1.1rem}.dlg-body{padding:4px 20px 20px;overflow:auto}.dialog-footer{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;align-items:center;padding-top:16px;margin-top:16px;border-top:1px solid var(--border)}.toasts{position:fixed;z-index:1000;right:16px;bottom:16px;display:flex;flex-direction:column;gap:8px;max-width:min(420px,100vw - 32px)}.toast{display:flex;align-items:center;gap:10px;padding:10px 8px 10px 14px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--border);border-left:4px solid var(--ok);box-shadow:var(--shadow-lg);animation:dlg-in .15s ease-out}.toast>.icon{color:var(--ok)}.toast span{flex:1}.toast-error{border-left-color:var(--danger)}.toast-error>.icon{color:var(--danger)}.touch-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.touch-actions .btn{height:56px;font-size:1.05rem;width:100%}.pick-card{display:grid;grid-template-columns:1fr 140px 1.3fr auto;gap:16px;padding:16px;align-items:start;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg)}.pick-card .sku{font-size:1.35rem;font-weight:700}.pick-card .loc{font-size:1rem;line-height:1.7}.pick-card .pic{width:140px;max-height:140px;object-fit:contain;border-radius:8px;background:#fff}.pick-card .side{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:16px;height:100%}.pick-card .qty{min-width:48px;padding:6px 10px;text-align:center;border-radius:8px;font-size:1.35rem;font-weight:700;background:var(--bg);border:2px solid var(--text)}.pick-card .big-btn{min-width:150px;height:52px;font-size:1.05rem}.pick-card.done{background:color-mix(in srgb,var(--ok) 10%,var(--panel));border-color:color-mix(in srgb,var(--ok) 40%,var(--border))}@media(max-width:799.98px){.page{padding:12px}.filters .field{max-width:none;flex-basis:100%}.pick-card{grid-template-columns:1fr 100px}.pick-card .pic{width:100px}.pick-card .title-col,.pick-card .side{grid-column:1/-1}.pick-card .side{flex-direction:row;align-items:center}}@media print{.no-print{display:none!important}}
