:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100%;overflow-x:hidden}body{background:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}#root,.app{width:100%;min-height:100vh}.login-screen{background:linear-gradient(135deg,#1e3a5f 0%,#0d1b2a 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex}.login-container{background:#fff;border-radius:16px;width:100%;max-width:400px;padding:30px;box-shadow:0 20px 60px #0000004d}.login-header{text-align:center;color:#1e3a5f;margin-bottom:24px}.login-logo{max-width:180px;height:auto;margin-bottom:12px}.login-header h1{color:#1e3a5f;margin-bottom:4px;font-size:20px}.login-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:#333;font-size:14px;font-weight:500}.form-group input,.form-group select{border:1px solid #ddd;border-radius:8px;width:100%;padding:12px;font-size:16px}.form-group input:focus,.form-group select:focus{border-color:#1e3a5f;outline:none}.checkbox-group{background:#e3f2fd;border:2px solid #1976d2;border-radius:8px;margin:16px 0;padding:16px}.checkbox-label{cursor:pointer;color:#1976d2;align-items:center;gap:12px;font-size:16px;font-weight:600;display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;accent-color:#1976d2;width:24px;height:24px}.error-message{color:#c00;background:#fee;border-radius:8px;align-items:center;gap:8px;padding:12px;font-size:14px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:#1e3a5f;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 20px;font-size:16px;font-weight:600;display:flex}.btn-primary:hover{background:#2d4a6f}.btn-primary:disabled{cursor:not-allowed;background:#999}.btn-secondary{color:#333;cursor:pointer;background:#e0e0e0;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;display:flex}.btn-secondary:hover{background:#d0d0d0}.main-screen{flex-direction:column;width:100%;min-height:100vh;display:flex}.header-logo{width:auto;height:32px}.header-title{align-items:center;gap:8px;display:flex}.header-title h1{font-size:14px;font-weight:600}.btn-logout{color:#fff;cursor:pointer;background:#1e3a5f;border:none;border-radius:6px;padding:6px 12px;font-size:12px}.btn-logout:hover{background:#2d4a6f}.app-content{flex:1;width:100%;max-width:100%;padding:16px;overflow-x:hidden}section{background:#fff;border-radius:12px;width:100%;margin-bottom:16px;padding:16px;box-shadow:0 2px 8px #00000014}section h2{color:#1e3a5f;margin-bottom:12px;font-size:16px}.config-grid{flex-direction:column;gap:12px;display:flex}.scanner-section{text-align:center}.btn-scan{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1e3a5f 0%,#2d4a6f 100%);border:none;border-radius:12px;flex-direction:column;align-items:center;gap:8px;width:100%;padding:24px;font-size:16px;font-weight:600;display:flex}.btn-scan:hover{transform:scale(1.02)}.btn-scan:disabled{cursor:not-allowed;background:#999;transform:none}.scanner-container{width:100%;max-width:400px;margin:0 auto;position:relative}.scanner-video{background:#000;border-radius:12px;width:100%}.btn-stop{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:12px;padding:12px 24px;font-size:14px;display:flex}.manual-input{border-top:1px solid #eee;margin-top:16px;padding-top:16px}.manual-input p{color:#666;margin-bottom:8px;font-size:14px}.manual-form{gap:8px;display:flex}.manual-form input{border:1px solid #ddd;border-radius:8px;flex:1;padding:12px;font-size:16px}.manual-form button{color:#fff;cursor:pointer;background:#1e3a5f;border:none;border-radius:8px;padding:12px 16px;font-size:14px}.processing-section{text-align:center;padding:32px}.processing-section p{color:#666;margin-top:12px}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-section{text-align:center;color:#dc3545;padding:24px}.error-section p{margin:12px 0}.result-section{text-align:center;padding:24px}.result-header{justify-content:center;align-items:center;gap:8px;margin-bottom:12px;display:flex}.success-icon{color:#28a745}.result-message{color:#666;margin-bottom:16px}.app-header{color:#1e3a5f;background:#fff;border-bottom:2px solid #1e3a5f;justify-content:space-between;align-items:center;width:100%;padding:10px 16px;display:flex}.caixa-section{background:#fff;border-radius:12px;margin-bottom:16px;padding:16px;box-shadow:0 2px 8px #0000001a}.caixa-section h2{color:#2e7d32;margin-bottom:12px;font-size:16px}.caixa-lista{margin-bottom:12px;overflow-x:auto}.tabela-caixa{border-collapse:collapse;width:100%;font-size:12px}.tabela-caixa th,.tabela-caixa td{text-align:left;border-bottom:1px solid #e0e0e0;padding:8px 4px}.tabela-caixa th{color:#333;background:#f5f5f5;font-weight:600}.tabela-caixa tfoot td{color:#2e7d32;background:#e8f5e9;font-size:14px;font-weight:700}.btn-remover{color:#fff;cursor:pointer;background:#f44336;border:none;border-radius:50%;width:24px;height:24px;font-size:12px}.caixa-acoes{flex-direction:column;gap:12px;margin-top:16px;display:flex}.caixa-acoes button{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:60px;padding:18px 24px;font-size:18px;font-weight:700;display:flex}.btn-danger{color:#fff;background:#f44336;border:none}.caixa-pix{text-align:center;background:#f5f5f5;border-radius:12px;margin-top:12px;padding:16px}.caixa-pix h3{color:#2e7d32;margin-bottom:8px;font-size:16px}.pix-valor{color:#333;margin-bottom:12px;font-size:20px}.pix-valor strong{color:#2e7d32}.qr-code-container{background:#fff;border-radius:12px;margin-bottom:12px;padding:16px;display:inline-block}.qr-code-img{width:200px;height:200px}.pix-copia-cola{margin:12px 0}.pix-copia-cola textarea{resize:none;border:2px solid #ddd;border-radius:8px;width:100%;height:60px;padding:8px;font-family:monospace;font-size:10px}.btn-verificar{background:#1976d2!important;font-size:14px!important}.caixa-confirmado{text-align:center;background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 100%);border-radius:12px;margin-top:12px;padding:24px}.caixa-confirmado .success-icon{color:#2e7d32;margin-bottom:12px}.caixa-confirmado h3{color:#2e7d32;margin-bottom:8px;font-size:20px}.valor-pago{font-weight:700;color:#2e7d32!important;margin:12px 0!important;font-size:24px!important}.caixa-vazio{text-align:center;color:#666;background:#f5f5f5;border:2px dashed #ddd;border-radius:12px;padding:24px}.lista-bipados{background:#fff;border-radius:12px;margin-bottom:16px;padding:16px}.lista-bipados h2{color:#1e3a5f;margin-bottom:12px;font-size:16px}.tabela-container{overflow-x:auto}.tabela-bipados{border-collapse:collapse;width:100%;font-size:11px}.tabela-bipados th,.tabela-bipados td{text-align:left;border-bottom:1px solid #eee;padding:6px 4px}.tabela-bipados th{background:#f5f5f5;font-weight:600}.cliente-info{flex-direction:column;display:flex}.cliente-nome{font-weight:500}.cliente-tel{color:#666;font-size:10px}.btn-limpar{width:100%;margin-top:12px}@media (min-width:768px){.login-container{max-width:480px;padding:40px}.app-header{color:#1e3a5f;background:#fff;border-bottom:2px solid #1e3a5f;justify-content:space-between;align-items:center;width:100%;padding:10px 16px;display:flex}.multiplas-section{background:#fff3e0;border:2px solid #ff9800;border-radius:12px;margin-bottom:16px;padding:12px 16px}.checkbox-multiplas{background:0 0!important;border:none!important;margin:0!important;padding:0!important}.checkbox-multiplas .checkbox-label{color:#e65100;font-size:14px}.checkbox-multiplas input[type=checkbox]{accent-color:#ff9800}.checkbox-multiplas input[type=checkbox]:disabled{opacity:.5}}