.container{color:#fff;background:#0f0f0f;place-content:center;justify-self:center;min-height:100vh;padding:40px 20px 120px;font-family:Arial,Helvetica,sans-serif}h1{text-align:center;margin-bottom:30px;font-size:28px}.tab-control{border-bottom:1px solid #333;max-width:1000px;margin:0 auto;display:flex}.tab-control button{color:#fff;cursor:pointer;background:#181818;border:none;flex:1;padding:12px 0;font-size:18px;transition:background .2s}.tab-control button.active{background:#c00000;font-weight:700}.card{background:#181818;border-radius:12px;max-width:1000px;margin:0 auto 10px;padding:20px;box-shadow:0 0 20px #ff000014}label{margin-bottom:8px;font-size:22px;font-weight:700;display:block}input[type=number],input[type=password]{color:#fff;background:#0f0f0f;border:1px solid #333;border-radius:8px;width:100%;margin-bottom:15px;padding:12px;font-size:22px}input[type=checkbox]{cursor:pointer;transform:scale(1.2)}button{color:#fff;cursor:pointer;background:#c00000;border:none;border-radius:8px;width:100%;height:60px;padding:14px;font-size:22px;transition:all .3s}button:hover{background:#ff1f1f}button:disabled{opacity:.6;cursor:not-allowed}.pix{background:#000;border:1px solid #c00000;margin-top:20px}.pix.fixed-bottom{z-index:200;width:calc(100% - 40px);max-width:900px;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #0006}.pix:hover{background:#c00000}table{border-collapse:collapse;width:100%;margin-top:15px;font-size:22px}@media (max-width:640px){table,thead,tbody,th,td,tr{display:block}thead tr{position:absolute;top:-9999px;left:-9999px}.tbParcelas tr{background:#151515;border-radius:8px;margin:0 0 12px;padding:8px}table td{white-space:normal;text-align:left;border:none;align-items:center;gap:8px;padding:8px 12px;display:flex}.tbParcelas td:before{white-space:nowrap;color:#ffb3b3;flex:0 0 45%;width:45%;padding-right:10px;font-weight:700;display:block}.tbParcelas td:first-of-type{flex:0 0 10%}.tbParcelas td:first-of-type:before{content:""}.tbParcelas td:nth-of-type(2):before{content:"Dt.Compra"}.tbParcelas td:nth-of-type(3):before{content:"Vencimento"}.tbParcelas td:nth-of-type(4):before{content:"Parcela"}.tbParcelas td:nth-of-type(5):before{content:"Valor"}.tbItensVenda tr{background:#c5c3c3;border-radius:8px;margin:0 0 12px;padding:8px}.tbItensVenda td:before{white-space:nowrap;color:#f74e4e;flex:0 0 45%;width:45%;padding-right:10px;font-weight:700;display:block}.tbItensVenda td:first-of-type:before{content:"Cód Barras"}.tbItensVenda td:nth-of-type(2):before{content:"Produto"}.tbItensVenda td:nth-of-type(3):before{content:"Qtd."}.tbItensVenda td:nth-of-type(4):before{content:"Valor"}}table th,table td{text-align:left;border-bottom:1px solid #333;padding:12px}table th{color:#ff3b3b;font-weight:700}table tr:hover{color:#fff;background:#1f1f1f}table tr.clickable-row{cursor:pointer}h2{color:#ff3b3b;margin-bottom:15px;font-size:20px}.modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{color:#0c0c0c;background:#fcfafa;border-radius:12px;width:95%;max-width:600px;padding:18px;box-shadow:0 8px 40px #0009}.modal h3{text-align:justify;color:#ff3b3b;margin-top:0;margin-bottom:5px;font-size:22px}.modal .receipt div{max-height:20vh;overflow-y:auto}.qr-image{object-fit:contain;background:#fff;border-radius:6px;width:260px;height:260px;margin:10px auto;display:block}@media (max-width:480px){.qr-image{width:200px;height:200px}.modal{max-width:340px;padding:14px}h1{font-size:20px}button{padding:12px;font-size:15px}.total-display{text-align:left}}.pix-key{color:#0c0c0c;word-wrap:break-word;margin-top:6px}.modal-buttons{justify-content:left;margin-top:12px;display:flex}.modal button{cursor:pointer;border:none;border-radius:8px;min-height:70px;padding:10px 16px;font-size:18px}.modal button.whatsapp{color:#fff;background:#02a33d;width:100%}.total-display{color:#fff;text-align:right;margin-top:12px;font-weight:700}.logo{max-width:200px;height:auto;margin:0 auto 20px;display:block}.modal h3{font-weight:700}.modal h4,.modal p{font-size:20px}.tbParcelas button{color:#fff;cursor:pointer;background:#444;border:none;border-radius:8px;width:70%;height:50px;padding:14px;font-size:22px;transition:all .3s}.tbParcelas button:hover{background:#668}.tbItensVenda{max-height:300px;overflow-y:auto}.tbItensVenda table{font-size:16px}.tbItensVenda table th{font-size:18px;font-weight:700}.radiogroup{display:flex}.radiogroup input{margin-bottom:10px}.radiogroup label{margin-right:20px;font-size:20px}.pix-key{color:#0c0c0c;word-wrap:break-word;margin-top:6px;font-size:15px!important}.pix-normal{color:#00f!important}