:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f7fb;--panel:#fff;--panel-soft:#f8fafc;--line:#d8e1ec;--text:#16202d;--muted:#66758a;--primary:#2563eb;--primary-dark:#1d4ed8;--danger:#dc2626;--success:#15803d}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}input,select{border:1px solid var(--line);min-height:38px;color:var(--text);background:#fff;border-radius:6px;padding:8px 10px}input:focus,select:focus,button:focus-visible{outline-offset:1px;outline:3px solid #2563eb38}.login-screen{background:linear-gradient(135deg,#f8fafc 0%,#e8eef5 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;gap:16px;width:min(420px,100%);padding:28px;display:grid;box-shadow:0 22px 52px #0f172a24}.auth-heading,.brand,.user-chip,.toolbar,.toolbar-actions,.inline-form,.detail-header,.pagination,.checkbox-line,.modal-actions{align-items:center;display:flex}.status-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.note-panel textarea{box-sizing:border-box;border:1px solid var(--line);width:100%;font:inherit;resize:vertical;border-radius:8px;margin-top:8px;padding:10px;display:block}.preserve-lines{white-space:pre-wrap}.auth-heading,.brand{gap:12px}.brand-mark{background:var(--primary);color:#fff;border-radius:8px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.auth-panel h1,.toolbar h2,.detail-header h2{margin:0}.auth-panel p,.toolbar p,.detail-header p,.topbar p,.brand span{color:var(--muted);margin:3px 0 0;font-size:13px}.auth-panel label,.form-grid label,.modal-grid label{color:#334155;gap:6px;font-size:13px;font-weight:700;display:grid}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#e5edf7;background:#17202d;height:100vh;padding:20px;position:sticky;top:0}.sidebar nav{gap:6px;margin-top:28px;display:grid}.nav-item{color:#cbd5e1;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;width:100%;min-height:42px;padding:0 12px;font-weight:700;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background:#ffffff1f}.main{min-width:0;padding:24px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.topbar h1{margin:0;font-size:26px}.user-chip{background:var(--panel);border:1px solid var(--line);border-radius:999px;gap:10px;padding:6px 6px 6px 12px}.icon-button{background:var(--panel-soft);width:34px;height:34px;color:var(--text);border:0;border-radius:999px;place-items:center;display:grid}.page-stack{gap:16px;display:grid}.toolbar{background:var(--panel);border:1px solid var(--line);border-radius:8px;justify-content:space-between;gap:16px;padding:16px}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px}.search-box{border:1px solid var(--line);background:#fff;border-radius:6px;align-items:center;gap:8px;min-width:min(340px,100%);padding-left:10px;display:flex}.search-box input{border:0;width:100%}.primary-button,.secondary-button,.file-action{border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:8px 13px;font-weight:750;display:inline-flex}.primary-button{background:var(--primary);color:#fff;border:1px solid #0000}.primary-button:hover{background:var(--primary-dark)}.secondary-button,.file-action{border:1px solid var(--line);color:var(--text);background:#fff}.file-action.disabled{color:var(--muted);cursor:wait;opacity:.78}.file-action input{display:none}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.table-wrap,.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:0 1px 2px #0f172a0d}table{border-collapse:collapse;width:100%}thead{background:#eef3f8}th,td{border-bottom:1px solid var(--line);text-align:left;padding:12px 14px;font-size:14px}th{color:#334155;text-transform:uppercase;letter-spacing:0;font-size:12px}tbody tr{cursor:pointer}tbody tr:hover{background:#f8fafc}tbody tr.draggable-row{cursor:grab}tbody tr.draggable-row:active{cursor:grabbing}tbody tr.draggable-row td:first-child{box-shadow:inset 4px 0 #0000}tbody tr.draggable-row:hover td:first-child{box-shadow:inset 4px 0 0 var(--primary)}.track-group-row td{color:var(--text);text-transform:uppercase;background:#e8eef5;font-weight:850}.stop-badge{background:var(--primary);color:#fff;border-radius:999px;place-items:center;min-width:28px;height:28px;font-size:13px;font-weight:850;display:inline-grid}td input[type=checkbox],.checkbox-line input{width:18px;height:18px;accent-color:var(--success)}.empty-cell{color:var(--muted);text-align:center}.pagination{justify-content:flex-end;gap:8px}.alert{background:#eff6ff;border:1px solid #bfdbfe;border-radius:7px;padding:12px}.alert.error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.alert.success{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.form-page{place-items:start center;display:grid}.form-grid{gap:14px;width:min(680px,100%);padding:20px;display:grid}.inline-form,.checkbox-line{gap:8px}.detail-header{background:var(--panel);border:1px solid var(--line);border-radius:8px;justify-content:space-between;gap:14px;padding:16px}.detail-grid{border:1px solid var(--line);background:var(--line);border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1px;display:grid;overflow:hidden}.detail-item{background:var(--panel);gap:4px;min-height:72px;padding:12px;display:grid}.detail-item span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.detail-item strong{word-break:break-word}.split{grid-template-columns:minmax(0,1fr) minmax(280px,.45fr);gap:16px;display:grid}.panel{padding:16px}.compact-list{gap:8px;margin:14px 0 0;padding:0;list-style:none;display:grid}.compact-list li{border:1px solid var(--line);border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.compact-list small{color:var(--muted)}.scanner-panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;gap:14px;width:min(560px,100vw - 32px);padding:18px;display:grid;box-shadow:0 24px 80px #0f172a38}.scanner-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.scanner-header h2,.scanner-header p{margin:0}.scanner-header p{color:var(--muted)}.qr-reader{border:1px solid var(--line);background:#0f172a;border-radius:8px;min-height:320px;overflow:hidden}.qr-reader video{object-fit:cover}.modal-backdrop{z-index:10;background:#0f172a8c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;width:min(900px,100%);max-height:min(86vh,760px);padding:20px;overflow:auto;box-shadow:0 24px 80px #0f172a47}.modal-panel h2{margin:0}.modal-panel>p{color:var(--muted);margin:4px 0 16px;font-size:13px}.small-modal{width:min(420px,100vw - 32px)}.modal-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:16px 0;display:grid}.modal-actions{justify-content:flex-end;gap:8px}@media (width<=900px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.sidebar nav{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.topbar,.toolbar,.detail-header,.split{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.toolbar-actions{justify-content:flex-start}.table-wrap{overflow-x:auto}}