:root{--bg:#090909;--panel:#181818;--panel-2:#242424;--border:#3a3a3a;--text:#f6f6f6;--muted:#b6b6b6;--red:#d71920;--red-2:#a70f15;--yellow:#f5b83d;--green:#24a15c;--sidebar:#101010;--input-bg:#0f0f0f;--video-bg:#050505;--login-bg:linear-gradient(135deg,#080808,#202020 60%,#3a080a);--button-text:#ffffff;--secondary-button-bg:#242424;--secondary-button-hover:#303030;--secondary-button-text:#f6f6f6;--danger-bg:rgba(215,25,32,0.14);--danger-text:#ffd8da;--warning-bg:rgba(245,184,61,0.16);--warning-text:#ffe3a8;--success-bg:rgba(36,161,92,0.16);--success-text:#c8f5d9;--focus:#f04b50}[data-theme=light]{--bg:#f4f4f5;--panel:#ffffff;--panel-2:#e8e8eb;--border:#cfcfd4;--text:#18181b;--muted:#5f6368;--red:#c9151c;--red-2:#9f1016;--yellow:#9c6400;--green:#16794a;--sidebar:#ffffff;--input-bg:#ffffff;--video-bg:#e5e5e5;--login-bg:linear-gradient(135deg,#f7f7f8,#ffffff 58%,#f2d9da);--button-text:#ffffff;--secondary-button-bg:#202124;--secondary-button-hover:#000000;--secondary-button-text:#ffffff;--danger-bg:#fff1f2;--danger-text:#8f0d14;--warning-bg:#fff8e6;--warning-text:#6f4700;--success-bg:#eaf8f0;--success-text:#0f5f38;--focus:#c9151c}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;letter-spacing:0;color-scheme:dark}[data-theme=light] body{color-scheme:light}::selection{background:var(--focus);color:var(--button-text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--login-bg)}.login-panel,.panel,.table-wrap{background:var(--panel);border:1px solid var(--border);border-radius:8px}.login-panel{width:min(440px,100%);padding:28px}.login-brand{display:grid;place-items:center;padding:10px;background:#ffffff;border:1px solid var(--border);border-radius:8px}.login-brand img{display:block;width:min(330px,100%);height:auto}.brand-mark{width:52px;height:52px;display:grid;place-items:center;background:var(--red);color:var(--button-text);border-radius:8px;font-weight:800;margin-bottom:18px}h1,h2,h3{margin:0}.muted{color:var(--muted)}.form-grid{display:grid;grid-gap:14px;gap:14px}.field{display:grid;grid-gap:7px;gap:7px}.field span{color:var(--muted);font-size:.9rem}.input,.select,.textarea{width:100%;background:var(--input-bg);border:1px solid var(--border);border-radius:6px;color:var(--text);min-height:42px;padding:10px 12px}.input::placeholder,.textarea::placeholder{color:var(--muted)}.input:focus,.select:focus,.textarea:focus{border-color:var(--focus);outline:2px solid color-mix(in srgb,var(--focus) 25%,transparent);outline-offset:1px}.input::-webkit-file-upload-button{margin-right:10px;border:1px solid var(--border);border-radius:5px;background:var(--secondary-button-bg);color:var(--secondary-button-text);padding:7px 10px;font-weight:700}.input::file-selector-button{margin-right:10px;border:1px solid var(--border);border-radius:5px;background:var(--secondary-button-bg);color:var(--secondary-button-text);padding:7px 10px;font-weight:700}.textarea{min-height:120px;resize:vertical}.button{border:0;border-radius:6px;background:var(--red);color:var(--button-text);min-height:42px;padding:10px 15px;font-weight:700}.button:hover{background:var(--red-2)}.button.secondary{background:var(--secondary-button-bg);border:1px solid var(--border);color:var(--secondary-button-text)}.button.secondary:hover{background:var(--secondary-button-hover);border-color:var(--secondary-button-hover)}.button.success{background:var(--green);color:var(--button-text)}.button:disabled,.button[aria-disabled=true]{background:var(--panel-2);border:1px solid var(--border);color:var(--muted);cursor:not-allowed;opacity:1}.button.full{width:100%}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.app-shell.sidebar-hidden{grid-template-columns:1fr}.sidebar{background:var(--sidebar);border-right:1px solid var(--border);padding:18px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.sidebar-toggle{position:fixed;top:80px;left:238px;z-index:20;display:grid;place-items:center;min-width:0;width:42px;height:56px;padding:0;border:0;border-radius:0 28px 28px 0;background:var(--red);color:#ffffff;font-size:1.8rem;font-weight:800;line-height:1;box-shadow:0 10px 22px rgba(0,0,0,.22)}.sidebar-toggle:hover{background:var(--red-2)}.sidebar-toggle:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);width:max-content;max-width:210px;padding:7px 9px;border-radius:6px;background:#141414;color:#ffffff;font-size:.78rem;font-weight:700;line-height:1.2;opacity:0;pointer-events:none;transition:opacity .14s ease}.sidebar-toggle:focus-visible:after,.sidebar-toggle:hover:after{opacity:1}.app-shell.sidebar-hidden .sidebar-toggle{left:-10px;border-radius:0 28px 28px 0}.app-shell.sidebar-hidden .content{padding-left:72px}.brand-row{display:flex;align-items:center;gap:12px;margin-bottom:24px}.brand-emblem{width:48px;height:48px;object-fit:contain;background:#ffffff;border:1px solid var(--border);border-radius:8px;padding:4px}.brand-row .brand-mark{width:42px;height:42px;margin:0}.nav{display:grid;grid-gap:8px;gap:8px}.nav a,.nav button{width:100%;text-align:left;color:var(--text);background:transparent;border:1px solid transparent;border-radius:6px;padding:10px 12px}.nav a:hover,.nav button:hover{background:var(--panel);border-color:var(--border)}.content{padding:26px;display:grid;grid-gap:20px;gap:20px;align-content:start}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.grid{display:grid;grid-gap:16px;gap:16px}.grid.cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.panel{padding:18px}.identity-strip{display:flex;align-items:center;gap:16px;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:14px 16px}.identity-strip img{width:210px;max-width:42vw;height:auto;background:#ffffff;border-radius:6px;padding:6px}.identity-strip div{display:grid;grid-gap:4px;gap:4px}.metric{display:grid;grid-gap:8px;gap:8px}.metric strong{font-size:2rem}.actions{display:flex;flex-wrap:wrap;gap:10px}.message{border-radius:6px;padding:12px 14px;background:var(--panel-2);border:1px solid var(--border);color:var(--text)}.message.error{border-color:var(--red);background:var(--danger-bg);color:var(--danger-text)}.message.warning{border-color:var(--yellow);background:var(--warning-bg);color:var(--warning-text)}.message.success{border-color:var(--green);background:var(--success-bg);color:var(--success-text)}.scanner-grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(280px,420px);grid-gap:18px;gap:18px}.video-box{width:100%;aspect-ratio:16/10;background:var(--video-bg);border:1px solid var(--border);border-radius:8px;overflow:hidden}.video-box video{width:100%;height:100%;object-fit:cover}.queue-list{display:grid;grid-gap:12px;gap:12px}.queue-item{display:grid;grid-template-columns:76px 1fr auto;grid-gap:16px;gap:16px;align-items:center;background:var(--panel);border:1px solid var(--border);border-left:6px solid var(--red);border-radius:8px;padding:16px}.queue-order{font-size:2rem;font-weight:800;color:var(--red)}.queue-name{font-size:1.45rem;font-weight:800}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:760px}td,th{padding:12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}th{color:var(--muted);font-size:.9rem;font-weight:700}.check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:8px;gap:8px}.check-item{display:flex;gap:8px;align-items:center;background:var(--input-bg);border:1px solid var(--border);padding:8px;border-radius:6px}.theme-menu{margin-top:10px;padding:10px 0}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:end}@media (max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar-toggle{left:auto;right:-10px;border-radius:28px 0 0 28px}.app-shell.sidebar-hidden .sidebar-toggle{left:-10px;right:auto;border-radius:0 28px 28px 0}.sidebar{position:static;height:auto;padding-right:64px}.scanner-grid{grid-template-columns:1fr}.queue-item{grid-template-columns:56px 1fr}.queue-item .button{grid-column:1/-1;min-height:54px;font-size:1.1rem}}@media (max-width:560px){.content{padding:18px}.app-shell.sidebar-hidden .content{padding-left:64px}.page-head{display:grid}.queue-name{font-size:1.2rem}.identity-strip{display:grid}.identity-strip img{max-width:100%}}