:root{color-scheme:light;--bg: #eef2ff;--bg-soft: #f8f0ed;--panel: rgba(255, 255, 255, .5);--panel-strong: rgba(255, 255, 255, .88);--line: rgba(42, 49, 86, .12);--line-strong: rgba(42, 49, 86, .18);--text: #2b2f3e;--muted: rgba(43, 47, 62, .72);--primary: #2453ef;--primary-soft: rgba(36, 83, 239, .08);--accent: #6a72d8;--danger: #ff5c5c;--success: #82d173;--warning: #ffcd70;--shadow: 0 24px 70px rgba(125, 137, 196, .14);font-family:Helvetica Neue,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100vh;background:radial-gradient(circle at 100% 16%,rgba(255,173,120,.14),transparent 26%),radial-gradient(circle at 0% 10%,rgba(112,145,255,.18),transparent 28%),linear-gradient(90deg,#edf2ff,#f5f2ff 52%,#fbf1eb);color:var(--text)}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{position:relative;display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh;overflow:hidden}.app-shell:before{content:"";position:absolute;inset:12% auto auto 52%;width:min(74vw,1120px);aspect-ratio:1;transform:translate(-50%);border-radius:50%;border:1px solid rgba(128,138,186,.07);box-shadow:0 0 0 86px #8992c708,0 0 0 170px #8992c705,0 0 0 280px #8992c704;pointer-events:none}.sidebar{position:relative;display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;border-right:1px solid rgba(42,49,86,.08);background:linear-gradient(180deg,#ffffffc2,#ffffff75),#ffffff38;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.sidebar-brand{display:grid;justify-items:center;gap:1rem;padding:.4rem 0 .8rem}.sidebar-logo-shell{width:156px;height:156px;padding:.35rem;border-radius:50%;background:radial-gradient(circle at 30% 28%,#fffffff0,#ffffff8a);box-shadow:0 20px 46px #5967a024,inset 0 0 0 1px #2a315612}.sidebar-logo-svg{display:block;width:100%;height:100%;filter:drop-shadow(0 12px 24px rgba(20,32,68,.14))}.sidebar-brand-copy{text-align:center;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.sidebar-brand-copy strong{display:block;font-size:1.1rem;color:#252a3b;font-weight:700}.sidebar-brand-copy p{margin:.25rem 0 0;color:#252a3bcc}.eyebrow{display:inline-block;margin-bottom:.45rem;color:var(--accent);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.login-card h1,.page-intro h2{margin:0;font-size:clamp(1.8rem,2vw,2.6rem);line-height:1.02}.sidebar-brand-copy p,.topbar p,.page-intro p,.log-card p,.detail-card p,.empty-side-card p,.login-card p{color:var(--muted)}.sidebar-nav{display:grid;gap:.6rem}.sidebar-nav a{padding:.95rem 1rem;border-radius:16px;border:1px solid rgba(42,49,86,.08);color:var(--muted);transition:.18s ease}.sidebar-nav a.active,.sidebar-nav a:hover{color:var(--text);border-color:#2a315624;background:#ffffff5c}.sidebar-footer{margin-top:auto;display:grid;gap:.8rem}.main-column{display:flex;flex-direction:column;min-width:0}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(42,49,86,.08);background:#ffffff42;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.topbar strong{display:block;margin-bottom:.2rem;font-size:1.05rem}.topbar p{margin:0}.topbar-actions{display:flex;gap:.75rem}.page-frame{padding:1.5rem}.page-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:1.25rem}.single-page,.page-main,.page-side{min-width:0}.page-intro{display:grid;gap:1rem;margin-bottom:1.2rem}.page-intro-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.page-intro-actions{display:flex;justify-content:flex-end;flex:0 0 auto}.split-actions{gap:.75rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.form-divider{padding-top:.3rem;color:var(--accent);font-size:.76rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.stat-card,.panel,.log-card,.login-card,.hero-panel{border:1px solid rgba(42,49,86,.08);border-radius:24px;background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.stat-card{padding:1rem 1.1rem;background:linear-gradient(180deg,#ffffff6b,#ffffff2e)}.stat-card span{display:block;color:var(--muted);margin-bottom:.5rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.stat-card strong{font-size:1.65rem}.toolbar{display:grid;gap:.85rem;margin-bottom:1rem}.inventory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.inventory-table-head{display:grid;gap:.8rem;margin-bottom:1rem}.search-input,input,textarea,select{width:100%;padding:.95rem 1rem;border:1px solid rgba(42,49,86,.12);border-radius:16px;background:#fff6;color:var(--text)}textarea{resize:vertical}.filter-strip{display:flex;flex-wrap:wrap;gap:.6rem}.filter-panel{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem 1.25rem;padding:1rem 1.1rem;border:1px solid rgba(42,49,86,.08);border-radius:22px;background:linear-gradient(180deg,#ffffff52,#ffffff2e)}.filter-group-block{display:grid;gap:.55rem}.filter-group-block-compact{min-width:260px;margin-left:auto;justify-items:end}.filter-group-label{color:#2b2f3e94;font-size:.76rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.filter-chip{padding:.7rem 1rem;border:1px solid rgba(42,49,86,.1);border-radius:999px;background:#ffffff4d;color:var(--muted)}.filter-chip.active{background:#ffffff9e;color:#3157e6;border-color:#3157e629}.panel{padding:1.1rem}.table-panel{overflow:hidden}table{width:100%;border-collapse:collapse}thead th{padding:.85rem .9rem;color:var(--muted);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;text-align:left;border-bottom:1px solid var(--line)}tbody td{padding:.95rem .9rem;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:top}tbody td strong,.detail-card h3,.log-card h3{display:block;margin-bottom:.25rem}tbody td span{display:block;color:var(--muted)}.clickable-row{cursor:pointer}.clickable-row:hover td,.clickable-row:focus-within td{background:#ffffff08}.row-actions{display:flex;gap:.45rem;justify-content:flex-end;flex-wrap:wrap}.detail-card,.empty-side-card{position:sticky;top:6.4rem}.detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.detail-list{display:grid;gap:.8rem}.detail-row{display:flex;justify-content:space-between;gap:1rem;padding-bottom:.8rem;border-bottom:1px solid rgba(255,255,255,.06)}.detail-row span{color:var(--muted)}.subpanel{margin-top:1rem;padding:1rem;border:1px solid var(--line);border-radius:18px;background:#ffffff05}.subpanel h4{margin-top:0}.action-stack{display:grid;gap:.7rem;margin-top:1rem}.primary-button,.ghost-button,.danger-button{padding:.9rem 1.1rem;border-radius:16px;border:1px solid transparent}.primary-button{background:linear-gradient(180deg,#2b59f3,#224feb);color:#fff;font-weight:700}.ghost-button{background:#ffffff52;border-color:#2a31561f;color:var(--text)}.danger-button{background:#e24f4f29;border-color:#d2383861;color:#b32828;font-weight:700}.full-width{width:100%}.compact-button{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:0;padding:.72rem 1rem;border-radius:14px;justify-self:start}.centered-action-button{display:flex;justify-self:center;margin-inline:auto}button:disabled{cursor:not-allowed;opacity:.58}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-width:92px;padding:.45rem .78rem;border-radius:999px;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;border:1px solid transparent;font-weight:700}.status-waiting,.status-unassigned,.status-available,.status-flagged{color:#9a5d00;background:#ffd67a3d;border-color:#d9960047}.status-active,.status-assigning,.status-assigned,.status-linked,.status-bagged,.status-allotted{color:#0e66b7;background:#79c5ff38;border-color:#3a93e047}.status-handed_over{color:#28703d;background:#b0e5a53d;border-color:#61af5a4d}.status-replaced,.status-partial_failed{color:#ffd7d7;background:#ff5c5c1f;border-color:#ff5c5c33}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:clamp(.75rem,2vh,1.5rem);background:#05080cbd;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:30;overflow:hidden}.modal-card{display:flex;flex-direction:column;width:min(760px,100%);max-height:calc(100dvh - 2rem);overflow:hidden;border:1px solid var(--line-strong);border-radius:24px;background:var(--panel-strong);box-shadow:var(--shadow)}.modal-header,.modal-body{padding:1.2rem 1.25rem}.modal-header{flex:0 0 auto;display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;border-bottom:1px solid var(--line)}.modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:1.5rem}.modal-header h3,.modal-header p{margin:0}.stack-form{display:grid;gap:1rem}.field-group{display:grid;gap:.45rem}.field-group span,.field-group label{color:var(--muted)}.error-banner{padding:.8rem 1rem;border:1px solid rgba(210,56,56,.32);border-radius:14px;background:#e24f4f1f;color:#b54646}.page-banner{margin-bottom:1rem}.page-loader-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:1.5rem;background:#f4f6ff70;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.page-loader-card{min-width:min(320px,calc(100vw - 3rem));display:grid;justify-items:center;gap:.75rem;padding:1.2rem 1.4rem;border:1px solid var(--line-strong);border-radius:22px;background:#ffffffeb;box-shadow:var(--shadow);text-align:center}.page-loader-card strong,.page-loader-card p{margin:0}.page-loader-spinner{width:2.25rem;height:2.25rem;border-radius:999px;border:3px solid rgba(36,83,239,.16);border-top-color:var(--primary);animation:loader-spin .8s linear infinite}@keyframes loader-spin{to{transform:rotate(360deg)}}.info-banner{padding:.8rem 1rem;border:1px solid rgba(136,210,206,.28);border-radius:14px;background:#88d2ce14;color:var(--text)}.t-number-card{padding:1.2rem;border-radius:24px;background:#faf7f2;color:#121212}.t-number-card h4{margin-top:0;margin-bottom:1rem;font-size:1.25rem}.t-number-card p{margin:1rem 0 0;color:#121212;font-size:1.1rem;line-height:1.28}.barcode-card{display:grid;justify-items:center;gap:.45rem;padding:1rem;background:#ece7df}.barcode-lines{width:100%;height:54px;background:repeating-linear-gradient(90deg,#111 0,#111 2px,transparent 2px,transparent 5px,#111 5px,#111 6px,transparent 6px,transparent 9px)}.empty-inline{padding:1rem;border:1px dashed var(--line-strong);border-radius:18px;text-align:center;color:var(--muted)}.log-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.log-card{padding:1rem}.log-card-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.8rem}.login-screen{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.login-card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,420px);overflow:hidden;border:1px solid rgba(122,132,181,.18);border-radius:24px;background:#ffffff47;box-shadow:0 28px 70px #606ca829;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-panel,.login-form{padding:2rem}.hero-panel{background:radial-gradient(circle at top right,rgba(136,210,206,.2),transparent 34%),linear-gradient(180deg,#ff7a1a2e,#ff7a1a05)}.demo-credentials{margin-top:2rem;padding:1rem 1.1rem;border-radius:18px;border:1px solid var(--line);background:#ffffff08}.demo-credentials h3{margin-top:0}.login-form{display:grid;gap:1rem;background:#080d14f0;color:#f4f7fff5}.login-form .field-group{gap:.55rem}.login-form .field-group label,.login-form .field-group span{color:#e2e8fcc7;font-size:.95rem;font-weight:500}.login-form input{border-color:#6484ff42;background:#f5f8ff14;color:#fffffff5}.login-form input::placeholder{color:#dfe5f670}.login-form input:focus{outline:none;border-color:#5885ffeb;box-shadow:0 0 0 3px #4670ff2e}.login-form .error-banner{border-color:#ff757552;background:#ff575724;color:#ffd2d2}@media (max-width: 1200px){.page-grid,.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.detail-card,.empty-side-card{position:static}.stats-grid,.log-grid,.inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.page-frame,.sidebar,.topbar{padding:1rem}.stats-grid,.log-grid,.login-card,.inventory-grid,.form-grid{grid-template-columns:1fr}.topbar,.page-intro-head,.detail-head,.modal-header{flex-direction:column;align-items:stretch}.filter-panel{padding:.9rem;justify-content:flex-start}.filter-group-block-compact{min-width:0;margin-left:0;justify-items:start}.row-actions,.topbar-actions{justify-content:stretch}.row-actions>*,.topbar-actions>*{flex:1 1 auto}table,thead,tbody,th,td,tr{display:block}thead{display:none}tbody tr{padding:1rem 0;border-bottom:1px solid var(--line)}tbody td{padding:.45rem 0;border-bottom:0}}