body,html,#root{height:fit-content!important;min-height:100%;width:100vw;margin:0;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f5f5f7;display:flex;justify-content:center;align-items:center;overflow-x:hidden}.dashboard-container{width:85%;height:fit-content;padding:2rem 10rem;margin:20px;background:#fff;border-radius:16px;box-shadow:0 12px 24px #ff7f001f;font-family:Poppins,sans-serif;text-align:center;color:#333;position:relative}.dashboard-container h1{font-size:1.75rem;color:#ff6f00;margin-bottom:1.5rem}.btn-cartao{background-color:#ff6f00;color:#fff;font-weight:700;font-size:1rem;border-radius:10px;padding:.85rem 1rem;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;min-width:180px;box-shadow:0 4px 12px #0000001a}.btn-cartao:hover{background-color:#e65c00}#form-checkout select{width:90%;padding:.85rem;margin-bottom:1rem;border:1.8px solid #ddd;border-radius:10px;font-size:1rem;background-color:#fff;color:#444;font-family:Poppins,sans-serif;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg fill='%23444' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1rem;display:none!important}#form-checkout select:focus{border-color:#ff6f00;outline:none;box-shadow:0 0 0 2px #ff6f0040}.modal-cartao{max-height:80vh;overflow:auto;max-width:400px}.pagamento-botoes{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:1rem}.btn-pix,.btn-mercado-pago{flex:1;min-width:180px;padding:.85rem 1rem;font-weight:700;font-size:1rem;border-radius:10px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 12px #0000001a;transition:.2s ease}.btn-pix{background-color:#00b686;color:#fff}.btn-pix:hover{background-color:#00a175;box-shadow:none}.btn-mercado-pago{background-color:#009ee3;color:#fff}.btn-mercado-pago:hover{background-color:#008fcc;box-shadow:none}.btn-pix img,.btn-mercado-pago img{height:50px}.card{border:1px solid #ffe1c1;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #ff6f001a;display:flex;flex-direction:column;justify-content:center;align-items:center}.saldo-card h2{margin-bottom:.5rem;color:#ff6f00}.saldo{font-size:2rem;font-weight:700;color:#333}.qr-card canvas{margin:1rem 0}.qr-modal{text-align:center;padding:2rem;max-width:90%}.qr-modal canvas{margin:1rem auto;display:block}.matricula{font-size:.9rem;color:#888}.menu-opcoes button{display:block;width:100%;margin:.5rem 0;padding:.9rem;background:#ff6f00;color:#fff;font-weight:700;font-size:1rem;border:none;border-radius:10px;cursor:pointer;box-shadow:0 4px 14px #ff6f0040;transition:background .3s ease}.menu-opcoes button:hover{background:#ff8c00}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;justify-content:center;align-items:center;z-index:999}.modal-content{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 8px 28px #00000040;width:80%;text-align:center;animation:fadeIn .3s ease-in-out}.modal-content h2,.qr-card h2{color:#ff6f00;margin-bottom:1rem;text-align:center;display:flex;align-items:center;justify-content:center;gap:5px}.modal-content input{width:90%;padding:.85rem;margin-bottom:1rem;border:1.8px solid #ddd;border-radius:10px;font-size:1rem}.modal-content button{width:100%;padding:.85rem;margin-bottom:1rem;font-size:1rem;font-weight:700;border-radius:10px;border:none;cursor:pointer}.modal-content .confirmar{background:#ff6f00;color:#fff;box-shadow:0 4px 12px #ff6f0040}.modal-content .confirmar:hover{background:#ff8c00}.modal-content .fechar{background:#eee;color:#333;box-shadow:0 4px 12px #00000021}.modal-content .fechar:hover{background:#ddd}.input-data-filtro{width:100%;padding:.6rem 1rem;font-size:.95rem;border:1.5px solid #ddd;border-radius:10px;margin-bottom:1rem;color:#444;background:#fff;outline:none;transition:border .3s ease}.input-data-filtro:focus{border-color:#ff6f00;box-shadow:0 0 4px #ff6f0040}.loading-transacoes{width:40px;height:40px;margin:2rem auto;border:6px solid #ffe1c1;border-top:6px solid #ff6f00;border-radius:50%;animation:spin .8s linear infinite}.historico-lista{list-style:none;padding:0;text-align:left;font-size:.95rem;margin-bottom:1rem;overflow:auto;max-height:50vh}.historico-lista li{margin-bottom:.5rem}.qr-loading-spinner{width:50px;height:50px;margin:1rem auto;border:6px solid #ffd6a0;border-top:6px solid #ff6f00;border-radius:50%;animation:spin .8s linear infinite}.transacao{border-radius:12px;padding:12px 16px;margin-bottom:10px;font-size:.95rem;display:flex;align-items:center;justify-content:space-between;background:#fcf1e4ee;box-shadow:0 2px 6px #0000000f}.transacao.recharge{border-left:5px solid #7dd400}.transacao.discount{border-left:5px solid #f51e0e}.transacao .descricao{flex:1;margin-left:12px;color:#333}.transacao .valor{font-weight:700;white-space:nowrap}.transacao-icon{font-size:1.3rem}.dashboard-header{text-align:center;margin-bottom:2rem;-webkit-user-select:none;user-select:none}.dashboard-header .emoji{font-size:70px;display:block;margin-bottom:.3rem}#form-checkout{display:flex;flex-direction:column;max-width:600px}.dashboard-header h2{font-size:2rem;font-weight:700;color:#ff6f00;margin:0;letter-spacing:.5px}.dashboard-header p{font-size:2rem;color:#444;margin-top:.4rem}input[type=date]{-webkit-appearance:none}.mensagem-credito{background-color:#dff0d8;color:#3c763d;border:1px solid #b2dba1;padding:1rem;text-align:center;border-radius:8px;margin:1rem auto;max-width:500px;font-weight:700;animation:fadeIn .3s ease-in-out}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.dashboard-container{padding:1rem;width:90%;background-color:transparent;box-shadow:none;display:flex;flex-direction:column;justify-content:start}.card{background-color:#fff;margin-bottom:1.5rem}.btn-sair{top:0!important;left:0!important}}.loader{width:48px;height:40px;margin-top:30px;display:inline-block;position:relative;background:#ff6f00;border-radius:15% 15% 35% 35%;animation:fadeIn .5s ease}.loader:after{content:"";box-sizing:border-box;position:absolute;left:45px;top:8px;border:4px solid #ff6f00;width:16px;height:20px;border-radius:0 4px 4px 0}.loader:before{content:"";position:absolute;width:1px;height:10px;color:#ff6f00;top:-15px;left:11px;box-sizing:border-box;animation:animloader 1s ease infinite}@keyframes animloader{0%{box-shadow:2px 0 #fff0,12px 0 #ffffff4d,20px 0 #fff0}50%{box-shadow:2px -5px #ffffff80,12px -3px #ffffff80,20px -2px #fff9}to{box-shadow:2px -8px #fff0,12px -5px #fff0,20px -5px #fff0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.text{color:#fff;display:inline-block;position:relative;font-size:20px;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;box-sizing:border-box;animation:fadeIn .5s ease}.text:after{content:"";width:3px;height:3px;background:currentColor;position:absolute;bottom:7px;right:-6px;box-sizing:border-box;animation:animloader 1s linear infinite}@keyframes animloader{0%{box-shadow:10px 0 #fff0,20px 0 #fff0}50%{box-shadow:10px 0 #fff,20px 0 #fff0}to{box-shadow:10px 0 #fff,20px 0 #fff}}.header{position:relative;padding:1rem;border-bottom:2px solid #eee;margin-bottom:1rem}.btn-sair{position:absolute;left:1.5rem;top:1.5rem;background:none;box-shadow:none;color:#c0392b;border:none;padding:.5rem 1rem;border-radius:6px;font-weight:600;cursor:pointer;transition:.3s ease;font-size:1rem;display:flex;align-items:center}.btn-sair:hover{background:none;box-shadow:none;transform:scale(1.02)}.qrcode-fechar{margin-top:20px}#qr-reader video{transform:scaleX(-1)}.tooltip{position:relative;cursor:pointer}.tooltip .tooltip-text{visibility:hidden;width:max-content;background-color:#333;color:#fff;text-align:center;border-radius:8px;padding:6px 10px;position:absolute;z-index:1000;bottom:30%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s ease,transform .3s ease;font-size:.85rem;white-space:nowrap;pointer-events:none}.tooltip:hover .tooltip-text{visibility:visible;opacity:1}.logo-lanchou{width:150px}.historico-lista{overflow:auto;max-height:200px}h3,h2,h1,button{display:flex;align-items:center;justify-content:center}@media screen and (min-width: 769px){.desktop-modais{display:grid;gap:1%}.desktop-cards{display:grid;grid-template-columns:1fr 1fr;gap:1%}.static-modal{box-shadow:none;border:1px solid #ffe1c1;border-radius:8px;width:auto}.static-modal .fechar,.card.menu-opcoes{display:none}}body,html,#root{height:100%;width:100vw;margin:0;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f5f5f7;display:flex;justify-content:center;align-items:center}.login-titulo{text-align:center;margin-bottom:2rem;-webkit-user-select:none;user-select:none;animation:fadeDown .5s ease}.login-titulo .logo-lanchou{width:150px}.login-titulo h2{font-size:1.6rem;font-weight:700;color:#ff6f00;margin:0;letter-spacing:.5px}.login-titulo p{font-size:.95rem;color:#666;margin:.3rem 0 0}@keyframes fadeDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.login-wrapper{background:#fff;padding:3rem 2.5rem;border-radius:16px;box-shadow:0 12px 24px #ff7f0026;width:100%;max-width:380px;text-align:center}h1{font-weight:700;font-size:2rem;color:#ff6f00;margin-bottom:2rem;letter-spacing:.12em;-webkit-user-select:none;user-select:none}form{display:flex;flex-direction:column;gap:1.5rem}label{font-weight:600;color:#444;text-align:left;font-size:.9rem;-webkit-user-select:none;user-select:none}input{padding:.85rem 1rem;font-size:1rem;border:1.8px solid #ddd;border-radius:10px;transition:border-color .3s ease,box-shadow .3s ease;outline:none;color:#333}input::placeholder{color:#bbb}input:focus{border-color:#ff6f00;box-shadow:0 0 6px #ff6f0040;background:#fff8f0}button{padding:1rem 0;background:#ff6f00;border:none;border-radius:12px;color:#fff;font-weight:700;font-size:1.15rem;cursor:pointer;box-shadow:0 6px 20px #ff6f004d;transition:background .3s ease,box-shadow .3s ease;-webkit-user-select:none;user-select:none}button:hover{background:#ff8c00;box-shadow:0 8px 28px #ff8c0073}button:focus{outline:none}.forgot-password{margin-top:1rem;font-size:.85rem;color:#888;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .3s ease;text-align:right}.forgot-password:hover,.forgot-password:focus{color:#ff6f00;text-decoration:underline;outline:none}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{flex:1;padding-right:3.5rem}.toggle-pass-btn{position:absolute;right:15px;background:transparent;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;transition:transform .2s ease;z-index:2}.toggle-pass-btn:hover{transform:scale(1.1);background:transparent}.toggle-pass-btn:focus{outline:none;filter:drop-shadow(0 0 2px #ff6f00)}footer{padding-top:20px}@media (max-width: 768px){body,html,#root{height:100%!important;align-items:start!important}.login-wrapper{background:none;box-shadow:none}}