:root{font-family:Arial,sans-serif;color:#19283e;background:#f3f5f8;--blue:#073d78;--gold:#f7b900}*{box-sizing:border-box}body{margin:0;display:flex}aside{width:245px;position:fixed;inset:0 auto 0 0;background:#082d59;color:white;padding:32px 22px;display:flex;flex-direction:column}.brand{font-size:24px;font-weight:900;color:#ffd154}.brand small{display:block;letter-spacing:2px;font-size:9px;margin-top:12px;color:#c7d6e9}nav{margin-top:48px;display:grid;gap:10px}nav button{background:transparent;text-align:left;color:#d9e6f5;padding:16px}nav button.active{background:#164677;color:#ffd154}aside p{margin-top:auto;font-size:12px;line-height:1.8;color:#bdcfe4}main{margin-left:245px;padding:38px;max-width:1600px;width:calc(100% - 245px)}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}small{letter-spacing:1.5px;font-size:10px;font-weight:bold}h1{font-size:29px;margin:10px 0}h2{font-size:36px;line-height:1.15}h3{font-size:18px;margin-top:0}button{border:0;background:var(--blue);color:white;padding:13px 18px;border-radius:8px;font-weight:bold;cursor:pointer}button:hover{filter:brightness(1.12)}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:wait}input,select{padding:12px;border:1px solid #d2dae4;border-radius:7px;font:inherit;background:white;color:#20324a;max-width:100%}label{display:grid;gap:8px;font-size:13px;font-weight:bold;margin:12px 0}article{background:white;border:1px solid #e0e5ec;border-radius:13px;padding:24px;margin:20px 0}p{line-height:1.6;font-size:14px}.muted{color:#64748b;font-size:12px}.hero{background:linear-gradient(120deg,#07366c,#0d508e);border-radius:15px;color:white;display:flex;justify-content:space-between;overflow:hidden;padding:34px;gap:20px}.hero button{background:var(--gold);color:#173351}.hero img{width:180px;object-fit:contain;transform:rotate(4deg);box-shadow:0 8px 30px #001a3a}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px;margin:22px 0}.metric{padding:24px;background:white;border:1px solid #dce4ed;border-radius:12px}.metric strong{display:block;font-size:30px;margin:8px 0}.metric.gold{border-top:4px solid var(--gold)}.fields{display:flex;align-items:end;gap:16px;flex-wrap:wrap}.fields label{flex:1;min-width:120px}.fields button{margin-bottom:12px}.check{display:flex;align-items:center}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.toolbar h3{margin:0 auto 0 0}.table{max-height:540px;overflow:auto;margin:20px 0}table{border-collapse:collapse;width:100%;font-size:13px}th,td{padding:14px;border-bottom:1px solid #e5e9ef;text-align:left}th{position:sticky;top:0;background:#eef3f9}td button{padding:8px;margin:2px}.badge{padding:5px 9px;border-radius:20px;background:#fff3cb}.paid{background:#daf3e4;color:#1e6641}.blocked{background:#ffd9d9}#notice{color:#8a3900;padding:0 0 12px}#balls{display:flex;flex-wrap:wrap;gap:10px}.ball{background:#e6edf7;border-radius:50%;padding:13px;min-width:48px;text-align:center;font-weight:bold}#last{font-size:48px;color:#0b4b87;margin-left:20px}.secondary{background:#e9eff6;color:#294766}dialog{border:0;border-radius:16px;max-width:420px;width:95%;padding:35px}dialog::backdrop{background:#062346e8}dialog button{width:100%;margin-top:15px}#loginError{color:#a93021}@media(max-width:800px){aside{position:static;width:100%;padding:18px}aside p,#logout{display:none}nav{margin-top:15px;display:flex;flex-wrap:wrap;gap:4px}nav button{padding:10px}.brand{font-size:19px}body{display:block}main{margin:0;width:100%;padding:18px}header{display:block}header select{width:100%}.hero{padding:23px}.hero img{width:100px}h2{font-size:25px}}@media print{body{display:block}aside,main,dialog{display:none!important}.printcard{width:190mm;height:253.3mm;position:relative;break-after:page;margin:0 auto;print-color-adjust:exact;-webkit-print-color-adjust:exact}.printcard:last-child{break-after:auto}@page{size:A4;margin:12mm 10mm}}
.printcard{display:none}@media print{.printcard{display:block}}

@keyframes bingoFlash{0%,49%{background:#ffcc00;color:#062346;box-shadow:0 0 0 5px #ff9c00,0 0 28px #ffb000;transform:scale(1.025)}50%,100%{background:#073d78;color:#fff;box-shadow:0 0 0 3px #073d78;transform:scale(1)}}.flash-alert{animation:bingoFlash 1s step-end;border:3px solid #f4ac00!important;position:relative;z-index:1}.checkgrid{display:grid;grid-template-columns:repeat(5,1fr);max-width:360px;border:1px solid #567;margin:15px 0}.checkgrid span{text-align:center;padding:14px;border:1px solid #cdd8e4;font-size:21px;font-weight:bold;background:#f6f8fb}.checkgrid .hit{background:#d1f2dc;color:#124e2b}.checkgrid .free{background:#ffdf76;color:#714600}@media(prefers-reduced-motion:reduce){.flash-alert{animation:none;background:#ffcc00;border:5px solid #073d78!important;outline:3px solid #ff9c00}}
#cashForm textarea{width:100%;min-height:56px;padding:10px;border:1px solid #d2dae4;border-radius:7px;font:inherit;resize:vertical;white-space:pre-wrap;overflow-wrap:anywhere}#cashTotal{display:block;padding:12px;border-radius:7px;background:#eef3fa;font-size:19px;font-weight:bold}#cashTableWrap{height:716px;overflow:auto;border:1px solid #cdd8e4;margin-top:15px;border-radius:8px}#cashTable{table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:13px}#cashTable th{font-weight:800;position:sticky;top:0;z-index:2;height:44px;padding:6px 12px;background:#e7eef8;border-bottom:2px solid #a5b9d0;vertical-align:middle;overflow:hidden}#cashTable td{height:56px;padding:6px;border-bottom:1px solid #dce4ed;border-right:1px solid #e5ebf2;vertical-align:top}#cashTable .cashCell{height:43px;max-height:43px;overflow:auto;line-height:16px;overflow-wrap:anywhere}#cashTable .cashCell small{font-size:10px;letter-spacing:0;color:#65758a}#cashTable .cashCell button{padding:1px 6px;font-size:12px;margin:0 2px;line-height:16px}#cashTable .cash-saida{background:#fff5f3}#cashTable .cash-saida td:last-child{color:#ad332a}#cashTable .cash-entrada td:last-child{color:#176944}.cashKind{font-size:10px}.cashResizer{position:absolute;right:0;top:0;width:9px;height:100%;cursor:col-resize;touch-action:none;border-right:2px solid #96abc4}#cash .cash-export{margin-top:20px;justify-content:flex-end}#cashReportDialog{width:min(1100px,96vw);max-width:1100px;height:94vh;max-height:94vh;padding:0;background:#dfe6ee;border:0}#cashReportDialog::backdrop{background:#082344c9}.reportToolbar{position:sticky;top:0;padding:14px;display:flex;align-items:center;flex-wrap:wrap;gap:10px;background:#fff;z-index:3}.reportToolbar b{margin-right:auto}#cashReportPages{padding:20px;display:grid;gap:20px}#cashReportPages img{width:100%;height:auto;box-shadow:0 4px 20px #00193630}.cashPrintImage{display:none}@media print{body.cashPrinting .printcard{display:none!important}body.cashPrinting .cashPrintImage{display:block;width:190mm;height:268.75mm;margin:0 auto;break-after:page;print-color-adjust:exact}body.cashPrinting .cashPrintImage:last-child{break-after:auto}}

#cashTable .cashHeadLabel{height:30px;max-height:30px;line-height:15px;overflow:auto;font-weight:800}#cashTableWrap{height:718px}

.draw-stage{background:#060b16;color:#f5f0d3;border:1px solid #243043;border-radius:15px;overflow:hidden;box-shadow:0 15px 35px #07214424}.draw-top{background:#0a1020;border-bottom:1px solid #5d501e;display:flex;align-items:center;gap:20px;justify-content:space-between;padding:20px 25px}.draw-top small{display:block;font-size:10px;color:#a9a99b}.draw-top b{display:block;font-size:25px;letter-spacing:2px;color:#ffdf31;margin-top:5px}.draw-top h2{font-size:24px;letter-spacing:3px;text-transform:uppercase;margin:0;text-align:center;color:#ffdf31;flex:1}.draw-top button{background:#1a2538;border:1px solid #516078;color:#f7e86c;padding:10px}.draw-body{display:grid;grid-template-columns:minmax(170px,.8fr) minmax(260px,1.15fr) minmax(220px,.9fr);gap:22px;padding:26px}.draw-last-panel{text-align:center;border-right:1px solid #263047;padding-right:20px}.draw-last-panel>small{font-size:11px;letter-spacing:3px;color:#b3b9c3}.draw-last-panel #drawLetter{font-size:48px;color:#f8f1d1;margin-top:24px;font-weight:bold;letter-spacing:7px}.draw-stage #last{display:block;font-size:clamp(100px,12vw,190px);line-height:1.12;font-weight:900;color:#ffda00;margin:8px 0 24px;font-variant-numeric:tabular-nums;text-shadow:0 0 30px #ffd00018}.draw-last-panel p{font-size:10px;letter-spacing:2px;color:#b3b9c3;line-height:1.8}.draw-board-panel h3{text-align:center;font-size:11px;letter-spacing:3px;font-weight:normal;color:#a6aebf;margin-bottom:16px}.draw-bingo-head{display:grid;grid-template-columns:repeat(5,1fr);text-align:center;padding:12px 0;background:#101a2c;border:1px solid #293348;border-bottom:2px solid #716024;color:#ffeb86;font-size:24px}.draw-stage #balls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;max-height:520px;overflow:auto;border:1px solid #293348;border-top:0;background:#080f1e}.draw-number-column{display:flex;flex-direction:column;border-right:1px solid #1e2a3e}.draw-number-column:last-child{border:0}.draw-ball{text-align:center;padding:8px 2px;color:#566078;border-bottom:1px solid #172238;font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}.draw-ball.called{color:#fcf4d4;background:#162037}.draw-ball.latest{color:#ffe000;background:#3e3612;box-shadow:inset 0 0 0 2px #e4c126}.draw-control-panel label{color:#e1d9b7;line-height:1.5}.draw-control-panel select{width:100%;background:#111d30;color:#f9edac;border-color:#45526a;font-size:14px}.draw-start-stop{display:flex;gap:9px;margin:15px 0 25px}.draw-start-stop button{flex:1;background:#24364f;border:1px solid #526580;color:#fff2a3;padding:12px 8px}.draw-start-stop #finish{background:#2b1d27;color:#ffb9a9;border-color:#6b3543}.draw-control-panel input{width:100%;padding:17px 8px;font-size:35px;text-align:center;font-weight:bold;background:#0b1526;border:2px solid #8e7b20;color:#ffdf00}.draw-control-panel input::placeholder{color:#7c8598;font-size:20px}.draw-control-panel .draw-register{width:100%;background:linear-gradient(#f4d934,#d9af00);color:#101b2c;font-size:16px;padding:19px 10px;border:1px solid #ffe56a;box-shadow:0 5px 18px #e2b7001c}.draw-undo{width:100%;margin-top:12px;background:#172239;border:1px solid #3b4962;color:#f8de8a;font-size:12px}.draw-live-note{margin-top:26px;font-size:10px;letter-spacing:1px;color:#d6dcbd}.draw-live-note span{display:inline-block;width:7px;height:7px;background:#ffd600;border-radius:50%;margin-right:5px}.draw-control-panel p{font-size:11px;color:#9ba8bd;line-height:1.8}.draw-alerts-title{padding:0 25px 15px;color:#c2be9f;letter-spacing:3px;font-size:11px;font-weight:bold}.draw-stage #alerts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0;padding:0 25px 25px}.draw-stage #alerts .metric{padding:18px 8px;background:#111c2e;border:1px solid #47516a;border-radius:8px;text-align:center;color:#f8f1cd}.draw-stage #alerts .metric small{font-size:11px;color:#e0d29a;letter-spacing:1px}.draw-stage #alerts .metric strong{font-size:46px;color:#ffdf00;margin:8px 0}.draw-stage #alerts .metric span{font-size:12px;color:#aab7ce}.draw-stage #alerts .metric.gold{border:2px solid #dfbd20}.draw-stage #alerts .metric.flash-alert{animation:bingoFlash 1s step-end}.draw-stage #alerts .metric.flash-alert strong,.draw-stage #alerts .metric.flash-alert small,.draw-stage #alerts .metric.flash-alert span{color:inherit}.draw-winners{margin:0 25px 25px;padding:19px;background:#111a29;border:1px solid #746422;border-radius:8px}.draw-winners h3{font-size:15px;color:#ffdf32;letter-spacing:1px}.draw-winners #winners{color:#ded7bd;font-size:15px}.draw-winners button{background:#d8b800;color:#101b2c}.draw-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #66561b;background:#0a1120;color:#adb8c9;padding:15px 25px;font-size:10px;line-height:1.7}.draw-footer b{color:#f1db69;white-space:nowrap}.draw-details{margin-top:22px}.draw-details summary{cursor:pointer;padding:18px;background:white;border:1px solid #d5dfec;border-radius:10px;font-weight:bold;color:#174477}#drawProgress{height:5px;background:#283247;border-radius:5px;overflow:hidden;margin:25px 10px 14px}#drawProgress span{display:block;height:100%;width:0;background:#f2cf00}#drawProgressText{font-size:10px;letter-spacing:1px}.draw-stage:fullscreen{width:100%;height:100%;overflow:auto;border-radius:0}.draw-stage:fullscreen .draw-body{grid-template-columns:1fr 1.25fr 1fr;max-width:1700px;margin:auto}.draw-stage:fullscreen #last{font-size:220px}.draw-stage:fullscreen #alerts .metric strong{font-size:58px}@media(max-width:1150px){.draw-body{grid-template-columns:1fr 1.3fr}.draw-control-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:center}.draw-control-panel>label{display:none}.draw-control-panel .draw-start-stop{margin:0}.draw-control-panel #callForm{grid-column:1/-1}.draw-control-panel .draw-live-note{margin-top:0}.draw-control-panel>p{grid-column:1/-1}.draw-top h2{font-size:18px}.draw-stage #alerts{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.draw-top{padding:15px;gap:10px;flex-wrap:wrap}.draw-top h2{order:-1;flex-basis:100%;font-size:17px}.draw-top small{font-size:8px}.draw-top button{font-size:10px}.draw-body{padding:18px;gap:12px;grid-template-columns:minmax(100px,.7fr) minmax(160px,1fr)}.draw-stage #last{font-size:90px}.draw-last-panel #drawLetter{font-size:30px}.draw-last-panel{padding-right:12px}.draw-ball{font-size:16px;padding:6px 0}.draw-bingo-head{font-size:18px}.draw-stage #alerts{padding:0 15px 20px;gap:9px}.draw-stage #alerts .metric strong{font-size:36px}.draw-stage #alerts .metric small{font-size:9px}.draw-alerts-title{letter-spacing:1px;padding-left:15px}.draw-footer{flex-direction:column;gap:8px}.draw-last-panel>small{letter-spacing:1px}.draw-winners{margin:0 15px 20px}}

@media(prefers-reduced-motion:reduce){.draw-stage #alerts .metric.flash-alert{animation:none!important;background:#ffcc00;color:#062346;outline:4px solid #fff0a0}}
