@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg: #f5f7fb;--surface: #ffffff;--muted: #64748b;--ink: #0f172a;--primary: #2563eb;--accent: #22d3ee;--border: #e2e8f0;--radius: 1rem;font-family:Space Grotesk,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background-color:var(--bg)}*,*:before,*:after{box-sizing:border-box}body,html,#root{margin:0;padding:0;min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(34,211,238,.08),transparent 35%),radial-gradient(circle at 80% 0%,rgba(37,99,235,.08),transparent 40%),var(--bg)}.app-layout{display:flex;min-height:100vh;position:relative}.sidebar{background:#0f172a;color:#e2e8f0;width:260px;padding:1.25rem;display:flex;flex-direction:column;gap:1.5rem;flex-shrink:0;transition:transform .25s ease,box-shadow .25s ease;overflow-y:auto}.sidebar-header{display:flex;flex-direction:column;gap:.75rem}.sidebar-close{display:none;align-self:flex-end;background:#e2e8f01f;color:#e2e8f0;border:1px solid rgba(226,232,240,.4);border-radius:.65rem;padding:.35rem .75rem;font-weight:700;cursor:pointer}.brand{display:flex;align-items:center;gap:.75rem}.brand-badge{background:#38bdf8;color:#0f172a;padding:.5rem;border-radius:.6rem;font-weight:700}.brand p{margin:.1rem 0 0;color:#cbd5f5}.desktop-only{display:block}.mobile-only{display:none!important}.user-summary p{margin:0;font-weight:600}.user-summary small{color:#cbd5f5}.sidebar-actions{display:flex;gap:.5rem;flex-direction:column;margin-top:.35rem}.ghost-button{display:inline-block;padding:.35rem .75rem;border-radius:999px;border:1px solid rgba(226,232,240,.4);color:#e2e8f0;text-decoration:none;text-align:center}.sidebar-actions .ghost-button{width:100%;justify-content:center;border-color:#e2e8f059;background:#e2e8f014;color:#f8fafc;padding:.5rem .9rem;font-weight:700}.sidebar-actions .ghost-button:hover{background:#e2e8f029;border-color:#e2e8f080}.nav-section{display:flex;flex-direction:column;gap:.25rem}.section-label{text-transform:uppercase;font-size:.75rem;letter-spacing:.08em;color:#94a3b8;margin:0}.nav-links{display:flex;flex-direction:column}.nav-link{color:#cbd5f5;text-decoration:none;padding:.5rem .25rem;border-radius:.5rem;font-weight:600}.nav-link.active,.nav-link:hover{background:#3b82f626;color:#fff}.sidebar-hint{font-size:.85rem;color:#94a3b8}.main-panel{flex:1;display:flex;flex-direction:column;min-height:100vh;background:transparent;max-width:1280px;margin:0 auto;width:100%}.top-bar{display:flex;justify-content:space-between;align-items:flex-start;padding:.9rem 1.25rem;background:#fffffff5;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:500;gap:1rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.top-bar-left{display:flex;align-items:center;gap:.75rem}.top-bar h1{margin:0;font-size:1.5rem}.top-bar p{margin:.35rem 0 0;color:#64748b}.top-bar-actions{display:flex;gap:.75rem;align-items:center;color:#475569}.top-bar-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:999px;border:1px solid var(--border);background:#ffffffb3;color:#0f172a;font-weight:600}.mobile-nav-toggle{display:none;padding:.4rem .8rem;border-radius:.65rem;border:1px solid #cbd5f5;background:#0f172a;color:#fff;font-weight:700;cursor:pointer}.nav-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;border:none;padding:0;margin:0;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:800;cursor:pointer}.app-layout.nav-open .nav-scrim{opacity:1;pointer-events:auto}.top-bar-actions button,.primary-link,.primary{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:999px;border:none;font-weight:600;background:var(--primary);color:#fff;cursor:pointer;text-decoration:none}.primary{display:inline-flex;align-items:center;gap:.35rem;justify-content:center}.secondary{display:inline-flex;align-items:center;gap:.35rem;padding:.55rem 1rem;border-radius:999px;border:1px solid #cbd5f5;background:#f8fafc;color:#0f172a;font-weight:700;cursor:pointer;text-decoration:none}.page-content{flex:1;padding:clamp(.85rem,2vw,1.5rem);display:flex;flex-direction:column;gap:1rem}.orders-page,.order-detail{display:flex;flex-direction:column;gap:1rem}.card{background:var(--surface);padding:1.1rem;border-radius:var(--radius);box-shadow:0 10px 30px #0f172a0f;border:1px solid var(--border);margin-bottom:1rem}.card h3{margin-top:0}.card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.page-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.page-actions{display:flex;gap:.5rem;width:100%}.order-hero{display:flex;flex-direction:column;gap:.35rem}.hero-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.breadcrumb{display:flex;align-items:center}.status-stack{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;justify-content:flex-end}.order-hero h2,.order-hero .muted{margin:0}.order-meta{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.15rem}.status-pill{display:flex;flex-direction:column;align-items:flex-end;padding:.5rem .75rem;border-radius:.75rem;font-weight:600}.status-pill.online{background:#10b9811f;color:#0f766e}.status-pill.offline{background:#ef44441f;color:#b91c1c}.status-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:999px;font-weight:700;font-size:.9rem;background:#e2e8f0;color:#0f172a;text-transform:capitalize}.status-badge.open,.status-badge.active,.status-badge.in-progress{background:#3b82f626;color:#1d4ed8}.status-badge.completed,.status-badge.shipped,.status-badge.closed{background:#10b98126;color:#047857}.status-badge.pending{background:#eab3082e;color:#92400e}.status-badge.cancelled{background:#ef444429;color:#b91c1c}.status-select{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .5rem;border:1px solid var(--border);border-radius:.75rem;background:#f8fafc}.status-select select{border:none;background:transparent;font-weight:700;text-transform:capitalize;outline:none;padding:0}.status-select.compact{padding:.2rem .35rem}.status-dot{width:10px;height:10px;border-radius:999px;background:#e2e8f0}.status-dot.confirmed,.status-dot.active,.status-dot.in-progress,.status-dot.open{background:#2563eb}.status-dot.pending{background:#eab308}.status-dot.shipped,.status-dot.completed,.status-dot.closed{background:#10b981}.status-dot.cancelled{background:#ef4444}.meta-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border-radius:.75rem;background:#f1f5f9;color:#334155;font-weight:600}.meta-chip.success{background:#10b9811f;color:#0f766e}.inline-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);padding:.75rem 1rem;border-radius:.75rem;color:#b91c1c}.error{color:#b91c1c}.success{color:#047857}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin:1.25rem 0}.metric-card strong{font-size:2rem;display:block}.metric-card small{color:#94a3b8}.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.quick-actions ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.quick-actions li{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:.75rem}.quick-actions li p{margin:.25rem 0 0;color:#64748b}.quick-actions a{text-decoration:none;font-weight:600;color:#2563eb}.packing-screen .success{background:#10b9811f;color:#047857;padding:.5rem .75rem;border-radius:.5rem}.packing-screen .error{background:#ef44441f;color:#b91c1c;padding:.5rem .75rem;border-radius:.5rem}.packing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.progress-bar{width:100%;background:#e2e8f0;border-radius:999px;height:8px;overflow:hidden}.progress-bar span{display:block;height:100%;background:#22d3ee}.allocation-list ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.allocation-list li{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem;border:1px solid #e2e8f0;border-radius:.75rem}.allocation-list p{margin:.15rem 0 0;color:#94a3b8}.pill{display:inline-flex;align-items:center;gap:.25rem;padding:.35rem .75rem;border-radius:999px;font-weight:700;font-size:.9rem}.pill.subtle{background:#3b82f61a;color:#1d4ed8}.pill.success{background:#10b98126;color:#0f766e}.scanner-panel p{color:#475569}.scanner-preview.scanning{outline:2px solid #38bdf8}.validation-panel .detail-list{list-style:none;padding:0;margin:0 0 1rem;display:flex;flex-direction:column;gap:.5rem}.validation-panel code{background:#e2e8f0;padding:.1rem .4rem;border-radius:.35rem}.table-scroll{width:100%;overflow-x:auto;margin-top:.75rem;scrollbar-color:#cbd5f5 transparent}.table-scroll table{min-width:640px}.table-scroll::-webkit-scrollbar{height:8px}.table-scroll::-webkit-scrollbar-thumb{background:#cbd5f5;border-radius:999px}.order-items-table table{width:100%;border-collapse:collapse;margin-top:.75rem}.order-items-table th,.order-items-table td{padding:.4rem .5rem;text-align:left;border-bottom:1px solid #e2e8f0}.movement-form label,.add-item label,.alert-list button,.login-form label{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem;font-weight:600}.movement-form input,.movement-form select,.movement-form textarea,.add-item input,.add-item select,.alert-list button,.login-form input,.login-form button{font-size:1rem}.movement-form input,.movement-form select,.movement-form textarea,.add-item input,.add-item select,.login-form input{padding:.65rem .75rem;border-radius:.75rem;border:1px solid #cbd5f5;background:#f8fafc}.movement-form .two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.movement-form button,.add-item button,.alert-list button,.scanner-controls button,.refresh-button,.login-form button,.top-bar-actions button{padding:.65rem 1.25rem;border-radius:999px;border:none;font-weight:600;background:#0ea5e9;color:#fff;transition:background .2s ease;cursor:pointer}.movement-form button:disabled,.add-item button:disabled,.scanner-controls button:disabled,.refresh-button:disabled,.login-form button:disabled{opacity:.5;cursor:not-allowed}.movement-form .secondary{background:#f8fafc;color:#0f172a;border:1px solid #cbd5f5}.form-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem}.form-actions__right{display:flex;gap:.5rem;align-items:center}.scanner-controls{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.scanner-preview{background:#0f172a;border-radius:.75rem;padding:.5rem;margin-bottom:1rem}.scanner-preview video{width:100%;border-radius:.5rem;max-height:320px}.alert-list ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.alert-list li{border:1px solid #e2e8f0;border-radius:.75rem;padding:.75rem;background:#f8fafc}.inventory-table table{width:100%;border-collapse:collapse}.inventory-table th,.inventory-table td{text-align:left;padding:.5rem;border-bottom:1px solid #e2e8f0}.inventory-table .pill{text-transform:capitalize;background:#0f172a14;border-radius:999px;padding:.25rem .75rem;display:inline-block}.stock-table{width:100%;border-collapse:collapse}.stock-table th,.stock-table td{padding:.6rem;border-bottom:1px solid #e2e8f0}.stock-table tr.selected{background:#2563eb14}.stock-detail-page{display:flex;flex-direction:column;gap:1rem}.stats-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.tab-bar{display:flex;flex-wrap:wrap;gap:.5rem}.tab{padding:.5rem .85rem;border-radius:.75rem;border:1px solid var(--border);background:#f8fafc;cursor:pointer;font-weight:700}.tab.active{background:#2563eb1f;border-color:#2563eb;color:#1d4ed8}.tab-panel{display:flex;flex-direction:column;gap:1rem}.stacked-actions{display:flex;flex-direction:column;gap:.35rem}.entries-table th,.entries-table td{padding:.55rem;border-bottom:1px solid var(--border)}.entries-table .cell-main{font-weight:700}.entries-table .cell-sub{font-size:.85rem}.pagination{display:flex;justify-content:center;align-items:center;gap:.75rem;padding:.5rem 0}.label-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;margin-top:.75rem}.label-actions{display:flex;gap:.5rem;flex-wrap:wrap}.label-actions.full-width button{flex:1 1 140px}.pack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem}.pack-card{background:#fff;border:1px solid var(--border);border-radius:1rem;padding:.85rem 1rem;box-shadow:0 14px 32px #0f172a14;display:flex;flex-direction:column;gap:.35rem}.pack-card__header{display:flex;justify-content:space-between;gap:.75rem}.pack-card__title{font-weight:700;margin:.15rem 0;word-break:break-all}.pack-card__qty{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;text-align:right}.pack-card__meta{display:flex;flex-wrap:wrap;gap:.35rem}.label-filter-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.pack-card__children{display:flex;flex-direction:column;gap:.45rem}.pack-child{border:1px dashed #e2e8f0;border-radius:.85rem;padding:.65rem .75rem;display:flex;flex-direction:column;gap:.35rem;background:#f8fafc}.pack-child__title{font-weight:700;margin:.05rem 0;word-break:break-all}.pack-child__meta{display:flex;flex-wrap:wrap;gap:.35rem}.archived-splits{margin-top:.75rem}.archived-list{display:flex;flex-direction:column;gap:.5rem}.archived-row{display:flex;align-items:center;justify-content:space-between;padding:.65rem .75rem;border:1px solid var(--border);border-radius:.65rem;background:#f8fafc}.entries-actions{display:flex;flex-wrap:wrap;gap:.35rem}.label-table th,.label-table td{padding:.6rem;border-bottom:1px solid #e2e8f0}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;display:flex;justify-content:center;align-items:center;padding:1rem;z-index:900}.modal-card{background:#fff;border-radius:1rem;box-shadow:0 20px 60px #0f172a40;max-width:520px;width:100%;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.modal-card .card-heading{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem}.modal-card .card-heading h3{margin:0}.movement-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.detail-panel{margin-top:1.5rem;background:#fff;padding:1.25rem;border-radius:1rem;box-shadow:0 10px 30px #0f172a14}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.movement-list ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.order-ledger table{width:100%;border-collapse:collapse}.order-ledger th,.order-ledger td{padding:.5rem;border-bottom:1px solid #e2e8f0}.attachment-list{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.35rem}.attachment-list a{text-decoration:none;color:#2563eb;font-size:.9rem}.attachment-upload{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;color:#2563eb;cursor:pointer}.attachment-upload input{display:none}.attachment-preview{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.attachment-preview img{width:96px;height:96px;object-fit:cover;border-radius:.5rem;border:1px solid #e2e8f0}.order-line{display:flex;gap:1rem;flex-wrap:wrap;padding:.75rem 0;border-bottom:1px solid #e2e8f0}.allocation-form{display:flex;gap:.5rem;margin:.5rem 0}.allocation-form input{flex:1}.order-list-card{overflow:hidden}.order-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem}.orders-table{width:100%;border-collapse:collapse}.orders-table th,.orders-table td{padding:.6rem .75rem;border-bottom:1px solid #e2e8f0;text-align:left}.orders-table th{background:#f8fafc;font-weight:700}.order-actions{display:flex;gap:.5rem;align-items:center;justify-content:flex-end}.order-card{border:1px solid #e2e8f0;border-radius:.85rem;padding:1.25rem;background:linear-gradient(145deg,#fff,#f8fafc);display:flex;flex-direction:column;gap:1rem;box-shadow:0 10px 30px #0f172a0f}.order-card ul{list-style:none;padding-left:0}.order-card__header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.order-card__ship-row{display:flex;align-items:center;gap:.5rem;justify-content:space-between;width:100%}.order-card__status{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.order-card__actions{display:flex;gap:.5rem}.order-card__meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:.4rem}.inline-actions{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.5rem}.inline-actions .ghost-link.strong-link{font-weight:700}.inline-actions button.secondary{background:#f8fafc;color:#1d4ed8;border:1px solid var(--border);padding:.45rem .75rem;border-radius:.65rem;font-weight:700}.order-lines{display:flex;flex-direction:column;gap:.75rem}.order-lines-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem}.order-line-card{border:1px solid #e2e8f0;border-radius:.75rem;padding:.75rem 1rem;background:#fff;display:flex;flex-direction:column;gap:.75rem}.order-line-card__top{display:flex;justify-content:space-between;gap:1rem}.progress-track{width:100%;background:#e2e8f0;border-radius:999px;height:8px;overflow:hidden}.progress-fill{display:block;height:100%;background:linear-gradient(90deg,#22d3ee,#2563eb)}.pill-group{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.allocation-form.stacked{flex-wrap:wrap}.order-allocation-list{display:flex;flex-direction:column;gap:.5rem}.order-allocation-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem;border-radius:.65rem;border:1px dashed #cbd5f5;background:#f8fafc}.scan-panel{margin-top:.5rem;display:grid;gap:.5rem;grid-template-columns:minmax(220px,1fr)}.scan-card .scan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;align-items:start}.scan-card .scan-inputs{display:flex;flex-direction:column;gap:.5rem}.scan-actions{display:flex;gap:.5rem;flex-wrap:wrap}.scan-panel input{flex:1;min-width:220px;padding:.5rem;border-radius:.5rem;border:1px solid #cbd5f5;background:#fff}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:1000}.modal-card{background:#fff;border-radius:1rem;padding:1.5rem;max-width:780px;width:100%;box-shadow:0 20px 60px #0f172a33;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.line-items{display:flex;flex-direction:column;gap:.5rem}.ghost-button.dark{color:#0f172a;border-color:#cbd5f5}.ghost-link{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:999px;border:1px solid #e2e8f0;color:#1d4ed8;text-decoration:none;font-weight:700;background:#fff}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;margin:0 0 .25rem;color:#64748b}.muted{color:#475569;margin:.1rem 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 1100px){.app-layout{flex-direction:column}.sidebar{position:fixed;top:0;left:0;bottom:0;width:min(320px,82vw);transform:translate(-110%);z-index:900;box-shadow:0 12px 40px #00000059}.sidebar.open{transform:translate(0)}.sidebar-close,.mobile-nav-toggle{display:inline-flex;align-items:center;gap:.35rem}.top-bar{align-items:center}.top-bar h1{font-size:1.25rem}}@media (max-width: 900px){.top-bar,.page-header,.card-heading,.hero-top,.order-card__header,.order-line-card__top{flex-direction:column;align-items:flex-start}.order-card__status{width:100%;align-items:flex-start}}@media (max-width: 720px){.desktop-only{display:none!important}.mobile-only{display:block!important}.page-content,.card{padding:1rem}.modal-card{max-width:100%;border-radius:.85rem;box-shadow:0 16px 40px #0f172a38}.modal-scrim{align-items:flex-start;padding-top:1.25rem}.stock-page .page-header{align-items:flex-start;gap:.75rem}.stock-page .page-actions{width:100%;justify-content:stretch}.stock-page .page-actions .primary{width:100%}.modal-card .card-heading{flex-direction:row;align-items:center}.page-actions,.card-heading,.order-card__actions,.scan-actions,.allocation-form,.form-actions,.form-actions__right,.scanner-controls,.top-bar-actions,.order-card__meta{flex-direction:column;align-items:stretch}.scan-actions button,.allocation-form button,.form-actions button,.page-actions button,.scanner-controls button,.top-bar-actions button,.top-bar-actions .primary-link,.order-card__actions button,.order-card__actions .ghost-link,.scan-actions input,.allocation-form input,.allocation-form select{width:100%}.pack-card__header{flex-direction:column;align-items:flex-start}.pack-card__qty{align-items:flex-start;text-align:left}.label-actions.full-width button{width:100%}.top-bar-actions{align-items:flex-start}.stock-table th,.stock-table td,.inventory-table th,.inventory-table td{white-space:nowrap}}.stock-card-list{display:flex;flex-direction:column;gap:.75rem}.stock-card{border:1px solid var(--border);border-radius:var(--radius);padding:.9rem;background:linear-gradient(160deg,#2563eb0a,#22d3ee08);box-shadow:0 6px 24px #0f172a0f}.stock-card__top{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.stock-card__top h4{margin:.15rem 0 0}.stock-page .page-header{align-items:center;flex-wrap:wrap;justify-content:space-between}.stock-page .page-actions{gap:.5rem}.stock-page .page-actions .primary{min-width:160px}.stock-card__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;margin:.75rem 0}.scanner-container{position:relative;border-radius:1rem;overflow:hidden;background:#000;margin-bottom:1rem}.scanner-overlay{position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid rgba(255,255,255,.1);box-shadow:inset 0 0 50px #00000080;pointer-events:none;display:flex;align-items:center;justify-content:center}.scanner-frame{width:250px;height:250px;border:2px solid rgba(255,255,255,.5);border-radius:1rem;position:relative;box-shadow:0 0 0 9999px #00000080}.scanner-frame:before,.scanner-frame:after{content:"";position:absolute;width:20px;height:20px;border-color:#38bdf8;border-style:solid;transition:all .2s ease}.scanner-frame:before{top:-2px;left:-2px;border-width:4px 0 0 4px;border-top-left-radius:1rem}.scanner-frame:after{bottom:-2px;right:-2px;border-width:0 4px 4px 0;border-bottom-right-radius:1rem}.scanning .scanner-frame{border-color:#38bdf8;box-shadow:0 0 0 9999px #0009}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);padding:.75rem 1.5rem;border-radius:999px;font-weight:600;box-shadow:0 10px 25px #0003;z-index:1000;animation:slideUp .3s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;gap:.5rem}.toast.success{background:#10b981;color:#fff}.toast.error{background:#ef4444;color:#fff}@keyframes slideUp{0%{transform:translate(-50%,100%);opacity:0}to{transform:translate(-50%);opacity:1}}.packing-list{display:flex;flex-direction:column;gap:1rem}.packing-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;padding:1.25rem;transition:all .2s ease}.packing-item.complete{background:#f0fdf4;border-color:#bbf7d0}.packing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.packing-header h4{margin:0;font-size:1.1rem}.packing-header span{font-weight:600;color:#64748b;background:#e2e8f0;padding:.25rem .75rem;border-radius:999px;font-size:.85rem}.packing-item.complete .packing-header span{background:#dcfce7;color:#15803d}.progress-bar{height:12px;background:#e2e8f0;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:#38bdf8;border-radius:999px;transition:width .5s cubic-bezier(.4,0,.2,1)}.packing-item.complete .progress-fill{background:#22c55e}.hint{margin:.5rem 0 0;font-size:.85rem;color:#64748b;display:flex;align-items:center;gap:.35rem}.hint:before{content:"↑";font-weight:700}.packing-actions{position:sticky;bottom:1rem;margin-top:1rem;display:flex;justify-content:center;z-index:10}.large-button{padding:1rem 2rem;font-size:1.1rem;font-weight:700;border-radius:999px;background:#0f172a;color:#fff;border:none;box-shadow:0 10px 25px #0f172a40;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.large-button:hover{transform:translateY(-2px);box-shadow:0 15px 30px #0f172a4d}.large-button:active{transform:translateY(0)}.large-button:disabled{background:#94a3b8;transform:none;box-shadow:none}.movements-page{display:flex;flex-direction:column;gap:1rem}.page-actions.stacked-on-mobile{flex-wrap:wrap;gap:.5rem;align-items:flex-start;width:100%}.page-actions.stacked-on-mobile>button,.page-actions.stacked-on-mobile .ghost-action-row button{width:100%;justify-content:center}.ghost-action-row{display:flex;gap:.4rem;flex-wrap:wrap;width:100%;justify-content:center}.ghost-button{border:1px solid var(--border);background:#fff;border-radius:.65rem;padding:.45rem .75rem;cursor:pointer;font-weight:600}.chip-button{border:1px solid var(--border);background:#f8fafc;border-radius:.65rem;padding:.5rem .75rem;cursor:pointer;font-weight:700;flex:1;min-width:0;text-align:center}.filter-bar{display:flex;flex-direction:column;gap:.75rem;position:sticky;top:62px;z-index:10}.filter-row{display:flex;flex-wrap:wrap;gap:.5rem}.filter-bar.mobile-overlay{position:fixed;right:0;bottom:0;left:0;top:auto;z-index:900;margin:0;border-radius:0;box-shadow:0 -10px 30px #0f172a1f}.chip-group{display:flex;flex-wrap:wrap;gap:.4rem}.chip{border:1px solid var(--border);background:#f8fafc;color:#0f172a;border-radius:999px;padding:.4rem .85rem;cursor:pointer;font-weight:600}.chip.active{background:#2563eb1f;border-color:#2563eb;color:#1d4ed8}.search-input{flex:1;min-width:180px;padding:.65rem .75rem;border-radius:.75rem;border:1px solid var(--border);font-size:1rem}.movements-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem}.movement-card.card{border:1px solid var(--border);background:linear-gradient(180deg,#fff,#f8fafc);border-radius:1rem;box-shadow:0 10px 30px #0f172a0f;max-width:420px;width:100%;margin:0 auto;animation:fadeUp .25s ease}.movements-table{width:100%;border-collapse:collapse}.movements-table th,.movements-table td{padding:.5rem .65rem;border-bottom:1px solid var(--border);text-align:left}.movements-table th{background:#f8fafc}.movement-card{display:flex;flex-direction:column;gap:.35rem;margin:0}.movement-card__header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.movement-item{font-weight:700;margin:0;color:#0f172a}.movement-qty{font-weight:700;font-size:1rem}.movement-path{display:flex;align-items:center;gap:.35rem;color:#475569;font-weight:600}.path-arrow{color:#94a3b8}.chip-row{flex-wrap:wrap}.path-chip{background:#f1f5f9;border:1px solid var(--border);padding:.3rem .65rem;border-radius:999px;font-weight:600}.movement-orders{display:flex;gap:.35rem;flex-wrap:wrap}.movement-note{margin:.15rem 0;font-style:italic;color:#0f172a}.movement-footer{display:flex;justify-content:space-between;color:#64748b;font-size:.9rem;align-items:center}.footer-stack{display:flex;gap:.35rem;flex-wrap:wrap}.movement-actions{display:flex;justify-content:space-between;align-items:center;margin-top:.35rem}.load-more-row{display:flex;justify-content:center;padding:.5rem 0 1.5rem}.load-more-row button{padding:.65rem 1rem;border-radius:.75rem;border:1px solid var(--border);background:#f8fafc;cursor:pointer}.pill{display:inline-flex;align-items:center;padding:.35rem .65rem;border-radius:999px;font-weight:700;font-size:.9rem;background:#e2e8f0;color:#0f172a;text-transform:capitalize}.pill.type-green{background:#10b9812e;color:#047857}.pill.type-orange{background:#f9731629;color:#c2410c}.pill.type-blue{background:#2563eb29;color:#1d4ed8}.pill.type-purple{background:#9333ea29;color:#7e22ce}.pill.type-slate{background:#64748b2e;color:#1e293b}.segmented{display:grid;grid-template-columns:repeat(5,1fr);gap:.35rem}.segment{border:1px solid var(--border);border-radius:.55rem;padding:.5rem .35rem;background:#fff;font-weight:600;text-transform:capitalize;cursor:pointer}.segment.active{background:#2563eb1f;border-color:#2563eb;color:#1d4ed8}.sticky-actions{position:sticky;bottom:0;padding-top:.5rem;background:linear-gradient(180deg,#fff0,#fff 40%)}.meta-chip.subtle{background:#eef2ff;color:#4338ca;border:1px solid #c7d2fe}.empty-state{text-align:center}.movement-drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;display:flex;justify-content:flex-end;align-items:stretch;z-index:800;padding:1rem}.movement-drawer{width:min(480px,100%);max-height:90vh;overflow-y:auto;position:relative}.drawer-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.5rem}.drawer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.attachment-list{list-style:none;padding:0;margin:.25rem 0 0;display:flex;flex-direction:column;gap:.25rem}.attachment-list a{color:#2563eb;text-decoration:none}.modal-overlay.full-screen{align-items:flex-end;padding:0}.modal-overlay.full-screen .modal-card{width:100%;max-width:640px;border-radius:1.25rem 1.25rem 0 0;max-height:90vh;overflow-y:auto}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.filter-row{flex-direction:column;align-items:flex-start}.page-actions.stacked-on-mobile{flex-direction:column;align-items:stretch;width:100%}.page-actions.stacked-on-mobile .primary{width:100%;justify-content:center}.ghost-action-row{flex-direction:column;width:100%;gap:.35rem}.chip-button{width:100%;text-align:center}.page-actions.stacked-on-mobile button{width:100%;display:inline-flex;justify-content:center}.movements-list{grid-template-columns:1fr}.filter-bar{position:static}.segmented{grid-template-columns:repeat(3,1fr)}}