@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--font-main:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace;--bg-dark:#f8fafc;--bg-primary:#fff;--bg-card:#fff;--bg-card-hover:#fff;--bg-glass:#ffffffe0;--bg-input:#fff;--bg-subtle:#f8fafc;--bg-subtle-hover:#f1f5f9;--border-subtle:#e2e8f0;--border-accent:#6366f159;--border-glow:#6366f140;--text-main:#0f172a;--text-muted:#475569;--text-dim:#94a3b8;--primary:#4f46e5;--primary-hover:#4338ca;--primary-glow:#4f46e52e;--gradient-brand:#4f46e5;--gradient-card:#fff;--valid:#059669;--valid-glow:#0596692e;--valid-bg:#10b9811a;--valid-border:#10b98159;--warning:#d97706;--warning-glow:#d977062e;--warning-bg:#f59e0b1a;--warning-border:#f59e0b59;--invalid:#dc2626;--invalid-glow:#dc26262e;--invalid-bg:#ef44441a;--invalid-border:#ef444459;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-card:0 4px 20px -2px #0f172a0d, 0 2px 6px -1px #0f172a08;--shadow-card-hover:0 12px 28px -4px #0f172a14, 0 4px 10px -2px #0f172a0a;--shadow-glow:0 4px 12px #4f46e526}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-dark);max-width:100vw;color:var(--text-main);font-family:var(--font-main);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit;transition:all .2s cubic-bezier(.16,1,.3,1)}input,select,textarea{color:var(--text-main);background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);outline:none;padding:10px 14px;font-family:inherit;transition:all .2s;box-shadow:0 1px 2px #00000008}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.container{z-index:1;width:100%;max-width:1560px;margin:0 auto;padding:0 24px;position:relative}.glass-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:border-color .2s,box-shadow .2s,transform .2s}.glass-card:hover{box-shadow:var(--shadow-card-hover);border-color:#cbd5e1}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius-md);justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.925rem;font-weight:600;transition:background-color .15s,box-shadow .15s,transform .1s;display:inline-flex;box-shadow:0 1px 3px #4f46e540,0 1px 2px #0000000d}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 4px 12px #4f46e54d}.btn-primary:active{background:#3730a3;transform:translateY(0)}.btn-secondary{color:var(--text-main);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#fff;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.925rem;font-weight:600;display:inline-flex;box-shadow:0 1px 2px #0000000a}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.btn-danger{color:var(--invalid);border-radius:var(--radius-sm);background:#ef444414;border:1px solid #ef444440;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:600;display:inline-flex}.btn-danger:hover{background:#ef444426}.badge{border-radius:var(--radius-full);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:5px;padding:4px 10px;font-size:.775rem;font-weight:600;display:inline-flex}.badge-valid{background:var(--valid-bg);color:var(--valid);border:1px solid var(--valid-border)}.badge-warning{background:var(--warning-bg);color:var(--warning);border:1px solid var(--warning-border)}.badge-invalid{background:var(--invalid-bg);color:var(--invalid);border:1px solid var(--invalid-border)}.badge-neutral{color:var(--text-muted);border:1px solid var(--border-subtle);background:#f1f5f9}.code-pill{font-family:var(--font-mono);color:var(--primary);letter-spacing:.05em;background:#4f46e514;border:1px solid #4f46e540;border-radius:6px;padding:3px 8px;font-size:.825rem;font-weight:600}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#0f172a80;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:#fff;width:100%;max-width:540px;max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;overflow-y:auto;box-shadow:0 20px 45px -10px #0f172a26,0 8px 16px -4px #0f172a0f}@keyframes laserScan{0%{opacity:.4;top:10%}50%{opacity:1;top:90%}to{opacity:.4;top:10%}}.scanner-laser{background:var(--primary);pointer-events:none;z-index:10;height:2px;animation:2.4s ease-in-out infinite laserScan;position:absolute;left:0;right:0;box-shadow:0 0 10px #4f46e599}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}#qr-reader-viewport,#quick-assign-qr-viewport{background-color:#0b0f19!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;width:100%!important;height:280px!important;min-height:280px!important;display:flex!important;position:relative!important;overflow:hidden!important}#qr-reader-viewport video,#quick-assign-qr-viewport video{object-fit:cover!important;border-radius:inherit!important;background-color:#000!important;width:100%!important;height:100%!important;min-height:280px!important;max-height:360px!important;margin:0 auto!important;display:block!important}#qr-reader-viewport canvas,#quick-assign-qr-viewport canvas{display:none!important}#qr-shaded-region{border-color:#6366f173!important}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.desktop-only{display:flex!important}.mobile-only{display:none!important}.table-responsive{-webkit-overflow-scrolling:touch!important;width:100%!important;display:block!important;overflow-x:auto!important}.table-responsive::-webkit-scrollbar{height:6px}.table-responsive::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.table-responsive::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.table-responsive::-webkit-scrollbar-thumb:hover{background:#94a3b8}.scanner-grid-responsive{grid-template-columns:minmax(340px,1.25fr) minmax(320px,1fr);align-items:start;gap:24px;display:grid}@media (max-width:1024px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.container{padding:0 18px!important}.scanner-grid-responsive{grid-template-columns:1fr!important;gap:20px!important}}@media (max-width:768px){.container{padding:0 14px!important}.modal-overlay{align-items:flex-end!important;padding:8px!important}.modal-content{border-radius:20px 20px 0 0!important;width:100%!important;max-height:92vh!important;padding:0!important;overflow-y:auto!important}.form-row-responsive{flex-direction:column!important;gap:12px!important}.form-row-responsive>*{flex:100%!important;width:100%!important}h1,.page-title{font-size:1.45rem!important}h2{font-size:1.25rem!important}h3{font-size:1.1rem!important}.btn-primary,.btn-secondary{min-height:40px!important}}@media (max-width:480px){.container{padding:0 12px!important}.glass-card{border-radius:12px!important}.login-card{padding:28px 18px!important}}