:root{color:#fff;font-synthesis:none;-webkit-font-smoothing:antialiased;background:#111;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{background:#111;min-width:280px;margin:0}.container{flex-direction:column;width:100%;max-width:480px;min-height:100dvh;margin:auto;display:flex}header{text-align:center;background:#1b1b1b;border-bottom:1px solid #2a2a2a;padding:25px 20px}.logo-principal{object-fit:contain;width:180px;max-width:80%;height:auto;margin:auto;display:block}main{flex:1;padding:25px 20px}.painel{background:#1d1d1d;border:1px solid #303030;border-radius:15px;margin-bottom:22px;padding:25px 20px}.painel h2{text-align:center;margin:0 0 15px;font-size:21px}.painel p{color:#aaa;text-align:center;font-size:14px;line-height:1.5}.login h2{color:#f88830}.login form{margin-top:25px}label{color:#ddd;margin:16px 0 8px;font-size:14px;font-weight:700;display:block}input{color:#fff;background:#111;border:1px solid #444;border-radius:9px;width:100%;padding:15px;font-family:inherit;font-size:16px}input:focus{border-color:#f88830;outline:2px solid #f88830}input::placeholder{color:#888}button{color:#fff;cursor:pointer;background:#f88830;border:none;border-radius:12px;width:100%;padding:17px 12px;font-family:inherit;font-size:15px;font-weight:700;display:block}button:hover:not(:disabled){filter:brightness(1.08)}button:focus-visible{outline-offset:3px;outline:3px solid #fff}button:disabled{color:#ccc;cursor:not-allowed;background:#555}#btn-login,#btn-cadastrar{margin-top:25px}.botao-secundario{background:#353535;border:1px solid #555;margin-top:12px}.botao-link{color:#f88830;background:0 0;margin-top:8px;padding:12px;font-size:14px}.botao-link:hover:not(:disabled){text-decoration:underline}.separador{color:#888;align-items:center;gap:12px;margin:18px 0 12px;font-size:12px;display:flex}.separador:before,.separador:after{content:"";background:#444;flex:1;height:1px}.mensagem{overflow-wrap:anywhere;min-height:18px;margin-top:16px;font-size:13px;color:#f99!important}.mensagem.sucesso{color:#4ade80!important}.informacao{border-bottom:1px solid #333;justify-content:space-between;align-items:center;gap:12px;padding:15px 0;font-size:14px;display:flex}.informacao:last-child{border-bottom:none}.informacao span{color:#aaa}.informacao strong{text-align:right;overflow-wrap:anywhere}.liberado{color:#22c55e!important}.bloqueado{color:#f87171!important}.portao{text-align:center}.estado-desconhecido{margin-bottom:25px;color:#fbbf24!important}.aviso{margin-top:18px;color:#999!important;font-size:12px!important}.navegacao{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:22px;display:grid}.navegacao button{color:#fff;background:#303030;border:1px solid #454545;border-radius:9px;padding:12px 5px;font-size:11px}.navegacao button:hover{background:#454545}.resumo-admin{grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0 25px;display:grid}.resumo-admin>div{text-align:center;background:#292929;border-radius:10px;padding:15px 5px}.resumo-admin strong{color:#f88830;font-size:23px;display:block}.resumo-admin span{color:#ccc;margin-top:5px;font-size:11px;display:block}#buscar-cliente{margin-bottom:20px}.cartao-cliente{background:#252525;border:1px solid #3a3a3a;border-radius:12px;margin-bottom:15px;padding:17px}.cartao-cliente h3{color:#fff;margin:0 0 10px;font-size:17px}.cartao-cliente p{text-align:left;overflow-wrap:anywhere;margin:7px 0;font-size:13px}.cartao-cliente button{margin-top:15px;padding:13px 10px;font-size:14px}.botao-liberar{background:#16803c}.botao-bloquear{background:#b91c1c}.item-historico{background:#252525;border:1px solid #383838;border-radius:10px;margin:12px 0;padding:14px}.linha-historico{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:10px;display:flex}.linha-historico strong{font-size:14px}.linha-historico span{color:#aaa;font-size:11px}.item-historico p{text-align:left;overflow-wrap:anywhere;margin:5px 0;font-size:12px}footer{text-align:center;color:#888;padding:20px;font-size:12px}@media (width<=480px){header{padding:20px 15px}.logo-principal{width:160px}main{padding:22px 15px}.painel{padding:22px 17px}.painel h2{font-size:20px}button{font-size:14px}}
