:root{color:#10192b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f6fb;font-family:Manrope,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px}code{background:#edf3fb;border-radius:6px;padding:2px 6px}.desktop-shell{color:#10192b;background:radial-gradient(circle at 62% -10%,#25b4aa1c,#0000 32%),linear-gradient(#fbfcff 0%,#f3f6fb 100%);grid-template-columns:292px 1fr;min-height:100vh;display:grid}.sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffdb;border-right:1px solid #e2e8f0;grid-template-rows:auto 1fr auto;gap:22px;height:100vh;padding:28px 18px;display:grid;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:0 8px;font-size:24px;font-weight:900;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#0aa79f,#20c5ac);border-radius:12px;place-items:center;width:36px;height:36px;font-weight:950;display:grid}.brand strong{display:block}.sidebar nav{align-content:start;gap:7px;display:grid}.sidebar a{color:#526078;border-radius:10px;align-items:center;gap:12px;min-height:48px;padding:0 16px;font-size:15px;font-weight:750;text-decoration:none;display:flex}.sidebar a:hover,.sidebar a.active{color:#087f7b;background:#eaf8f7}.sidebar-footer{border-top:1px solid #e2e8f0;gap:8px;padding-top:18px;display:grid}.workspace{min-width:0}.top-strip{z-index:4;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border-bottom:1px solid #e2e8f0;grid-template-columns:minmax(280px,1fr) auto auto auto;align-items:center;gap:24px;padding:20px 28px;display:grid;position:sticky;top:0}.search-box{color:#7d8aa1;background:#fff;border:1px solid #dce4ef;border-radius:12px;align-items:center;gap:12px;height:48px;padding:0 16px;display:flex;box-shadow:0 12px 30px #10192b0a}.search-box input{background:0 0;border:0;outline:0;padding:0}.top-meta,.user-chip{color:#526078;white-space:nowrap;align-items:center;gap:12px;font-size:14px;font-weight:700;display:flex}.icon-badge{color:#21304a;background:#fff;border:1px solid #dce4ef;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.avatar{color:#fff;background:linear-gradient(135deg,#9ed7d0,#d8ebe7);border-radius:50%;place-items:center;width:46px;height:46px;font-weight:900;display:grid}.content-grid{grid-template-columns:minmax(0,1fr) 390px;gap:28px;padding:28px;display:grid}.workspace-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.eyebrow{color:#64748b;margin:0 0 8px;font-size:13px;font-weight:750}.workspace-header h1,.mobile-panel h1{color:#10192b;letter-spacing:-.04em;margin:0;font-size:34px;line-height:1.08}.status{color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe;border-radius:12px;margin:0 0 20px;padding:11px 14px;font-weight:800}.ghost-button{color:#21304a;font:inherit;background:#fff;border:1px solid #dce4ef;border-radius:10px;padding:12px 16px;font-weight:850;box-shadow:0 10px 24px #10192b0d}.danger-outline-button{color:#be123c;font:inherit;background:#fff1f2;border:1px solid #fecdd3;border-radius:10px;padding:12px 16px;font-weight:850}.primary-button{color:#fff;font:inherit;background:#0f948d;border:0;border-radius:10px;padding:12px 16px;font-weight:900}.link-button{color:#087f7b;font:inherit;background:0 0;border:0;padding:0;font-weight:900}.action-row{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.picking-layout{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:18px;display:grid}.picking-layout .wide{grid-column:1/-1}.scan-card.compact{gap:12px;display:grid}.scan-result{color:#087f7b;margin:12px 0 0;font-weight:900}.pagination-row{color:#526078;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.inline-search{flex:1;min-width:min(100%,360px)}.stock-filter-grid{grid-template-columns:repeat(5,minmax(150px,1fr));gap:10px;margin-bottom:14px;display:grid}.stock-filter-grid label{color:#526078;gap:6px;font-size:12px;font-weight:800;display:grid}.stock-filter-grid select{color:#14243d;width:100%;font:inherit;background:#fff;border:1px solid #dce4ef;border-radius:12px;padding:10px 12px}.product-search-field{gap:8px;display:grid}.product-search-results{gap:6px;max-height:260px;display:grid;overflow:auto}.product-search-results button{color:#14243d;text-align:left;background:#f8fbff;border:1px solid #dce4ef;border-radius:12px;gap:3px;padding:10px 12px;display:grid}.product-search-results span{color:#526078;font-size:12px;font-weight:700}.login-shell{color:#10192b;background:radial-gradient(circle at 20% 12%,#20c5ac29,#0000 28%),linear-gradient(135deg,#eef7f6 0%,#f8fbff 55%,#eef4ff 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#ffffffe6;border:1px solid #dfe7f1;border-radius:24px;gap:24px;width:min(100%,430px);padding:34px;display:grid;box-shadow:0 28px 80px #10192b1f}.login-card h1{letter-spacing:-.04em;margin:0 0 8px;font-size:34px}.login-card p{color:#526078;margin:0;font-weight:700}.login-card form{gap:16px;display:grid}.form-error{color:#be123c;background:#fff1f2;border:1px solid #fecdd3;border-radius:12px;margin:0;padding:12px 14px;font-weight:800}.metrics-grid{grid-template-columns:repeat(5,minmax(150px,1fr));gap:14px;margin-bottom:16px;display:grid}.metric-card,.data-card,.empty-state,.side-card{background:#ffffffeb;border:1px solid #dfe7f1;border-radius:14px;box-shadow:0 18px 44px #10192b0f}.metric-card{align-content:space-between;min-height:134px;padding:18px;display:grid}.metric-card span{color:#5f6f86;font-size:13px;font-weight:750}.metric-card strong{color:#10192b;letter-spacing:-.04em;font-size:29px;line-height:1}.metric-trend{color:#0f9b7f;font-size:12px;font-weight:850}.flow-card{margin-bottom:16px;padding:18px}.flow-card h2,.data-card h2,.side-card h2{letter-spacing:-.02em;margin:0;font-size:18px}.flow-steps{grid-template-columns:repeat(5,1fr);gap:10px;margin-top:16px;display:grid}.flow-step{background:linear-gradient(#fff,#f8fbff);border:1px solid #dfe7f1;border-radius:12px;align-content:center;gap:8px;min-height:92px;padding:12px 14px;display:grid;position:relative}.flow-step span{color:#5f6f86;font-size:13px;font-weight:750}.flow-step strong{font-size:26px}.flow-step:after{content:"";background:#13a39b;border-radius:4px;height:3px;position:absolute;bottom:0;left:14px;right:14px}.dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.78fr);gap:16px;display:grid}.section-stack{gap:16px;display:grid}.data-card,.empty-state,.side-card{padding:18px}.data-card.wide{grid-column:1/-1}.card-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.card-title span,.counter-pill{color:#e11d48;background:#fff1f2;border-radius:999px;place-items:center;min-width:32px;height:32px;font-weight:900;display:grid}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #edf1f6;padding:10px 8px}th{color:#526078;font-size:12px;font-weight:900}.info-list{gap:10px;margin:0;display:grid}.info-list.compact{grid-template-columns:repeat(3,minmax(140px,1fr))}.info-list div{border-bottom:1px solid #edf1f6;justify-content:space-between;gap:14px;padding-bottom:10px;display:flex}dt{color:#64748b}dd{color:#10192b;text-align:right;margin:0;font-weight:900}.side-rail{align-content:start;gap:24px;display:grid}.alert-list{gap:8px;display:grid}.alert-item{background:#fff;border:1px solid #e5eaf2;border-radius:12px;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.alert-icon{color:#e11d48;background:#fff1f2;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:950;display:grid}.alert-item strong{margin-bottom:3px;display:block}.alert-item small,.empty-text,.empty-state p{color:#64748b}.status-chip{border-radius:999px;align-items:center;min-height:24px;padding:3px 9px;font-size:12px;font-weight:900;display:inline-flex}.status-ok{color:#15803d;background:#dcfce7}.status-warn{color:#c2410c;background:#ffedd5}.status-danger{color:#e11d48;background:#ffe4e6}.status-info{color:#1d4ed8;background:#dbeafe}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a61;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.action-modal{background:#fff;border:1px solid #dfe7f1;border-radius:20px;width:min(520px,100%);padding:22px;box-shadow:0 26px 70px #0f172a47}.modal-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.modal-header h2{letter-spacing:-.03em;margin:0;font-size:24px}.modal-close{color:#64748b;background:#fff;border:1px solid #dfe7f1;border-radius:50%;width:36px;height:36px;font-size:24px;line-height:1}.modal-description{color:#64748b;margin:14px 0 18px}.modal-form{gap:14px;display:grid}.modal-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.mobile-shell{background:radial-gradient(circle at 20% 10%,#ffb84d3d,#0000 30%),linear-gradient(#122238 0%,#203856 100%);min-height:100vh;padding:14px}.mobile-panel{color:#14243d;background:#fff;border-radius:26px;width:min(520px,100%);min-height:calc(100vh - 28px);margin:0 auto;padding:18px;box-shadow:0 18px 44px #00000038}.topbar{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.scan-card,.invoice-card,.queue{gap:12px;display:grid}.scan-card,.invoice-card{background:#f8fbff;border:1px solid #dce6f2;border-radius:20px;padding:14px}label{color:#3a4d66;gap:7px;font-size:13px;font-weight:800;display:grid}input,select,textarea{color:#14243d;width:100%;font:inherit;background:#fff;border:1px solid #cad7e7;border-radius:14px;padding:14px}textarea{resize:vertical;min-height:88px}button{cursor:pointer}button:disabled{cursor:default;opacity:.6}.scan-card button,.success-button,.warning-button,.queue-item{color:#fff;font:inherit;background:#24476f;border:0;border-radius:16px;padding:15px 16px;font-weight:800}.success-button{background:#16805a}.warning-button{background:#b56b13}.invoice-card h2,.queue h2{margin:0}.issue-form{gap:12px;margin-top:4px;display:grid}.issue-form h3{margin:8px 0 0}.mobile-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.queue-item{color:#14243d;text-align:left;background:#f2f6fb;gap:5px;width:100%;display:grid}.queue-item span{font-weight:900}.queue-item small{color:#627690}@media (width<=1280px){.metrics-grid{grid-template-columns:repeat(3,1fr)}.content-grid{grid-template-columns:1fr}}@media (width<=900px){.desktop-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.top-strip,.metrics-grid,.flow-steps,.dashboard-grid{grid-template-columns:1fr}}