.message-toast{align-items:center;animation:toastSlideIn .4s cubic-bezier(.21,1.02,.73,1);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 15px #00000026;color:#fff;display:flex;font-family:Segoe UI,system-ui,sans-serif;font-size:1.1rem;max-width:90%;min-width:300px;padding:10px 26px;position:fixed;right:20px;top:20px;transition:all .3s ease;z-index:1000}.message-toast-icon{flex-shrink:0;font-size:1.5em;margin-right:16px}.message-toast-content{flex:1 1;font-weight:500;line-height:1.4;padding-right:10px}.message-toast-close{background:none;border:none;border-radius:50%;color:#fffc;cursor:pointer;font-size:1.3em;margin-left:16px;opacity:.7;padding:4px;transition:all .2s ease}.message-toast-close:hover{background:#ffffff1a;color:#fff;opacity:1}.message-toast-success{background:linear-gradient(135deg,#2ecc71,#27ae60)}.message-toast-error{background:linear-gradient(135deg,#e74c3c,#c0392b)}.message-toast-warning{background:linear-gradient(135deg,#f39c12,#e67e22)}.message-toast-info{background:linear-gradient(135deg,#3498db,#2980b9)}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-30px) translateX(20px)}to{opacity:1;transform:translateY(0) translateX(0)}}.toast-exit{animation:toastSlideOut .3s ease forwards}@keyframes toastSlideOut{to{opacity:0;transform:translateY(-30px) translateX(20px)}}.current-pattern-info{align-items:center;background-color:#14147e33;box-shadow:0 8px 20px #0000004d;display:flex;flex-direction:column;overflow:hidden;position:relative;width:100%!important}.current-pattern-info:before{background:radial-gradient(circle,#00f3,#0000 70%);border-radius:50%;content:"";position:absolute;width:0;z-index:0}.current-pattern-info:after{background:radial-gradient(circle,#0000ff26,#0000 70%);border-radius:50%;content:"";height:100px;left:-30px;position:absolute;width:100px;z-index:0}.pattern-header{align-items:center;display:flex;justify-content:space-between;position:relative;width:100%;z-index:1}.pattern-header h3{color:#a0e8a0;font-size:1.4rem;font-weight:700;letter-spacing:.5px;margin:0;text-shadow:0 2px 4px #0000004d}.pattern-controls{background-color:#14147e66;border-radius:30px;box-shadow:0 4px 8px #0003;display:flex;gap:.5rem}.pattern-controls button{align-items:center;background:linear-gradient(135deg,#1994c9,#0d4c6a);border:none;border-radius:50%;box-shadow:0 2px 5px #0003;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}.pattern-controls button:hover{background:linear-gradient(135deg,#1aa3dc,#0e5a7e);box-shadow:0 4px 8px #0000004d;transform:translateY(-2px)}.pattern-controls button:active{box-shadow:0 1px 3px #0000004d;transform:translateY(1px)}.pattern-controls button:disabled{background:linear-gradient(135deg,#6a6a6a,#3a3a3a);cursor:not-allowed;opacity:.5;transform:none}.pattern-controls button:nth-child(2){background:linear-gradient(135deg,#09b109,#076107);font-size:1.4rem;height:50px;width:50px}.pattern-controls button:nth-child(2):hover{background:linear-gradient(135deg,#0ac10a,#087108)}.pattern-preview{display:flex;justify-content:center;transition:transform .3s ease;width:100%!important;z-index:1}.pattern-preview:hover{transform:scale(1.02)}@keyframes patternChange{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.pattern-preview>*{animation:patternChange .5s ease-out}@media(max-width:768px){.pattern-header h3{font-size:1.2rem}.pattern-controls button{font-size:1rem;height:36px;width:36px}.pattern-controls button:nth-child(2){font-size:1.2rem;height:44px;width:44px}}.pattern-label{background-color:#14147ecc;border-radius:20px;box-shadow:0 2px 5px #0000004d;color:#fff;font-size:.9rem;font-weight:700;left:1rem;max-width:70%;overflow:hidden;padding:.5rem 1rem;position:absolute;text-overflow:ellipsis;top:1rem;white-space:nowrap;z-index:2}.variant-indicators{display:flex;gap:.5rem;justify-content:center;margin-top:1rem}.variant-dot{background-color:#ffffff4d;border-radius:50%;height:10px;transition:all .3s ease;width:10px}.variant-dot.active{background-color:#1994c9;box-shadow:0 0 8px #1994c9cc;transform:scale(1.3)}.pattern-controls{display:none!important}.game-controls{background-color:#221c49;box-shadow:0 5px 15px #0000004d;overflow:hidden;position:relative}.game-controls:before{background:linear-gradient(90deg,#1994c9,#0d4c6a);content:"";height:4px;left:0;position:absolute;right:0;top:0}.dark-bg{background-color:#221c49;color:#fff}.container{max-width:1200px;padding:0 1rem}.min-size-400{min-height:200px;position:relative;width:100%}.padding-horizontal-md{padding-left:1rem;padding-right:1rem}.call-history-title{color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:1px;margin-bottom:1.5rem;text-align:center;text-transform:uppercase}.call-history-balls{flex-wrap:wrap;gap:1rem;margin-top:1rem}.call-ball{background:linear-gradient(135deg,#1994c9,#0d4c6a);border:2px solid #fff3;box-shadow:0 4px 8px #0006;font-size:1.5rem;height:60px;transition:transform .2s ease;width:60px}.call-ball:hover{transform:scale(1.05)}.call-ball:first-child{box-shadow:0 0 15px #1994c999;transform:scale(1.1)}.call-ball:first-child,.call-ball:nth-child(2){background:linear-gradient(135deg,#1994c9,#0d4c6a)}.call-ball:nth-child(2){opacity:.9;z-index:4}.call-ball:nth-child(3){opacity:.8;z-index:3}.call-ball:nth-child(3),.call-ball:nth-child(4){background:linear-gradient(135deg,#1994c9,#0d4c6a)}.call-ball:nth-child(4){opacity:.7;z-index:2}.call-ball:nth-child(5){background:linear-gradient(135deg,#1994c9,#0d4c6a);opacity:.6;z-index:1}.call-ball:before{color:#fffc;font-size:.8rem;top:-15px}.FullscreenToggle{background-color:#0000004d;border:none;height:40px;transition:all .2s ease;width:40px}.FullscreenToggle:hover{background-color:#00000080;transform:scale(1.1)}[data-visibility=show]{animation:fadeIn .5s ease}.margin-top-lg{margin-top:1.5rem}.white-text strong{font-size:1.1rem}.recent-numbers-header{margin-bottom:1rem;position:relative;text-align:center;width:100%}.recent-numbers-header:after,.recent-numbers-header:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:1px;position:absolute;top:50%;width:30%}.recent-numbers-header:before{left:0}.recent-numbers-header:after{right:0}.recent-numbers-title{color:#fff;display:inline-block;font-size:1.5rem;font-weight:700;letter-spacing:2px;padding:0 1rem;text-transform:uppercase}@media(max-width:768px){.call-ball{font-size:1.3rem;height:50px;width:50px}.recent-numbers-title{font-size:1.2rem}.min-size-400{min-height:180px}}@media(max-width:480px){.call-ball{font-size:1.1rem;height:40px;width:40px}.call-ball:before{font-size:.7rem;top:-12px}.call-history-balls{gap:.5rem}}.circle-ball{margin-right:100px;padding:100px}.settings-sidebar-container{font-family:Roboto,sans-serif;font-family:var(--body-font,"Roboto",sans-serif);position:relative}.toggle-btn{color:#000!important;font-size:2rem}.settings-toggle-btn{transparent:1px;align-items:center;background-color:var(--footer-background);border:none;border-radius:50%;box-shadow:0 4px 12px #00000080;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;position:fixed;right:20px;top:70px;transition:transform .3s,background-color .3s;width:48px;z-index:1000}.settings-toggle-btn:hover{background-color:#1396d3;background-color:var(--secondary-color,#1396d3);transform:scale(1.05)}.settings-toggle-btn svg{height:24px;width:24px}.settings-sidebar{background-color:#000;box-shadow:-5px 0 15px #00000080;color:#fff;display:flex;flex-direction:column;height:100svh;overflow:hidden;position:fixed;right:-100%;top:0;transition:right .3s ease-in-out;width:500px;z-index:1001}.settings-sidebar.open{right:0;z-index:1000}.settings-sidebar-header{align-items:center;background-color:#000;border-bottom:1px solid #ffffff26;display:flex;justify-content:space-between;padding:8px}.settings-sidebar-header h3{font-family:Roboto Condensed,sans-serif;font-family:var(--heading-font,"Roboto Condensed",sans-serif);font-size:1.25rem;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:background-color .3s;width:32px}.close-btn:hover{background-color:#fff3}.settings-sidebar-content{align-items:space-between;display:flex;flex:2 1;flex-direction:column;gap:10%;margin-top:2rem;overflow-y:auto;padding:20px}.settings-sidebar-footer{background-color:var(--footer-background);border-top:1px solid #ffffff26;padding:15px 20px}.footer-content{align-items:center;color:#ffffffb3;display:flex;font-family:Roboto Condensed,sans-serif;font-family:var(--condensed-font,"Roboto Condensed",sans-serif);font-size:.875rem;justify-content:center}.settings-section{border-bottom:1px solid #ffffff26;margin-bottom:20px;padding-bottom:20px}.settings-section:last-child{border-bottom:none;margin-bottom:0}.settings-section h4{color:#a2adb8;color:var(--primary-color,#a2adb8);font-family:Roboto Condensed,sans-serif;font-family:var(--heading-font,"Roboto Condensed",sans-serif);font-size:1.1rem;font-weight:600;margin:0 0 15px}.setting-item{margin-bottom:15px}.setting-item label{display:block;font-family:Roboto Condensed,sans-serif;font-family:var(--condensed-font,"Roboto Condensed",sans-serif);font-weight:500;margin-bottom:8px}.row{margin:0 -10px}.row.align-start{align-items:flex-start}.col{padding:0 10px}.col.shrink{flex-shrink:1}.col.grow{flex-grow:1}.min-size-150{min-width:150px}.padding-vertical-md{padding-bottom:10px;padding-top:10px}.padding-horizontal-lg{padding-left:15px;padding-right:15px}.setting-row{display:flex;flex-direction:column;margin-bottom:15px}.setting-label{margin-bottom:8px}.setting-label,h6{font-family:Roboto Condensed,sans-serif;font-family:var(--condensed-font,"Roboto Condensed",sans-serif);font-weight:500}h6{font-size:.9rem}.toggle{align-items:center;display:flex;-webkit-user-select:none;user-select:none}.toggle-span{background-color:#fff3;border-radius:12px;display:inline-block;height:24px;margin-right:10px;position:relative;transition:background-color .3s;width:44px}.toggle-span:before{background-color:#fff;border-radius:50%;content:"";height:18px;left:3px;position:absolute;top:3px;transition:transform .3s;width:18px}.toggle.checked .toggle-span{background-color:#1396d3;background-color:var(--secondary-color,#1396d3)}.toggle.checked .toggle-span:before{transform:translateX(20px)}.toggle input{display:none}.settings-select,.voice-select{appearance:none;background-color:#ffffff1a;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;border:1px solid #ffffff26;border-radius:8px;color:#fff;cursor:pointer;font-family:Roboto,sans-serif;font-family:var(--body-font,"Roboto",sans-serif);min-width:100px;padding:12px;width:100%}.settings-select:focus,.voice-select:focus{border-color:#1396d3;border-color:var(--secondary-color,#1396d3);box-shadow:0 0 0 2px #1396d31a;outline:none}.chime-select,.settings-react-select{margin-bottom:15px}.rs__control{background-color:#ffffff1a!important;border-color:#ffffff26!important;border-radius:8px!important;box-shadow:none!important;min-height:42px!important}.rs__control--is-focused,.rs__control:hover{border-color:#1396d3!important;border-color:var(--secondary-color,#1396d3)!important}.rs__control--is-focused{box-shadow:0 0 0 1px #1396d3!important;box-shadow:0 0 0 1px var(--secondary-color,#1396d3)!important}.rs__value-container{padding:2px 12px!important}.rs__indicator-separator{background-color:#ffffff26!important}.rs__indicator{color:#ffffffb3!important}.rs__menu{background-color:var(--secondary-background)!important;border:1px solid #ffffff26!important;box-shadow:0 4px 20px #0000004d!important;z-index:1002!important}.rs__option{background-color:#0000!important;color:#fff!important;cursor:pointer!important}.rs__option--is-focused{background-color:#ffffff1a!important}.rs__option--is-selected{background-color:#1396d3!important;background-color:var(--secondary-color,#1396d3)!important}.rs__single-value{color:#fff!important}.rs__placeholder{color:#ffffffb3!important}.sidebar-btn{background:linear-gradient(90deg,#641da6,#4f46e5);border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-family:Roboto Condensed,sans-serif;font-family:var(--condensed-font,"Roboto Condensed",sans-serif);font-weight:500;margin-bottom:10px;padding:12px 16px;text-align:center;text-decoration:none;transition:background-color .3s;width:100%}.select-cartela{background:linear-gradient(90deg,#1da63f,#15ad8e)}.show-all{background:linear-gradient(90deg,#1da69f,#146bb3)}.sidebar-btn:hover{background-color:#1396d3cc}.reset-btn{background:linear-gradient(90deg,#bb106e,#b32f14)!important}.slider-container{align-items:center;display:flex;gap:10px;margin-top:10px}.slider-label{color:#ffffffb3;font-family:Roboto Condensed,sans-serif;font-family:var(--condensed-font,"Roboto Condensed",sans-serif);font-size:.875rem;min-width:40px}.slider-value{color:#fff;font-family:Digital,Roboto Condensed,Helvetica,cursive;font-family:var(--digital-font,"Digital","Roboto Condensed","Helvetica",cursive);font-size:.875rem;min-width:60px;text-align:right}.native-slider{appearance:none;background:#fff3;border-radius:3px;flex:1 1;height:6px;outline:none}.native-slider::-webkit-slider-thumb{appearance:none;background:#1396d3;background:var(--secondary-color,#1396d3);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 5px #0000004d;cursor:pointer;height:18px;width:18px}.native-slider::-moz-range-thumb{background:#1396d3;background:var(--secondary-color,#1396d3);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 5px #0000004d;cursor:pointer;height:18px;width:18px}.voice-controls{margin-bottom:15px}.checkbox-item{align-items:flex-start;display:flex;margin-bottom:12px}.settings-checkbox{appearance:none;background-color:#ffffff1a;border:1px solid #ffffff26;border-radius:4px;cursor:pointer;height:18px;margin-right:10px;margin-top:2px;position:relative;width:18px}.settings-checkbox:checked{background-color:#1396d3;background-color:var(--secondary-color,#1396d3);border-color:#1396d3;border-color:var(--secondary-color,#1396d3)}.settings-checkbox:checked:before{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:5px}.checkbox-item label{cursor:pointer;font-size:.9rem;line-height:1.4}.current-pattern-info{background-color:#2027500d}.pattern-label{color:#a2adb8;color:var(--primary-color,#a2adb8);font-family:Roboto Condensed,sans-serif;font-family:var(--condensed-font,"Roboto Condensed",sans-serif);font-weight:500;margin-bottom:10px;text-align:center}.settings-sidebar-content::-webkit-scrollbar{width:8px}.settings-sidebar-content::-webkit-scrollbar-track{background:#ffffff0d}.settings-sidebar-content::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:4px}.settings-sidebar-content::-webkit-scrollbar-thumb:hover{background-color:#ffffff4d}@media(max-width:768px){.settings-sidebar{width:300px}.settings-toggle-btn{height:40px;right:10px;top:10px;width:40px}.settings-sidebar-content,.settings-sidebar-header{padding:15px}.settings-section{margin-bottom:15px;padding-bottom:15px}}@media(max-width:480px){.settings-sidebar{right:-100%;top:0;width:100%}}.settings-sidebar{background-color:#fff;color:#000}.settings-sidebar,.settings-sidebar *{color:#000}.settings-sidebar button,.settings-sidebar input,.settings-sidebar select{background-color:#fff;border-color:#000;color:#000}.settings-react-select,.settings-react-select *{background-color:#fff;color:#000}.settings-react-select .rs__control{background-color:#fff!important;border-color:#000!important;color:#000!important}.settings-react-select .rs__placeholder{color:gray!important}.settings-react-select .rs__single-value{color:#000!important}.settings-react-select .rs__menu,.settings-react-select .rs__option{background-color:#fff!important;color:#000!important}.settings-react-select .rs__option{cursor:pointer}.settings-react-select .rs__option--is-focused{background-color:#ddd!important;color:#000!important}.settings-react-select .rs__option--is-selected{background-color:#bbb!important;color:#000!important}:root{--background:#fff;--foreground:#0f172a;--card:#fff;--card-foreground:#0f172a;--popover:#fff;--popover-foreground:#0f172a;--primary:#0f172a;--primary-foreground:#f8fafc;--secondary:#f1f5f9;--secondary-foreground:#0f172a;--muted:#f1f5f9;--muted-foreground:#64748b;--accent:#f1f5f9;--accent-foreground:#0f172a;--destructive:#ef4444;--destructive-foreground:#f8fafc;--border:#e2e8f0;--input:#e2e8f0;--ring:#0f172a;--radius:0.5rem}.button{align-items:center;border:none;border-radius:.5rem;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;justify-content:center;outline:none;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.button:focus-visible{outline:2px solid #0f172a;outline:2px solid var(--ring);outline-offset:2px}.button:disabled{opacity:.5;pointer-events:none}.button-default,.button-default:hover{background-color:#033f63;color:#fff}.button-destructive{background-color:#ef4444;background-color:var(--destructive);color:#f8fafc;color:var(--destructive-foreground)}.button-destructive:hover{background-color:#ef4444e6}.button-outline{background-color:#0000;border:1px solid #e2e8f0;border:1px solid var(--border);color:#fff}.button-outline:hover{background-color:#f1f5f9;background-color:var(--accent);color:#0f172a;color:var(--accent-foreground)}.button-secondary{background-color:#f1f5f9;background-color:var(--secondary);color:#0f172a;color:var(--secondary-foreground)}.button-secondary:hover{background-color:#f1f5f9cc}.button-ghost{background-color:#0000;color:#0f172a;color:var(--foreground)}.button-ghost:hover{background-color:#f1f5f9;background-color:var(--accent);color:#0f172a;color:var(--accent-foreground)}.button-link{background-color:#0000;color:#0f172a;color:var(--primary);text-decoration:underline;text-underline-offset:4px}.button-default{height:2.5rem;padding:.5rem 1rem}.button-sm{border-radius:calc(.5rem - 2px);border-radius:calc(var(--radius) - 2px);height:2.25rem;padding:.25rem .75rem}.button-lg{border-radius:.5rem;border-radius:var(--radius);height:2.75rem;padding:.5rem 2rem}.button-icon{color:#000!important;height:2.5rem;padding:0;width:2.5rem}.input{background-color:#d4d2d2;border:1px solid #e2e8f0;border:1px solid var(--input);border-radius:.5rem;border-radius:var(--radius);display:flex;font-size:.875rem;height:2.5rem;padding:.5rem .75rem;transition:border-color .2s,box-shadow .2s;width:100%}.input:focus{box-shadow:0 0 0 2px #fff,0 0 0 4px #0f172a;box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--ring);outline:none}.input:disabled{cursor:not-allowed;opacity:.5}.input::placeholder{color:#64748b;color:var(--muted-foreground)}.card{background-color:var(--card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;border-radius:var(--radius);box-shadow:0 1px 3px #0000001a;color:#0f172a;color:var(--card-foreground)}.card-header{flex-direction:column;padding:1.5rem}.card-title{font-size:1.5rem;font-weight:600;line-height:1;margin:0}.card-description{color:#64748b;color:var(--muted-foreground);font-size:.875rem;margin-top:.375rem}.card-content,.card-footer{padding:0 1.5rem 1.5rem}.card-footer{align-items:center;display:flex}.table,.table-container{width:100%}.table{border-collapse:collapse;caption-side:bottom;font-size:.875rem}.table-header{background:linear-gradient(135deg,#667eea,#764ba2)}.table-header,.table-row{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border)}.table-row{transition:background-color .2s}.table-row:hover{background-color:#f1f5f980}.table-head{color:#fff;font-weight:500;height:3rem;padding:0 1rem;text-align:left}.topup-button{color:#000!important}.table-cell{color:#000;padding:1rem;vertical-align:middle}.table-caption{color:#64748b;color:var(--muted-foreground);font-size:.875rem;margin-top:1rem}.table-footer{background-color:#0f172a;background-color:var(--primary);color:#f8fafc;color:var(--primary-foreground);font-weight:500}.dialog-overlay{align-items:center;display:flex;justify-content:center}.dialog-content{animation:dialog-content-show .2s ease-out;background-color:var(--background);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:var(--radius);max-width:32rem;position:relative}@keyframes dialog-content-show{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.dialog-header{display:flex;flex-direction:column;margin-bottom:1.5rem}.dialog-footer{display:flex;flex-direction:column-reverse;margin-top:1.5rem}@media(min-width:640px){.dialog-footer{flex-direction:row;gap:.5rem;justify-content:flex-end}}.dialog-title{color:#fff;margin:0}.dialog-description{font-size:.875rem;margin-top:.375rem}.dialog-close{align-items:center;background:#0000;border:none;border-radius:9999px;color:#000!important;cursor:pointer;display:flex;justify-content:center;position:absolute;right:1rem;top:1rem;transition:background-color .2s}.dialog-close:hover{background-color:#f1f5f9;background-color:var(--accent);color:#0f172a;color:var(--accent-foreground)}.sr-only{clip:rect(0,0,0,0);border-width:0;color:#000!important;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.form-label{display:block;line-height:1;margin-bottom:.5rem}.select-container{position:relative;width:100%}.select-trigger{align-items:center;background-color:#fff;background-color:var(--background);border:1px solid #e2e8f0;border:1px solid var(--input);border-radius:.5rem;border-radius:var(--radius);color:#000!important;cursor:pointer;display:flex;font-size:.875rem;height:2.5rem;justify-content:space-between;outline:none;padding:0 .75rem;text-align:left;transition:border-color .2s,box-shadow .2s;width:100%}.select-trigger:focus{box-shadow:0 0 0 2px #000,0 0 0 4px #0f172a;box-shadow:0 0 0 2px #000,0 0 0 4px var(--ring);outline:none}.select-trigger.disabled{cursor:not-allowed;opacity:.5}.select-value{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-icon{height:1rem;margin-left:.5rem;opacity:.5;width:1rem}.select-content{animation:select-content-show .1s ease-out;background-color:#fff;background-color:var(--popover);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;border-radius:var(--radius);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;left:0;max-height:15rem;overflow-y:auto;position:absolute;top:calc(100% + .5rem);width:100%;z-index:50}@keyframes select-content-show{0%{opacity:0;transform:translateY(-.25rem)}to{opacity:1;transform:translateY(0)}}.select-item{align-items:center;cursor:pointer;display:flex;font-size:.875rem;outline:none;padding:.375rem .5rem .375rem 2rem;position:relative;transition:background-color .2s}.select-item.selected,.select-item:hover{background-color:#f1f5f9;background-color:var(--accent);color:#0f172a;color:var(--accent-foreground)}.select-item.selected{font-weight:500}.select-item-indicator{align-items:center;display:flex;height:.875rem;justify-content:center;left:.5rem;position:absolute;width:.875rem}.select-item-text{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.offline-alert-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.offline-alert{background:#fff;border-radius:8px;max-width:400px;padding:20px;text-align:center}.offline-alert h3{color:#f44336;margin-bottom:10px}.offline-alert button{background:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:15px;padding:8px 20px}.check-button:disabled{cursor:not-allowed;opacity:.6}.popup-transparent{background-color:#00000080;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:999}.popup-container{background-color:#f9fafb;border-radius:12px;box-shadow:0 4px 20px #00000026;font-family:Arial,sans-serif;left:50%;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:550px;z-index:1000}.popup-navbar{align-items:center;border-radius:10px;box-shadow:0 4px 12px #0000001a;display:flex;gap:1rem;justify-content:center;padding:1rem}.nav-btn{background-color:#2c365e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1.2rem;text-decoration:none;transition:background-color .3s,transform .2s}.nav-btn:hover{background-color:#2c364e;color:#fff;transform:scale(1.05)}.popup-content{text-align:center}.round-info{color:#2d3748;font-size:18px;font-weight:700;margin-bottom:8px}.bingo-title{color:#fff;font-size:36px;font-weight:700;margin-bottom:20px;text-shadow:1px 1px 2px #0000001a}.bingo-popup-card{background:#fff;background-color:#205592;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#29275c;margin:0 auto;max-width:460px;overflow:hidden;padding:0 2rem;width:100%}.bingo-popup-header{background-color:#205592;color:#fff;display:grid;grid-template-columns:repeat(5,1fr)}.bingo-popup-header-cell{font-size:40px;font-weight:700;font-weight:900;padding:10px 0;text-align:center}.bingo-popup-row{display:grid;grid-template-columns:repeat(5,1fr)}.bingo-popup-cell{align-items:center;aspect-ratio:1;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;display:flex;font-size:25px;font-weight:600;justify-content:center;margin:5px}.bingo-popup-free{background-color:#fef3c7;color:#92400e;font-weight:700}.card-info{color:#deb812;font-size:25px;font-weight:600;margin:10px 0}.game-derash{color:#fff;font-size:40px;font-weight:600}.start-button{background-color:#1b6e97;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:background-color .2s;width:40%}.start-button:hover{background-color:#1a88bf;color:#fff}.nav-item{cursor:pointer;display:inline-block;font-family:Roboto,sans-serif;font-size:16px;font-weight:500;padding:12px 1px;position:relative;text-decoration:none;transition:all .3s ease}.nav-item,.nav-item:hover{color:#fff}.nav-item.active{font-weight:600}.nav-item.active:after{background-color:#2c83eb;border-radius:3px;bottom:0;content:"";height:3px;left:20%;position:absolute;width:60%}.nav-item:last-child{color:#fff;font-weight:600}.nav-item:last-child:hover{transform:none}.nav-item[onClick]{color:#e74c3c}.nav-item[onClick]:hover{background-color:#ffebee}.header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;height:60px;justify-content:space-between;padding:.75rem 1.5rem;position:relative;z-index:1000}.left-section{flex:1 1;gap:2rem}.header-icons,.left-section{align-items:start;display:flex}.header-icons{gap:5rem}.menu-icon{cursor:pointer;font-size:1.5rem;z-index:1000}.header-menu{color:#000}.header-contaner{display:flex;justify-content:space-between}.scrolling-text{flex:1 1;overflow:hidden;position:relative;white-space:nowrap}.scrolling-text span{animation:scroll-left 20s linear infinite;display:inline-block;padding-left:100%}@keyframes scroll-left{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.right-section{align-items:center;display:flex;gap:1rem;position:relative}.icon{cursor:pointer;font-size:1.2rem}.profile-popup{background-color:#334155;border-radius:8px;box-shadow:0 4px 12px #0003;padding:.75rem;position:absolute;right:0;top:55px;width:180px;z-index:100}.profile-popup p{font-size:.9rem;margin:0 0 .5rem}.profile-popup button{background-color:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:.4rem .6rem}.header-right{color:#000;display:flex;gap:4rem;justify-content:end;padding:1rem}.avatar-cont{border-radius:50%;height:35px;width:35px}.voice-container{align-intems:center;display:flex;justify-content:center}.user-role{color:#fff}.full-screen{color:#000}.header-container{display:flex;justify-content:space-between;padding:.1rem}.sidebar-jackpot{background-color:var(--card-background);border-right:1px solid var(--border-color);height:100vh;left:0;position:fixed;top:0;transition:transform .3s ease;width:15%;z-index:10}@media(max-width:1200px){.sidebar-jackpot{width:50%}}.sidebar-item{cursor:pointer;padding:.5rem 0}.nav-button{background:none;border:none;padding:0;width:99%}.nav-link{background-color:#edeff1;border:1px solid #fff;border-radius:.5rem;color:#000;display:inline-block;font-weight:600;padding:1.2rem;text-decoration:none;transition:background-color .3s,transform .2s;width:100%}.nav-link:hover{background-color:#fff;color:#000;transform:scale(1.05)}.hide-icon{align-items:center;background-color:#090e2c;border:none;box-shadow:0 2px 8px #00000026;color:#fff!important;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transform:scale(1.1);transition:background-color .3s,transform .2s}.hide-icon:hover{background-color:#333;transform:scale(1.1)}.hide-icon svg{stroke:#fff;height:24px;width:24px}.user-info-wrapper{align-items:center;background-color:#edeff1;border-radius:.5rem;box-shadow:0 2px 6px #0000004d;color:#fff;display:flex;gap:1rem;margin:3em auto 4em;padding:1rem 1.25rem;width:85%}.avatar-img{height:35px;width:35px}.user-details{color:#363f4a;display:flex;flex-direction:column;font-size:.95rem;gap:.25rem}.user-card{align-items:center;background-color:#e8ebee;border-radius:.75rem;box-shadow:0 2px 8px #00000040;color:color;display:flex;gap:1rem;margin-bottom:1em;padding:.4rem 1.5rem;width:99%}.user-avatar{color:#000;flex-shrink:0}.avatar-img{border:2px solid #fff;border-radius:50%;height:45px;object-fit:cover;width:45px}.user-info{color:#000;flex:1 1;flex-direction:column;gap:.4rem}.game-button{background-color:#000;border:none;border-radius:.4rem;color:#000;cursor:pointer;font-weight:700;margin-top:.5rem;padding:.5rem 1rem;transition:background-color .3s}.game-button:hover{background-color:#ccc}.logout-button{background-color:#2065d1;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 1.2rem;transition:background-color .3s ease,transform .2s ease}.logout-button:hover{background-color:#2065d0;color:#fff;transform:scale(1.05)}.logout-wrapper{bottom:1rem;left:0;padding:1rem;position:absolute;text-align:center;width:100%}.admin-badge{background-color:#007bff;color:#fff}.admin-badge,.username-badge{border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px}.username-badge{background-color:#e9ecef}.games-badge{border-radius:4px;color:#fff;font-size:12px;font-weight:500;padding:4px 8px}.games-active{background-color:#28a745}.games-inactive{background-color:#dc3545}.performance-indicator{display:flex;flex-direction:column;gap:4px}.activity-high{color:#28a745}.activity-low{color:#ffc107}.activity-none{color:#dc3545}@media(max-width:768px){.sales-summary{flex-direction:column;gap:10px}.summary-item{text-align:center}.performance-indicator{align-items:center}}@media(max-width:480px){.tt-table{font-size:12px}.tt-td,.tt-th{padding:8px 4px}.admin-badge,.games-badge,.username-badge{font-size:10px;padding:2px 4px}}.main{background-color:#f9fafb!important;background-color:var(--footer-background)!important;height:100dvh!important;margin:0;min-height:-webkit-fill-available;overflow-x:scroll;padding:0;width:100%}a{color:#a2adb8;color:var(--primary-color);text-decoration:none;transition:all .25s ease}a:hover{color:#222}.light-links .button{border:2px solid #1396d3;padding:.25em 1em}.light-links a{color:#1396d3}.light-links a:hover{color:#fff}button{background-color:#0000;border:2px solid #fff;border-radius:0;color:#000;font-size:1rem;margin:.25rem;padding:.55rem 1rem;transition:all .25s ease;white-space:nowrap}button:hover{background-color:#f8f8f8;color:#a2adb8;color:var(--primary-color);cursor:pointer}button[disabled]{cursor:not-allowed;opacity:.25}button[disabled]:hover{background-color:#0000;color:#fff}button.textOnly{background:#0000;border:none;color:#fff;font-size:inherit;padding:0}button.textOnly.primary{color:#a2adb8;color:var(--primary-color)}button.textOnly.primary:hover,button.textOnly.secondary{color:#1396d3;color:var(--secondary-color)}button.altBtn,button.textOnly.secondary:hover,button.textOnly:hover{color:#a2adb8;color:var(--primary-color)}button.altBtn{border-color:#a2adb8;border-color:var(--primary-color)}button.altBtn:hover{background-color:#a2adb8;background-color:var(--primary-color);color:#fff}button.altBtn[disabled]:hover{color:#a2adb8;color:var(--primary-color)}button.altBtn[disabled]:hover,button.primaryBtn{border-color:#a2adb8;border-color:var(--primary-color)}button.primaryBtn{background-color:#a2adb8;background-color:var(--primary-color);color:#fff}button.primaryBtn:hover{background-color:#efefef;color:#a2adb8;color:var(--primary-color)}button.primaryBtn[disabled]:hover{background-color:#a2adb8;background-color:var(--primary-color);border-color:#a2adb8;border-color:var(--primary-color);color:#fff}button.play-button{background-color:green;border:none;border-radius:5px}button.play-button:hover{background-color:#006400;border-color:#006400;color:#fff}button.pause-button{background-color:red;border-color:red}button.pause-button:hover{background-color:darkred;border-color:darkred;color:#fff}.I{color:#09b109}.O{color:#d307d3}.primarybtn{background-color:#8a0f0f!important}.cancelbtn,.primarybtn{border:none;border-radius:4px;color:hsla(0,0%,100%,.854)!important;font-weight:400}.cancelbtn{background-color:#0b903e!important}:root{--primary-color:#a2adb8;--secondary-color:#1396d3;--primary-background:#dae1e6;--secondary-background:#555;--footer-background:#f9fafb;--primary-boarder:#072174;--called-number:#091f3f;--called-number-light:#3a5b9a;--current-ball:#a53434;--condensed-font:"Roboto Condensed",sans-serif;--heading-font:"Roboto Condensed",sans-serif;--body-font:"Roboto",sans-serif;--digital-font:"Digital","Roboto Condensed","Helvetica",cursive;--release-color:#5cb3ee;--bugfix-color:#ff8b9f}*,body,html{box-sizing:border-box}body,html{margin:0;padding:0}footer,header{padding:1rem}footer{border-top:5px solid #a2adb8;border-top:5px solid var(--primary-color)}ul li{white-space:normal}.menu{font-family:Roboto Condensed,sans-serif;font-family:var(--heading-font);list-style:none;margin:0;padding:0}@media screen and (max-width:700px){.menu{white-space:pre-wrap}}.menu li{display:inline-block;padding:.25em .5em}.menu li a{border:3px solid #0000;font-size:1.5rem;font-weight:700;padding:.5em}.menu li a:hover{border:3px solid #a2adb8;border:3px solid var(--primary-color)}.logo{border-radius:50%!important;height:150px;width:150px}.qr-code{margin:.5rem;max-height:150px}.social-icon{margin:.25em;width:2.5rem}.tell-your-friends{text-align:center}.tell-your-friends>div{display:inline-block;vertical-align:middle}.goog-te-gadget-simple{border:0!important;font-family:Roboto,sans-serif;font-family:var(--body-font)}.goog-te-gadget-simple .goog-te-menu-value span:first-child{font-family:Roboto,sans-serif;font-family:var(--body-font);font-size:.85rem;line-height:2.5}.goog-te-gadget-simple .goog-te-menu-value span:last-child{color:#3c3c3c!important;font-size:0}.goog-te-gadget-simple .goog-te-menu-value span:last-child:before{content:"〈";display:inline-block;font-size:1.5rem;padding-right:1rem;transform:rotate(-90deg)}.date{color:#a2adb8;color:var(--primary-color)}span.version{color:#aaa;font-size:14px;margin:0 10px}span.tag,span.version{font-family:Roboto,sans-serif;font-family:var(--body-font);font-weight:400;vertical-align:middle}span.tag{background-color:#ccc;border-radius:12px;font-size:12px;padding:.5em 1em}span.tag.release{background-color:#5cb3ee;background-color:var(--release-color)}span.tag.bugfix{background-color:#ff8b9f;background-color:var(--bugfix-color)}.flex{display:flex}@media screen and (min-width:816px){.flex{display:block}}.container{max-width:100%;padding:0}.row{align-content:stretch;align-items:stretch;flex-flow:row wrap;justify-content:space-between}.row.vertical{flex-flow:column}.row.vertical-row{display:inline-flex;flex:1 1 20%;flex-flow:column nowrap}.row.justify-center{justify-content:space-between}.row.justify-start{justify-content:flex-start}.row.justify-start>.col{flex:0 1;white-space:nowrap}.row.justify-end{justify-content:flex-end}.row.justify-space-between{justify-content:space-between}.row.align-stretch{align-items:stretch}.row.align-start{align-items:start}.row.align-end{align-items:flex-end}.row.align-center{align-items:center}.row.no-padding,.row.no-padding .col{padding:0}.row.no-wrap{flex-wrap:nowrap}.row.set-size>.col{flex-basis:0}.row.gutters-sm>.col{margin:.25rem}.row.gutters-md>.col{margin:.5rem}.row.gutters-lg>.col{margin:1rem}.row.three-cols>.col{width:33%}.row>.col{flex:1 1 auto}@media screen and (min-width:700px){.row>.col:first-of-type{padding-left:0}.row>.col:last-of-type{padding-right:0}}.row>.col.min-size-100{min-width:100px}.row>.col.min-size-150{min-width:150px}.row>.col.min-size-200{min-width:200px}.row>.col.min-size-225{min-width:225px}.row>.col.min-size-250{min-width:250px}.row>.col.min-size-300{min-width:300px}.row>.col.min-size-350{min-width:350px}.row>.col.min-size-400{min-width:600px}.row>.col.max-size-250{max-width:250px}.row>.col.max-size-400{max-width:400px}.row>.col:first-child{margin-left:0}.row>.col:last-child{margin-right:0}.row>.col.shrink{flex:0 1}.row>.col.grow{flex:1 1}.row>.col.stretch{align-self:stretch}@media screen and (max-width:700px){.row>.col{display:block;flex:auto;margin:0 auto;width:100%}.row>.col.min-size-250{display:block;flex:auto;max-width:100%;width:250px}}.text-right{text-align:right}.uppercase{text-transform:uppercase}.medium-text{font-size:1rem;line-height:1.5}.small-text,.small-text *{font-size:.9rem;line-height:1.5}.x-small-text{font-size:.8rem;line-height:1.25}.no-text-wrap{white-space:nowrap}.wrap-text{white-space:normal!important}.back-to-top{animation:bounce 1s infinite;border-radius:100%;bottom:2rem;font-size:2rem;position:fixed;right:2rem;transform:rotate(90deg)}.back-to-top a{background:#eee;display:block;padding:.25em .5em}[data-visibility=show]{visibility:visible}[data-visibility=hide]{display:none!important;visibility:hidden}[data-disabled=true]{cursor:not-allowed;opacity:.3;pointer-events:none}.modal{background:#555;background:var(--secondary-background);box-shadow:0 0 5px 1px #0006;color:#fff;display:block;left:calc(50% - 25vw);margin:0 auto;padding:2rem;position:absolute;text-align:center;top:10%;white-space:pre-wrap;width:50vw;z-index:999}@media screen and (max-width:700px){.modal{left:0;margin:-50vh 5%;right:0;top:auto;width:90%}}.modal-backdrop{background:#000000a6;overflow:hidden;position:absolute;width:100%;z-index:998}.modal-backdrop:hover{cursor:pointer!important;pointer-events:none!important}div[class$=-placeholder]{color:#444}div[class$=-control]{border-color:#444}div[class$=-indicatorContainer] svg{fill:#444}.rc-slider{max-width:300px;min-width:200px;position:relative;touch-action:none}.rc-slider .rc-slider-rail,.rc-slider .rc-slider-track{border-radius:5px;height:10px}.rc-slider .rc-slider-track{background:#0c0c0c;border:1px solid #000;position:absolute;top:0}.rc-slider .rc-slider-rail{background:#fff}.rc-slider .rc-slider-handle{background:#00477a;border-radius:0;box-shadow:1px 0 2px #00000080;cursor:grab;height:24px;margin-top:-16px;position:absolute;touch-action:pan-x;width:15px}.number-select{max-width:250px;min-width:175px}.number-select.single{max-width:150px;min-width:125px}.toggle{cursor:pointer;padding:0;position:relative;white-space:nowrap}.toggle,.toggle input{border:none;outline:none}.toggle input{-webkit-appearance:none;position:absolute;right:0;top:0;width:100%}.toggle .toggle-span{background:#fff;border:2px solid #011f37;color:#011f37;display:inline-block;height:1.5rem;margin-right:.5em;vertical-align:middle;width:1.5rem}.toggle.checked .toggle-span:before{content:"✓";display:block;font-size:1.25rem;line-height:1;position:relative;text-align:center;width:100%}.inline-block{display:inline-block}.block{display:block}.vertical-align-middle{vertical-align:middle}.hide{display:none}.show{display:block}.padding-sm{padding:.25rem}.padding-md{padding:.5rem}.padding-lg{padding:.75rem}.padding-xlg{padding:1rem}.padding-xxlg{padding:2rem}.padding-top-sm{padding-top:.25rem}.padding-top-md{padding-top:.5rem}.padding-top-lg{padding-top:.75rem}.padding-top-xlg{padding-top:1rem}.padding-top-xxlg{padding-top:2rem}.padding-bottom-sm{padding-bottom:.25rem}.padding-bottom-md{padding-bottom:.5rem}.padding-bottom-lg{padding-bottom:.75rem}.padding-bottom-xlg{padding-bottom:1rem}.padding-bottom-xxlg{padding-bottom:2rem}.padding-left-sm{padding-left:.25rem}.padding-left-md{padding-left:.5rem}.padding-left-lg{padding-left:.75rem}.padding-left-xlg{padding-left:1rem}.padding-left-xxlg{padding-left:2rem}.padding-right-sm{padding-right:.25rem}.padding-right-md{padding-right:.5rem}.padding-right-lg{padding-right:.75rem}.padding-right-xlg{padding-right:1rem}.padding-right-xxlg{padding-right:2rem}.padding-horizontal-sm{padding-left:.25rem;padding-right:.25rem}.padding-horizontal-md{padding-left:.5rem;padding-right:.5rem}.padding-horizontal-lg{padding-left:.75rem;padding-right:.75rem}.padding-horizontal-xlg{padding-left:1rem;padding-right:1rem}.padding-horizontal-xxlg{padding-left:2rem;padding-right:2rem}.padding-vertical-sm{padding-bottom:.25rem;padding-top:.25rem}.padding-vertical-md{padding-bottom:.5rem;padding-top:.5rem}.padding-vertical-lg{padding-bottom:.75rem;padding-top:.75rem}.padding-vertical-xlg{padding-bottom:1rem;padding-top:1rem}.padding-vertical-xxlg{padding-bottom:2rem;padding-top:2rem}.no-margin{margin:0}.margin-sm{margin:.25rem}.margin-md{margin:.5rem}.margin-lg{margin:.75rem}.margin-xlg{margin:1rem}.margin-xxlg{margin:2rem}.margin-top-none{margin-top:0}.margin-top-sm{margin-top:.25rem}.margin-top-md{margin-top:.5rem}.margin-top-lg{margin-top:.75rem}.margin-top-xlg{margin-top:1rem}.margin-top-xxlg{margin-top:2rem}.margin-bottom-none{margin-bottom:0}.margin-bottom-sm{margin-bottom:.25rem}.margin-bottom-md{margin-bottom:.5rem}.margin-bottom-lg{margin-bottom:.75rem}.margin-bottom-xlg{margin-bottom:1rem}.margin-bottom-xxlg{margin-bottom:2rem}.margin-left-none{margin-left:0}.margin-left-sm{margin-left:.25rem}.margin-left-md{margin-left:.5rem}.margin-left-lg{margin-left:.75rem}.margin-left-xlg{margin-left:1rem}.margin-left-xxlg{margin-left:2rem}.margin-right-none{margin-right:0}.margin-right-sm{margin-right:.25rem}.margin-right-md{margin-right:.5rem}.margin-right-lg{margin-right:.75rem}.margin-right-xlg{margin-right:1rem}.margin-right-xxlg{margin-right:2rem}.margin-horizontal-none{margin-left:0;margin-right:0}.margin-horizontal-sm{margin-left:.25rem;margin-right:.25rem}.margin-horizontal-md{margin-left:.5rem;margin-right:.5rem}.margin-horizontal-lg{margin-left:.75rem;margin-right:.75rem}.margin-horizontal-xlg{margin-left:1rem;margin-right:1rem}.margin-horizontal-xxlg{margin-left:2rem;margin-right:2rem}.margin-vertical-none{margin-bottom:0;margin-top:0}.margin-vertical-sm{margin-bottom:.25rem;margin-top:.25rem}.margin-vertical-md{margin-bottom:.5rem;margin-top:.5rem}.margin-vertical-lg{margin-bottom:.75rem;margin-top:.75rem}.margin-vertical-xlg{margin-bottom:1rem;margin-top:1rem}.margin-vertical-xxlg{margin-bottom:2rem;margin-top:2rem}@media screen and (max-width:700px){.mobile-no-margin{margin:0}.mobile-no-horizontal-padding{padding-left:0;padding-right:0}.mobile-no-vertical-padding{padding-bottom:0;padding-top:0}}.B{color:#cece31}.I{color:#058405}.N{color:#1994c9}.G{color:#c70d0d}.O{color:#8d088d}.modal.reset{animation:modalFadeIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;left:50%;max-width:500px;padding:2rem;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1000}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.modal.reset h4{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}.modal.reset p{color:#555;font-size:1rem;line-height:1.5;margin:.8rem 0}.modal.reset .red-text{color:#e74c3c;font-weight:500;margin:1.2rem 0}.modal.reset p:last-child{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.modal.reset a.primarybtn,.modal.reset button{border-radius:8px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;padding:.8rem 1.5rem;text-decoration:none;transition:all .2s ease}.modal.reset .cancelbtn{background:#f5f5f5;border:1px solid #ddd;color:#333}.modal.reset .cancelbtn:hover{background:#e0e0e0}.modal.reset a.primarybtn{background:#3498db;border:none;color:#fff}.modal.reset a.primarybtn:hover{background:#2980b9;box-shadow:0 2px 10px #3498db4d;transform:translateY(-1px)}@keyframes modalFadeIn{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}@media(max-width:600px){.modal.reset{padding:1.5rem;width:95%}.modal.reset p:last-child{flex-direction:column;gap:.8rem}.modal.reset a.primarybtn,.modal.reset button{width:100%}}@font-face{font-display:swap;font-family:Digital;font-style:normal;font-weight:400;src:url(/static/media/digital-7.4eed57244bb0a0bd583d.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:100;src:url(/static/media/Roboto-Light.19a99746405e8730f34c.woff)}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(/static/media/Roboto-Regular.774f99460b8c31560a3c.woff)}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:500;src:url(/static/media/Roboto-Medium.61c265591865cecb1c3d.woff)}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:600;src:url(/static/media/Roboto-Bold.75a1a5b5582b236e0fe3.woff)}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:900;src:url(/static/media/Roboto-Black.c0379944e86304e2d36e.woff)}@font-face{font-display:swap;font-family:Roboto Condensed;font-style:normal;font-weight:100;src:url(/static/media/RobotoCondensed-Light.00b97f2125d0ffa0909b.woff)}@font-face{font-display:swap;font-family:Roboto Condensed;font-style:normal;font-weight:400;src:url(/static/media/RobotoCondensed-Regular.490215d707d82e737710.woff)}@font-face{font-display:swap;font-family:Roboto Condensed;font-style:normal;font-weight:900;src:url(/static/media/RobotoCondensed-Bold.309d82ce4277ce12d432.woff)}body,html{font-family:Roboto Condensed,sans-serif;font-family:var(--heading-font);font-size:16px}ol,p,ul{font-family:Roboto,sans-serif;font-family:var(--body-font);font-size:1.25rem}ol p,ul p{font-size:.8em}h1{font-size:2rem}h2{font-size:1.8rem}h3{font-size:1.6rem}h4{font-size:1.4rem}h5{font-size:1.2rem}h6{color:#1396d3;color:var(--secondary-color);font-size:1rem;margin:0}.red-bg{background-color:red!important}.dark-red-bg{background-color:#7b0000!important}.dark-blue-bg{background-color:#00487b!important}.white-bg{background-color:#fff!important}.dark-bg{background-color:#f9fafb!important;background-color:var(--footer-background)!important}.pale-gray-bg{background:#efefef}.extra-pale-gray-bg{background:#f9f9f9}.red-text{color:red!important}.white-text{color:#fff!important}.gray-text{color:#888!important}.blue-text{color:#1396d3!important}.yellow-text{color:#ffca28!important}[data-color=red]{background-color:red}[data-color=orange]{background-color:orange}[data-color=orange] .card-letter{color:#000!important}[data-color=yellow]{background-color:#ff0}[data-color=yellow] .card-letter{color:#000!important}[data-color=green]{background-color:green}[data-color=blue]{background-color:blue}[data-color=purple]{background-color:purple}[data-color=aqua]{background-color:aqua}[data-color=aqua] .card-letter{color:#000!important}[data-color=brown]{background-color:brown}[data-color=gray]{background-color:gray}[data-color=gray] .card-letter{color:#000!important}[data-color=pink]{background-color:pink}[data-color=pink] .card-letter{color:#000!important}[data-color=dk-gray]{background-color:#353535}@media print{@page{orientation:landscape;margin:.15in .15in .15in .15in!important}@page :blank{display:none}div{break-inside:avoid;-webkit-break-inside:avoid;page-break-inside:avoid}.no-print,footer,header{display:none}body{-webkit-print-color-adjust:exact!important}.card-block{margin:1rem auto;max-width:none}.pale-gray-bg{background:#fff}.print-bw{filter:Gray();filter:url(#grayscale);filter:grayscale(100%)}.print-two .card .col .freespace{padding:.58rem 0!important}.print-four .card .col .card-letter,.print-four .card .col .card-number{font-size:2.5rem!important;line-height:1!important}.print-four .card .col .freespace{padding:.25rem 0}.print-four .card .col .freespace span{font-size:.74rem!important;line-height:1}.print-six .card{width:30%}.print-six .card .col .card-letter,.print-six .card .col .card-number{font-size:2.5rem!important;line-height:1!important}.print-six .card .col .freespace{padding:.25rem 0}.print-six .card .col .freespace span{font-size:1rem;line-height:1}}@keyframes bounce{0%{bottom:2rem}50%{bottom:2.5rem}to{bottom:2rem}}.board-block{flex:2 1;font-family:Revalia,sans-serif;font-style:normal}@media screen and (max-width:1024px){.board-block>.row{align-items:center}}.board-block .pattern-block{display:flex;justify-content:center;margin-left:100px!important}.board-block .pattern-side .callNumber{color:red;font-family:Bodoni Moda,serif;font-size:3rem;margin-bottom:.5rem;text-align:right;width:40%}.board-block .pattern-side .callNumber span{background:#161616;display:inline-block;padding:.25rem;text-align:center;width:45%}.board-block .pattern-side .callNumber-text{font-family:Bodoni Moda,serif}@media screen and (max-width:700px){.board-block .pattern-side .callNumber-text{font-size:1rem}}.board-block .pattern-side #bingopattern{display:flex;margin:0 auto;width:50%}.board-block .pattern-side #bingopattern .row:first-child .col:first-child span{transform:rotate(-15deg)}.board-block .pattern-side #bingopattern .row:nth-child(2) .col:first-child span{margin-top:-.5rem;transform:rotate(-7deg)}.board-block .pattern-side #bingopattern .row:nth-child(3) .col:first-child span{margin-top:-.75rem}.board-block .pattern-side #bingopattern .row:nth-child(4) .col:first-child span{margin-top:-.5rem;transform:rotate(7deg)}.board-block .pattern-side #bingopattern .row:nth-child(5) .col:first-child span{transform:rotate(15deg)}.board-block .pattern-side #bingopattern .col{height:10px;margin-bottom:5px;padding:10px;position:relative;width:10px}.board-block .pattern-side #bingopattern .col:first-child{height:1rem;line-height:1.5}.board-block .pattern-side #bingopattern .col:first-child span{font-family:Bodoni Moda,serif;font-size:2.5rem;font-weight:800}@media screen and (max-width:700px){.board-block .pattern-side #bingopattern .col:first-child span{font-size:1.5rem}}.board-block .pattern-side #bingopattern .col:not(:first-child){background:#efefef;border:1px solid #fff}.board-block .pattern-side #bingopattern .col span{border-radius:100%;bottom:0;left:0;margin:0 auto;position:absolute;right:0;top:0}.board-block .pattern-side #bingopattern .col span.free-space{color:#676767;font-size:.5rem;line-height:1.5;margin:2px;text-align:center;text-transform:uppercase}@media screen and (max-width:700px){.board-block .pattern-side #bingopattern .col span.free-space{font-size:10px}}.board-block .pattern-side #bingopattern .col.selected span{background-color:#c70600;margin:3px}@media screen and (max-width:1024px){.board-block .pattern-side #bingopattern .col.selected span{margin:3px}}.board-block .pattern-side #bingopattern .col.selected span.free-space{color:#c70600;overflow:hidden}.board-block .pattern-side #bingopattern .col:hover{cursor:pointer}.board-block .pattern-side .pattern-select{border:1px solid #fff;margin-right:14px;width:100%}.board-block .pattern-side .pattern-select div[class$=-singleValue]{color:#888}.board-block .pattern-side .pattern-select div[class$=-Input]{color:#fff}.board-block .pattern-side .pattern-select div[class$=-control]{background:#222;border:none;border-radius:0;color:#efefef}.board-block .pattern-side .pattern-select div[class$=-menu] *{color:#222}.board-block .board-side #board{align-self:stretch;display:flex;flex-flow:column;justify-content:center;margin-left:auto;margin-right:auto;padding-left:2px;padding-right:2px;width:98%}.board-block .board-side #board *{font-size:1rem;line-height:1}@media screen and (max-width:700px){.board-block .board-side #board *{font-size:20px}}.board-block .board-side #board .board-row{display:flex;gap:.5rem;justify-content:center;margin-bottom:.5rem}.board-block .board-side #board .board-letter{-webkit-text-stroke-width:3px;-webkit-text-stroke-color:10px #555;-webkit-text-stroke-color:10px var(--secondary-background);-webkit-text-stroke:1px #dae1e6;-webkit-text-stroke:1px var(--primary-background);align-items:center;color:red!important;display:flex;font-size:3rem;font-weight:900!important;height:100%;justify-content:center;padding:1% 1.4%;text-shadow:0 1px 4px #23430c;width:100%}.board-block .board-side #board .ball{align-items:center;border-radius:4px;color:back!important;display:flex;flex:1 1!important;font-size:2.5rem;font-weight:200;height:100%;justify-content:center;width:100%}.board-block .board-side #board .ball button{background-color:inherit;border:initial;border-radius:0;border-radius:initial;color:inherit;font-family:Bodoni Moda,serif;font-size:inherit;margin:initial;padding:initial;transition:inherit;white-space:nowrap}.board-block .board-side #board .ball button:hover{background:inherit;color:inherit}.board-block .board-side #board .ball button:focus{outline:none}.board-block .board-side #board .ball.called{background-color:#000;border:none;border-radius:50%;color:#fff;flex:1 1;font-weight:900}.board-block .board-side #board .ball.active{animation:blink 1s infinite;background-color:#a53434;background-color:var(--current-ball);border:1px solid #fff;color:#fff}.buttons-container{display:flex;flex-wrap:wrap;gap:1rem}.buttons-container>:first-child,.buttons-container>:nth-child(2){flex:2 1}.buttons-container>:nth-child(3){flex:.4 1}.settings-cont{display:flex;height:min-content;justify-content:space-between;padding-left:.2%;padding-right:.2%}hr{background-color:#000;border:none;height:2px;margin:.5rem 0;opacity:.5}select{border:2px solid #000;padding:10px;transition:.4s}select:focus,select:hover{background:rgba(57,56,56,.506)}.board-ball-container{display:flex;width:100%}.prev-called-container{display:flex}.ball-derash-container{align-items:center;display:grid;justify-content:center}.bet-container button{background-color:#000;border:2px solid #fff;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:background-color .3s,color .3s}.bet-container button:hover{background-color:#fff;color:#000}.betting-containers{align-items:center;flex-wrap:wrap;gap:10px;padding:10px}.bet-container{align-items:center;background-color:#000!important;border-radius:6px;color:#fff;gap:8px;min-width:150px;padding:8px 12px}.bet-label{font-weight:700;opacity:.8}.bet-value{font-weight:500;margin-left:auto}.bet-container:hover{opacity:.9;transform:translateY(-1px);transition:all .2s ease}.card-block{margin:1rem auto;max-width:80%}.card-block .card{border-radius:.5rem;display:inline-block;margin:.5%;padding:.5rem;width:19%}.card-block .card .col{flex-basis:20%;margin:0!important;max-width:20%;padding:0!important}.card-block .card .col .freespace{padding:.55rem 0}.card-block .card .col .freespace>span{display:block;font-size:1.25rem;font-weight:700;line-height:.96;text-align:center;text-transform:uppercase}.card-block .card .col .card-letter,.card-block .card .col .card-number{margin:0;padding:.25em;text-align:center}.card-block .card .col .card-letter{color:#fff;font-size:3rem;line-height:1.5}.card-block .card .col .card-numbers{border-bottom:1px solid #cecece;border-top:1px solid #cecece}.card-block .card .col .card-numbers .card-number{background:#fff;border:1px solid #cecece;font-size:3rem}.card-block .card .col .card-numbers .card-number:first-child{border-top:0}.card-block .card .col .card-numbers .card-number:last-child{border-bottom:0}.print-six .card-block{margin:0 auto;max-width:1024px}.print-six .card-block .card{width:32%}.print-six .card-block .card .col .card-letter{font-size:2.25rem;height:3.25rem;line-height:1;max-height:3.25rem}.print-six .card-block .card .col .card-numbers .card-number{font-size:2.25rem;height:3.5rem;max-height:3.5rem}.print-six .card-block .card .col .card-numbers .card-number .freespace{padding:.57rem 0}.print-six .card-block .card .col .card-numbers .card-number .freespace>span{font-size:.8rem}.footer-controller{display:flex;justify-content:space-between}.game-controls{flex:1 1;height:auto}.game-controls .ball-display{align-items:center;border-radius:100%;box-shadow:inset .5rem .5rem 1.5rem .25rem #ffffff4d,inset -.25rem -.25rem 1.5rem .5rem #0006;color:#000;display:flex;justify-content:center;margin:0 auto;position:relative}.game-controls .ball-display:after{content:"";display:block;padding-bottom:100%}.game-controls .ball-display .content{background:#fff;background:radial-gradient(circle at 20% 20%,#fff,#efefef);border-radius:100%;box-shadow:inset -.5rem -.5rem 2rem 0 #00000029,0 0 0 .25rem #fff;min-width:60px;min-width:3vw;padding:28%;position:relative;text-align:center}.game-controls .ball-display .content .ball-content{align-items:center;bottom:0;display:inline-flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;text-align:center;top:0;width:200px}.game-controls .ball-display .content .ball-content .ball-letter,.game-controls .ball-display .content .ball-content .ball-number{display:block;line-height:1;width:100%}.game-controls .ball-display .content .ball-content .ball-letter{font-size:2rem;font-weight:700}.game-controls .ball-display .content .ball-content .ball-number{background-color:#fff!important;font-size:3.25rem}.game-controls .ball-display .content img{max-width:100%;padding:.25rem;width:90%}.game-controls .ball-display.blue{background:radial-gradient(circle at 20% 20%,#207bd1,#027cb4)}.game-controls .ball-display.blue .content{border:.15rem solid blue}.game-controls .ball-display.red{background:radial-gradient(circle at 20% 20%,red,#910000)}.game-controls .ball-display.red .content{border:.15rem solid red}.game-controls .ball-display.purple{background:radial-gradient(circle at 20% 20%,#bb1fbe,#8f0491)}.game-controls .ball-display.purple .content{border:.15rem solid red}.game-controls .ball-display.green{background:radial-gradient(circle at 20% 20%,green,#004a00)}.game-controls .ball-display.green .content{border:.15rem solid green}.game-controls .ball-display.yellow{background:radial-gradient(circle at 20% 20%,#ffe52a,#c79902)}.game-controls .ball-display.yellow .content{border:.15rem solid #f7bd00}.game-controls .previous-calls{display:flex;flex-flow:row wrap;justify-content:center;margin:0 auto;text-align:center}.game-controls .previous-calls div{align-content:stretch;align-items:center;border-radius:100%;box-sizing:initial;display:flex;flex:0 0 40px;height:3rem;justify-content:center;margin:0 1%;padding:15px}.game-controls .previous-calls div span{color:#fff}.game-controls .previous-calls div.blue{background-color:#1994c9}.game-controls .previous-calls div.red{background-color:#c70d0d}.game-controls .previous-calls div.purple{background-color:#8d088d}.game-controls .previous-calls div.purple span{color:#e7e2e2}.game-controls .previous-calls div.green{background-color:#058405}.game-controls .previous-calls div.yellow{background-color:#cece31}.game-controls .previous-calls div.yellow span{color:#222}.game-controls .modal .previous-calls{display:flex;gap:.2rem;max-width:500px}.game-controls .gameplay-controls{margin-left:200px}.game-controls .gameplay-controls button{display:block;margin:.5rem auto;min-width:175px;width:80%}.game-controls .game-settings span{line-height:2.5}.game-controls .game-settings .select-input{border:1px solid #fff;margin:10px 0;max-width:360px;min-width:200px;width:100%}.game-controls .game-settings .select-input div[class$=-singleValue]{color:#888}.game-controls .game-settings .select-input div[class$=-Input]{color:#fff}.game-controls .game-settings .select-input div[class$=-control]{background:#222;border:none;border-radius:0;color:#efefef}.game-controls .game-settings .select-input div[class$=-menu] *{color:#222}@media screen and (max-width:700px){.game-controls .game-settings .row{flex-direction:column}}.last-call{font-size:xx-large}@media screen and (max-width:700px){header .row .col:nth-of-type(2){order:2}header .row .col:last-child{order:1}.menu li a{font-size:18px;padding:.25em}.slider{display:block;flex:none}.slider .col{display:inline-block!important;flex:none!important;vertical-align:middle;width:55%}.slider .col.shrink{flex:none!important;margin:0!important;width:15%}.social.col{display:block;flex:none!important;width:100%}footer .row{flex-flow:column;text-align:center}footer .row>.col{padding:.5em;text-align:center;width:100%!important}.board-block>.row{display:block}.board-block .board-side #board,.board-block .pattern-side #board{align-self:auto;display:block!important;flex-flow:initial;justify-content:normal;margin:0 auto;max-width:100%;width:350px}.board-block .board-side #board .row,.board-block .pattern-side #board .row{display:inline-block;width:20%}.board-block .board-side #bingopattern,.board-block .pattern-side #bingopattern{margin:0 auto;max-width:100%;width:175px}.board-block .board-side.min-size-200,.board-block .pattern-side.min-size-200{display:block;flex:none!important;margin:0 auto!important;max-width:100%;width:250px}}.game-controls-container{background-color:#073f93;border-top:1px solid #3d3470;color:#fff;flex:.9 1;justify-content:space-between;width:100%}.called-container{background:linear-gradient(180deg,#2a2356,#1a1438);border-radius:10px;box-shadow:inset 0 2px 5px #0000004d}.called-container .col.text-center.margin-sm{background-color:#000000b3;border:2px solid #3d3470;border-radius:8px;box-shadow:0 0 10px #7b68ee66;padding:10px}.called-container .col:first-child .callNumber{color:#0fc;font-family:Digital,monospace,Courier New;font-size:2.5rem;letter-spacing:2px;text-shadow:0 0 10px #0fc,0 0 20px #0fc}.called-container .col:last-child .callNumber{color:#f90;font-family:Digital,monospace,Courier New;font-size:2.5rem;letter-spacing:2px;text-shadow:0 0 10px #f90,0 0 20px #f90}.callNumber-text{font-size:.8rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.winner-cont{background-color:#0000004d;border-radius:8px}.bet-amount-display{place-item:center;grid-gap:15px;display:grid;flex-wrap:wrap;gap:15px;grid-auto-flow:column;justify-content:space-between}.bet-amount-displayy>div{background:linear-gradient(180deg,#2a2356,#1a1438);display:flex;flex-direction:column;min-width:100px!important}.bet-amount-display>div{border-radius:10px;display:flex;flex:1 1;flex-direction:row;gap:1rem;min-width:250px}.primary-btn,.secondary-btn{align-self:center;border-radius:5px!important;margin-left:auto;margin-right:auto;padding:1.5rem!important;width:250px}.betting-containers{display:flex;flex-direction:column}.bet-container{background-color:#0006;border-radius:8px;display:flex;justify-content:space-between;margin-top:10px;padding:10px}.bet-label{color:#b8a9ff;font-size:.85rem;font-weight:500}.bet-value{font-size:1rem;font-weight:700}.primary-btn.new-game{background:linear-gradient(90deg,#9333ea,#4f46e5)}.primary-btn.call-number,.primary-btn.new-game{border:none;border-radius:8px;box-shadow:0 4px 6px #0003;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-bottom:10px;padding:12px 20px;transition:all .3s ease;width:100%}.primary-btn.call-number{background:linear-gradient(90deg,#0284c7,#0891b2)}.secondary-btn.pause{background:linear-gradient(90deg,#f59e0b,#ea580c)}.secondary-btn.pause,.secondary-btn.play{border:none;border-radius:8px;box-shadow:0 4px 6px #0003;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-bottom:10px;padding:12px 20px;transition:all .3s ease;width:100%}.secondary-btn.play{background:linear-gradient(90deg,#10b981,#0f766e)}.secondary-btn.restart{background-color:#090e2c}.secondary-btn.reset-btn,.secondary-btn.restart{border:none;border-radius:8px;box-shadow:0 4px 6px #0003;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;margin-bottom:10px;padding:12px 20px;transition:all .3s ease;width:100%}.secondary-btn.reset-btn{background-color:#000}.secondary-btn,.secondary-btn.shuffle{background-color:#090e2c;border:none;border-radius:8px;box-shadow:0 4px 6px #0003;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;margin-bottom:10px;padding:12px 20px;transition:all .3s ease;width:100%}.select-cartel:hover{background-color:#000;color:#fff}.primary-btn:hover:not(:disabled),.secondary-btn:hover:not(:disabled){box-shadow:0 6px 12px #0000004d;transform:translateY(-2px)}.primary-btn:active:not(:disabled),.secondary-btn:active:not(:disabled){transform:translateY(1px)}.primary-btn:disabled,.secondary-btn:disabled{cursor:not-allowed;opacity:.6}@font-face{font-display:swap;font-family:Digital;src:local("Digital-7"),local("Digital")}@media(max-width:768px){.bet-amount-display{flex-direction:column}.callNumber{font-size:2rem}.primary-btn,.secondary-btn{max-width:100%}}.action-buttons{color:#000!important;margin-bottom:15px}.game-controls-section{display:flex;justify-content:center}.button-group{max-width:800px;width:100%}.row.no-wrap.margin-bottom-lg.justify-space-between{display:flex;gap:20px;justify-content:space-between}.col.text-center.margin-sm{flex:1 1;min-width:120px}.four-board{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1rem;width:100vw}.pattern-controls{display:none}.pattern-contianer{flex:.2 1}.ball-animation-wrapper{flex:1 1;height:350px!important;padding:0;position:relative;width:350px!important}.ball-glow-layer{background-color:#fff!important;border-radius:50%;height:100%;position:absolute;width:100%}.ball-middle-layer{background-color:#294d73;height:50%;left:10%;position:absolute;top:10%;width:50%}.ball-inner-layer,.ball-middle-layer{align-items:center;border-radius:50%;display:flex;justify-content:center}.ball-inner-layer{animation:scalePulse 1s ease-in-out infinite;background:#fff;color:#000;font-weight:700;height:65%;width:65%}.inner-ball-text{background-color:#fff!important;color:#000;text-align:center}@keyframes pulseGlow{0%,to{opacity:.7;transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}}@keyframes scalePulse{0%,to{transform:scale(.95)}50%{transform:scale(1.05)}}.wild-ball-indicator{background:#000000b3;bottom:-35px;color:#fff;font-size:.9rem;left:50%;padding:6px 12px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:10}.ball-animation-wrapper>.FullscreenToggle{position:absolute;right:-20px;top:-20px;z-index:20}.game-controls{box-shadow:0 5px 15px #00000080;flex:.6 1}.container{margin:0 auto;width:100%}.row{display:flex;flex-wrap:wrap}.justify-center{justify-content:center}.align-start{align-items:flex-start}.col{display:flex;flex-direction:column;width:100%}.notranslate{font-family:monospace}.call-history{align-items:center;display:flex;flex-direction:column;margin-top:1rem;width:100%}.call-history:before{color:#fff;content:"Recent 5 Numbers";display:block;font-size:1.5rem;font-weight:700;letter-spacing:1px;margin-bottom:1.5rem;text-align:center;text-shadow:0 2px 4px #00000080;text-transform:uppercase;width:100%}.call-history-balls{gap:1.5rem;width:100%}.call-ball,.call-history-balls{display:flex;justify-content:center}.call-ball{align-items:center;background:#1994c9;border:3px solid #fff;border-radius:50%;box-shadow:0 0 15px #0000ff80;color:#fff;font-size:1.8rem;font-weight:700;height:70px;position:relative;width:70px}.call-ball:first-child{background:#1994c9;box-shadow:0 0 20px #1994c9cc;transform:scale(1.2);z-index:5}.call-ball:nth-child(2),.call-ball:nth-child(3),.call-ball:nth-child(4),.call-ball:nth-child(5){background:#1994c9;opacity:1}.call-ball:before{background-color:#00000080;color:#fff;content:attr(data-letter);font-size:1rem;font-weight:700;left:0;position:absolute;text-align:center;top:-20px;width:100%}.FullscreenToggle{align-items:center;background-color:#000000b3;border:2px solid #fff;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;position:absolute;right:1rem;top:1rem;width:50px;z-index:10}[data-visibility=show]{background-color:#00000080;border:1px solid #ffffff4d;display:block;font-size:1.2rem;margin-top:2rem;padding:1rem}[data-visibility=hide]{display:none}.white-text{color:#fff}.margin-top-lg{margin-top:2rem}.white-text strong{color:#a0e8a0;font-size:1.3rem;text-shadow:0 2px 4px #00000080}.call-history:empty:after{color:#ffffffb3;content:"No numbers called yet";display:block;font-size:1.2rem;font-style:italic;margin-top:2rem}@media(max-width:768px){.call-ball{font-size:1.5rem;height:60px;width:60px}.call-history:before{font-size:1.3rem}}@media(max-width:480px){.call-ball{font-size:1.3rem;height:50px;margin:0 5px;width:50px}.call-history-balls{gap:.8rem}.call-ball:before{font-size:.8rem;top:-15px}}.derash{background-color:hsla(0,0%,100%,.767);font-size:2.5rem;font-weight:900;text-align:center}.derash-val{color:hsla(0,0%,100%,.807);font-size:3rem;text-align:center}.derash-image{height:70px;width:450px}.phone-container{align-items:center;background-color:#fff;color:#000;display:flex;font-size:80px;justify-content:center}.phone{font-size:45px;text-align:center}.phone-icon{height:40px;width:40px}.history{background-color:#090e2c;border:none;border-radius:10px;height:min-content;padding:0;width:100%}.history-cont{display:flex;flex-direction:column;justify-content:center;width:100%}.previous-calls{width:100%}.tt-container{background-color:#fff;border-radius:8px;padding:20px}.tt-header{border-bottom:1px solid #e9ecef;margin-bottom:20px;padding-bottom:15px}.tt-title{color:#333;font-size:24px;font-weight:600}.tt-header-actions{display:flex;gap:10px}.tt-add-button{align-items:center;background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px}.tt-add-button:hover{background-color:#0056b3}.tt-search-container{margin-bottom:20px}.tt-search-wrapper{max-width:400px;position:relative}.tt-search-icon{color:#6c757d;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.tt-search-input{border:1px solid #ced4da;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.tt-wrapper{border:1px solid #e9ecef;border-radius:8px}.tt-table{background-color:#fff}.tt-thead{background-color:#f8f9fa}.tt-header-row{border-bottom:2px solid #e9ecef}.tt-th{border-bottom:1px solid #e9ecef;color:#495057;font-size:14px;padding:12px 16px}.tt-tbody{background-color:#fff}.tt-row{border-bottom:1px solid #f1f3f4}.tt-row:hover{background-color:#f8f9fa}.tt-td{color:#495057;font-size:14px;padding:12px 16px;vertical-align:middle}.tt-no-data{color:#6c757d;padding:40px 20px}.tt-status-badge{border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px}.tt-amount{color:#28a745;font-weight:500}.tt-topup-button:hover{background-color:#28a745;border-color:#28a745;color:#fff}.tt-edit-button:hover{background-color:#007bff;border-color:#007bff;color:#fff}.tt-status-button:hover{background-color:#ffc107;border-color:#ffc107;color:#fff}.tt-copy-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:4px 8px;transition:background-color .2s ease}.tt-copy-button:hover{background-color:#0056b3}.tt-pagination-container{border-top:1px solid #e9ecef;justify-content:center;margin-top:20px;padding-top:20px}.tt-pagination-controls{gap:15px}.tt-pagination-button{background-color:#fff;border:1px solid #ced4da;border-radius:4px;color:#495057;font-size:14px;padding:8px 16px}.tt-pagination-button:hover:not(:disabled){background-color:#007bff;border-color:#007bff}.tt-page-info{color:#495057;font-size:14px;font-weight:500}.tt-dialog-content{max-width:600px;width:90vw}.tt-dialog-title{color:#333;font-size:18px;font-weight:600;margin-bottom:20px}.tt-form{display:flex;flex-direction:column;gap:20px}.tt-form-row{display:flex;gap:15px}.tt-form-group{display:flex;flex:1 1;flex-direction:column;gap:5px}.tt-label{color:#495057;font-size:14px;font-weight:500}.tt-input,.tt-select{border:1px solid #ced4da;border-radius:4px;font-size:14px;padding:8px 12px;transition:border-color .15s ease-in-out}.tt-input:focus,.tt-select:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.tt-error{color:#dc3545;font-size:12px;margin-top:4px}.tt-form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.tt-submit-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px}.tt-submit-button:hover{background-color:#0056b3}.full-page-loader{background-color:#fffc}@media(max-width:768px){.tt-header{align-items:stretch;gap:15px}.tt-action-buttons,.tt-form-row,.tt-header{flex-direction:column}.tt-table{font-size:12px}.tt-td,.tt-th{padding:8px 4px}}@media(max-width:480px){.tt-container{padding:10px}.tt-title{font-size:20px}.tt-pagination-controls{flex-direction:column;gap:10px}}.password-group{margin-bottom:1rem}.password-hint{color:#6b7280;font-size:.75rem;margin-left:.25rem}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-error{color:#ef4444;font-size:.875rem;margin-top:.25rem}.confirm-password-wrapper{align-items:center;display:flex;position:relative}.tt-input{border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;padding:.5rem 2.5rem .5rem .75rem;transition:border .2s,box-shadow .2s;width:100%}.tt-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d;outline:none}.password-toggle-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:0;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.password-toggle-btn:hover{color:#374151}:root{--primary-bg:#221c49;--secondary-bg:#332a6a;--card-bg:#f0fff0;--text-color:#fff;--text-dark:#2f3542;--error-color:#e30d1f;--success-color:#2ed573;--warning-color:#ffa502;--info-color:#1e90ff;--b-color:#ffdf27;--i-color:#48eb79;--n-color:#39a0dc;--g-color:#ff6b81;--o-color:#a55eea;--last-called-color:#c43b09;--border-radius:10px;--box-shadow:0 8px 16px #0000004d;--cell-size:50px;--letter-size:24px}.winner-checker-container{align-items:center;color:#fff;color:var(--text-color);display:flex;padding:5px;position:relative;width:100%;width:350px}.input-section{color:#fff;display:flex;flex-direction:column;flex-wrap:wrap;gap:20px;margin-bottom:25px}.input-group{display:flex}.input-group label{color:#ffffffe6;display:block;font-size:16px;font-weight:700;letter-spacing:.5px;margin-bottom:8px}.input-group input{background-color:#f9fafb;border:2px solid #000;border-radius:10px;border-radius:var(--border-radius);color:#959393;font-size:25px;padding:15px 52px;transition:all .3s ease;transition:var(--transition);width:100%;width:100%!important}.input-group input:focus{border-color:#39a0dc;border-color:var(--n-color);box-shadow:0 0 0 3px #70a1ff4d;outline:none}.button-group{display:flex;gap:5px;margin-top:15px}.check-button,.reset-button{border:none;border-radius:10px;border-radius:var(--border-radius);cursor:pointer;flex:1 1;font-size:16px;font-weight:700;letter-spacing:1px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease;transition:var(--transition)}.check-button{background:linear-gradient(135deg,#39a0dc,#4b7bec);background:linear-gradient(135deg,var(--n-color),#4b7bec);box-shadow:0 4px 0 #1e3c72;color:#fff}.check-button:hover{box-shadow:0 6px 0 #1e3c72;transform:translateY(-2px)}.check-button:active{box-shadow:0 2px 0 #1e3c72;transform:translateY(1px)}.reset-button{background:linear-gradient(135deg,#57606f,#2f3542);box-shadow:0 4px 0 #1e272e;color:#fff}.reset-button:hover{box-shadow:0 6px 0 #1e272e;transform:translateY(-2px)}.reset-button:active{box-shadow:0 2px 0 #1e272e;transform:translateY(1px)}.full-screen-results{align-items:center;-webkit-backdrop-filter:blur(1e+22px);backdrop-filter:blur(1e+22px);background-color:--footer-background!important;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.full-screen-content{animation:fadeIn .5s ease-out;background-color:#fff;border-radius:10px;border-radius:var(--border-radius);height:100vh;margin:0 auto;overflow-y:auto;padding:0!important;position:relative;width:100%!important;width:100vh}@media(max-width:768px){.full-screen-content{max-height:95vh;max-width:100%;width:95%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.minimize-button{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;color:var(--text-color);color:#000;cursor:pointer;display:flex;font-size:40px;font-weight:400;height:50px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;transition:var(--transition);width:50px;z-index:10}.minimize-button:hover{background:#fff3;transform:rotate(90deg)}.results-header{align-items:center;border-bottom:2px solid #fff3;display:flex;gap:4rem;justify-content:center;margin-top:20px;padding-bottom:12px;place-items:center;position:relative}.results-title{background:linear-gradient(45deg,#ffdf27,#48eb79,#39a0dc,#ff6b81,#a55eea);background:linear-gradient(45deg,var(--b-color),var(--i-color),var(--n-color),var(--g-color),var(--o-color));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:28px;font-weight:800;letter-spacing:1px;margin:0;text-shadow:0 2px 10px #0000004d}.current-ball-display{align-items:center;display:flex;flex-direction:column;gap:10px}.current-ball-label{color:#fffc;font-size:14px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.current-ball{align-items:center;animation:pulse 1.5s infinite,float 3s ease-in-out infinite;background:radial-gradient(circle at 30% 30%,#fff,#f1f2f6);border:4px solid;border-radius:50%;box-shadow:0 8px 20px #0006;display:flex;flex-direction:column;height:70px;justify-content:center;position:relative;width:70px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.current-ball.B{border-color:#ffdf27;border-color:var(--b-color)}.current-ball.I{border-color:#48eb79;border-color:var(--i-color)}.current-ball.N{border-color:#39a0dc;border-color:var(--n-color)}.current-ball.G{border-color:#ff6b81;border-color:var(--g-color)}.current-ball.O{border-color:#a55eea;border-color:var(--o-color)}.ball-letter{font-size:20px;margin-top:-5px}.ball-letter,.ball-number{font-weight:900;line-height:1}.ball-number{color:#2f3542;color:var(--text-dark);font-size:30px}.results-container{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));justify-content:center;margin-left:auto;margin-right:auto;max-width:1200px;width:100%}.result-item{background-color:#fff!important;border:3px solid;border-radius:10px;border-radius:var(--border-radius);box-shadow:0 8px 16px #0000004d;box-shadow:var(--box-shadow);overflow:hidden;padding:10px;position:relative;text-align:center;transition:all .3s ease;transition:var(--transition)}.result-item:before{background:linear-gradient(135deg,#ffffff08,#fff0);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.result-item.success{animation:subtleGlow 2s infinite alternate;border-color:#2ed573;border-color:var(--success-color)}@keyframes subtleGlow{0%{box-shadow:0 0 10px #2ed5731a}to{box-shadow:0 0 20px #2ed5734d}}.result-item.error,.result-item.rejected{background-color:#ff47571a;border-color:#e30d1f;border-color:var(--error-color);color:red;font-size:3rem}.result-item.not-registered{background-color:#ffa5021a;border-color:#ffa502;border-color:var(--warning-color);padding-left:5rem;padding-right:5rem}.result-item:hover{box-shadow:0 10px 25px #0006;transform:translateY(-3px)}.result-header{font-size:30px;margin-bottom:20px}.result-title{color:#000;font-size:35px;font-weight:700;margin:0 0 12px}.result-message{color:#000;font-size:30px;line-height:1.6;margin:0}.cartela-display{background-color:#221c49;border:3px solid #0000001a;border-radius:10px;border-radius:var(--border-radius);box-shadow:0 8px 16px #0000004d;box-shadow:var(--box-shadow);gap:0!important;margin-left:auto;margin-right:auto;max-width:100%;overflow:hidden;padding:0!important;width:fit-content}.bingo-letters{background-color:#221c49;border-collapse:collapse;border-spacing:0;display:grid;grid-template-columns:repeat(5,1fr);width:100%}.bingo-letter{font-size:24px;font-size:var(--letter-size);font-weight:900;letter-spacing:1px;padding:12px 0;text-shadow:0 2px 4px #0000004d}.bingo-letter.B{color:#ffff05f5;font-size:35px;font-weight:900}.bingo-letter.I{color:#0ef70ed9;font-size:35px;font-weight:900}.bingo-letter.N{color:rgba(22,164,225,.884);font-size:35px;font-weight:900}.bingo-letter.G{color:rgba(231,17,17,.885);font-size:35px;font-weight:900}.bingo-letter.O{color:rgba(211,7,211,.912);font-size:35px;font-weight:900}.cartela-grid{grid-gap:5px!important;color:#2f3542;color:var(--text-dark);gap:5px!important;grid-template-rows:repeat(5,1fr);padding:1rem!important;width:100%}.cartela-grid>*{display:grid;grid-template-columns:repeat(5,1fr)}.cartela-cell{font-size:20px;font-weight:900;height:90px!important;position:relative;width:90px!important}.cartela-cell.free-space{background-color:#f8f9fa;color:#666;font-size:12px;font-weight:600}.cartela-cell.called{background-color:#f93200;position:relative}.cartela-cell.matched{background-color:#2ed5734d}.cartela-cell.matched:after{color:#2ed573;color:var(--success-color);content:"✓"!important;font-size:24px;font-weight:700;opacity:.8;position:absolute}.cartela-cell.last-called{animation:blink 1s infinite alternate,pulse-glow 1.5s infinite;background-color:#1e90ff66!important;background-color:#1950b6!important;border-color:#00fff2;color:#fff;position:relative;z-index:2;z-index:1000}@keyframes blink{0%{box-shadow:0 0 0 0 #1e90ffb3}to{box-shadow:0 0 0 8px #1e90ff00}}@keyframes pulse-glow{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.cartela-cell.winning-cell{animation:none;background-color:rgba(24,211,102,.864);box-shadow:inset 0 0 0 3px #2ed573;box-shadow:inset 0 0 0 3px var(--success-color)}.cartela-cell.winning-cell:before{bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px}.cartela-cell.winning-cell.cartela-cell.last-called:before{animation:pulse-glow .5s infinite;border:5px solid rgba(23,9,218,.772)!important}.last-called-badge,.winning-ball-badge{border-radius:3px;font-size:8px;font-weight:900;padding:2px 4px;position:absolute;right:2px;top:2px;z-index:3}.last-called-badge{background-color:#1e90ff;background-color:var(--info-color);color:#fff}.winning-ball-badge{background-color:#2ed573;background-color:var(--success-color);color:#fff}.result-footer{display:flex;flex-direction:column;gap:15px;margin-top:25px}.result-summary{display:flex;flex-wrap:wrap;gap:10px}.current-ball-info,.last-called-info,.matched-count{border-radius:10px;border-radius:var(--border-radius);flex:1 1 200px;font-size:14px;font-weight:600;min-width:0;padding:10px 15px}.last-called-info.present{background-color:#2ed57326;border-left:4px solid #2ed573;border-left:4px solid var(--success-color);color:#2ed573;color:var(--success-color)}.last-called-info.missing{background-color:#ff475726;border-left:4px solid #e30d1f;border-left:4px solid var(--error-color);color:#e30d1f;color:var(--error-color)}.current-ball-info{background-color:#1e90ff26;border-left:4px solid #1e90ff;border-left:4px solid var(--info-color);color:#1e90ff;color:var(--info-color)}.matched-count{background-color:#ffffff1a;border-left:4px solid #ffffff4d}.called-numbers-display{margin-top:20px}.called-numbers-display h4{color:#ffffffe6;font-size:16px;font-weight:700;margin:0 0 12px}.numbers-list{display:flex;flex-wrap:wrap;gap:8px}.called-number{align-items:center;background-color:#ffffff1a;border-radius:20px;display:inline-flex;font-size:14px;font-weight:600;justify-content:center;padding:6px 12px;position:relative;transition:all .3s ease;transition:var(--transition)}.called-number.matched{background-color:#2ed5734d;color:#2ed573;color:var(--success-color)}.called-number.last-called{animation:pulse-glow 1.5s infinite;background-color:#1e90ff4d;color:#fff}.called-number.winning-ball{background-color:#2ed57380;box-shadow:0 0 0 2px #2ed573cc;color:#fff;font-weight:700}.result-item.success{color:#fff;font-size:3rem;overflow:hidden;padding-left:1rem;padding-right:1rem;position:relative}.result-item.success:before{animation:shine 3s infinite;background:radial-gradient(circle,#ffffff1a 0,#fff0 70%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}@keyframes shine{0%{transform:rotate(0deg) translate(0)}to{transform:rotate(1turn) translate(0)}}.confetti{background-color:red;height:10px;opacity:0;position:absolute;width:10px}@media(max-width:768px){:root{--cell-size:40px;--letter-size:20px}.full-screen-content{padding:20px}.results-title{font-size:24px}.current-ball{height:60px;width:60px}.ball-letter{font-size:18px}.ball-number{font-size:24px}}@media(max-width:480px){:root{--cell-size:90px;--letter-size:18px}.winner-checker-container{padding:15px}.button-group{flex-direction:column}.check-button,.reset-button{width:100%}.results-header{align-items:flex-start;flex-direction:column;gap:15px}.current-ball-display{align-self:flex-start}}.cartela-no{font-size:40px}.result-item .cartela-check-button{background-color:#4a6baf;border:none;border-radius:4px;box-shadow:0 2px 5px #0003;color:#fff;cursor:pointer;font-weight:700;margin-top:10px;padding:8px 16px;transition:all .3s ease}.result-item .cartela-check-button:hover{background-color:#3a5a9f;transform:translateY(-2px)}.result-item .cartela-check-button.highlighted{animation:pulse 2s}.result-item .cartela-check-button.winner{background-color:#4caf50}.result-item .cartela-check-button.winner.highlighted{box-shadow:0 0 15px #4caf50}.result-item .cartela-check-button:not(.winner).highlighted{background-color:#f44336;box-shadow:0 0 15px #f44336}@keyframes pulse{0%{box-shadow:0 0 0 0 #000000b3;transform:scale(1)}50%{box-shadow:0 0 0 10px #0000;transform:scale(1.05)}to{box-shadow:0 0 0 0 #0000;transform:scale(1)}}.remove-cartela-button{background-color:#dc2626;border:none;border-radius:.375rem;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:background-color .2s ease}.remove-cartela-button:hover{background-color:#b91c1c}.game-restart-btn{background-color:#1e90ff;border:none;border-radius:6px;box-shadow:0 3px 5px #00000026;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 24px;transition:all .2s ease-in-out}.game-restart-btn:hover{background-color:#1c86ee;transform:translateY(-2px)}.game-restart-btn:active{background-color:#1874cd;transform:scale(.96)}.fullscreen-toggle{background-color:#4285f4;border:none;border-radius:4px;bottom:20px;color:#fff;cursor:pointer;font-family:Arial,sans-serif;font-size:14px;padding:10px 15px;position:fixed;right:20px;transition:all .3s ease;z-index:1000}.fullscreen-toggle:hover{background-color:#3367d6;transform:scale(1.05)}.fullscreen-toggle.fullscreen-active{background-color:#f44336}.fullscreen-toggle.fullscreen-active:hover{background-color:#d32f2f}.select-cartela-container{background-color:#f5f7fa;gap:2rem;padding:2rem}.action-bar,.select-cartela-container{background-color:var(--footer-background)}.action-bar{border-radius:10px;box-shadow:0 4px 10px #0000001a;justify-content:end;padding:1rem 2rem}.action-bar-title{font-size:1.5rem;font-weight:600;letter-spacing:.05em}.action-buttons{gap:1rem}.action-button{border-radius:6px;font-size:.95rem}.cancel-button{background-color:#fff!important;background-color:#d8e2df!important;color:#2d3748 important;padding:.5rem!important}.cancel-button:hover:not(:disabled){background-color:#ffffff40;font-size:1rem!important;padding:1rem}.save-button{background-color:#4fd1c5!important;color:#2d3748 important;padding:.1rem!important;width:5rem}.save-button:hover:not(:disabled){background-color:#38b2ac;color:#fff}@media (min-width:768px){.select-cartela-container{align-items:flex-start;flex-direction:row}}.section-container{background-color:#fff;box-shadow:0 4px 6px #0000001a;padding:1.5rem}@media (min-width:768px){.section-container{width:48%}}.section-title{border-bottom:2px solid #4a5568;color:#3c366b;font-size:2rem;font-weight:900;margin-bottom:1.5rem;padding-bottom:.5rem;text-align:center}.number-grid{grid-gap:.8rem;gap:.8rem;grid-template-columns:repeat(5,2fr);margin-bottom:1.5rem}.number-button{background-color:#2fbf71!important;border-radius:12px;font-size:1.3rem;height:8rem;width:8rem}.number-button:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.number-button.selected{background-color:#ec0b43!important;transform:scale(1.05)}.cartela-section{color:#000;height:fit-content;max-height:100vh;overflow-y:auto;position:sticky;top:20px}.cartela-man-header{color:#fff!important}.cartela-display{align-items:center;display:flex;flex-direction:column;gap:3rem;padding:2.5rem}.cartela-container{border:2px solid #5a67d8;border-radius:10px;box-shadow:0 4px 10px #00000026;display:flex;flex-direction:column;overflow:hidden}.cartela-header{background-color:#3c366b;color:#fff;display:grid;font-size:1.5rem;font-weight:700;grid-template-columns:repeat(5,1fr)}.header-cell{align-items:center;display:flex;justify-content:center;padding:.8rem 0}.cartela-grid{grid-gap:.8rem;background-color:#fff;display:grid;gap:.8rem;grid-template-columns:repeat(5,1fr);padding:1.5rem}.cartela-cell{align-items:center;background-color:#fff;border:1px solid #dfe6e9;border-radius:8px;color:#000;display:flex;font-size:2rem;font-weight:600;height:4.5rem;justify-content:center;transition:all .2s ease;width:4.5rem}.cartela-cell:hover{border-color:#5a67d8;box-shadow:0 2px 5px #0000001a}.cartela-cell.free-space{background-color:#fcd34d;border-color:#d97706;color:#7c2d12}.empty-cartela{align-items:center;background-color:#f8fafc;border:2px dashed #cbd5e0;border-radius:10px;display:flex;height:16rem;justify-content:center;width:100%}.empty-cartela p{color:#718096;font-size:1.1rem;max-width:80%;padding:1rem;text-align:center}.selected-numbers{gap:.8rem;margin-top:1rem;place-items:center}.selected-number{border-radius:100%;padding:2rem}.selected-number:hover{transform:translateY(-2px)}.selected-numbers-title{font-size:1.2rem;margin-bottom:.8rem}.input-group{margin-bottom:1.5rem}.input-label{color:#2c3e50;margin-bottom:.5rem}.input-field{font-size:1rem;padding:.75rem}.input-field:focus{box-shadow:0 0 0 3px #5a67d833}.input-row{gap:1rem;margin-bottom:1rem}.register-button{align-self:flex-end;font-size:1rem;padding:.75rem 1.5rem}.register-button:hover{transform:translateY(-2px)}.modal-content{max-width:400px;padding:2rem}.modal-content h3{font-size:1.3rem}.modal-content p{margin-bottom:20px}.modal-actions{gap:1rem;margin-top:1.5rem}@media (max-width:768px){.action-bar{flex-direction:column;gap:1rem}.cartela-section{position:static}.input-row{flex-direction:column}.register-button{width:100%}}@media (max-width:480px){.number-grid{grid-template-columns:repeat(4,1fr)}.number-button{font-size:1.1rem;height:6rem;width:6rem}.cartela-cell{height:3.5rem;width:3.5rem}}.select-cartelaa{background-color:#3a629e;border:none;border-radius:5px;color:#fff;padding:.7rem;text-align:center}.select-cartelaa:hover{background-color:#176488;color:#fff}.backtohome{background-color:#1b87b9;color:#fff}.backtohome:hover{background-color:#258ebf!important;color:#000}.cartela-source-toggle{background-color:#f8f9fa;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:15px;label{color:#333;display:block;font-weight:600;margin-bottom:10px}.toggle-buttons{display:flex;gap:10px;margin-bottom:10px}.toggle-button{background-color:#fff;border:2px solid #ddd;border-radius:6px;color:#555;cursor:pointer;flex:1 1;font-weight:600;padding:10px 15px;text-align:center;transition:all .3s ease;&:hover{background-color:#f0f0f0;border-color:#aaa}&.active{background-color:#158819;border:none;color:#fff}}.cartela-info{color:#666;font-size:.9em;font-style:italic;margin-top:5px}}.select-cartela-container{background-color:#f9fafb;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;gap:1rem;min-height:100vh;padding:.5rem}.action-bar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 15px #0000001a;color:#fff;display:flex;justify-content:center;margin-bottom:1rem;padding:.75rem 1rem;position:sticky;top:0;z-index:100}.action-buttons{align-items:center;gap:1.5rem}.action-button{border:none;border-radius:8px;font-size:.9rem;font-weight:600;padding:.6rem 1.5rem;transition:all .2s ease}.action-button:disabled{cursor:not-allowed;opacity:.6}.cancel-button{background:linear-gradient(135deg,#ff6b6b,#ee5a52);border:none;border-radius:10px;box-shadow:0 3px 10px #ff6b6b4d;color:#fff!important;font-size:1rem!important;font-weight:700;letter-spacing:.5px;padding:.75rem 1.5rem!important;text-transform:uppercase;transition:all .3s ease}.cancel-button:hover:not(:disabled){background:linear-gradient(135deg,#ff5252,#d32f2f);box-shadow:0 4px 15px #ff6b6b66;transform:translateY(-1px)}.cancel-button:disabled{background:linear-gradient(135deg,#bdbdbd,#9e9e9e);box-shadow:none;color:#757575!important;cursor:not-allowed;transform:none}.save-button{background:linear-gradient(135deg,#4fd1c5,#38b2ac)!important;border:none;border-radius:10px;box-shadow:0 3px 10px #4fd1c54d;color:#fff!important;font-size:1rem!important;font-weight:700;justify-content:center;letter-spacing:.5px;min-width:100px;padding:.75rem 1.5rem!important;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.save-button:hover:not(.disabled-link){background:linear-gradient(135deg,#38b2ac,#2c7a7b)!important;box-shadow:0 4px 15px #4fd1c566;color:#fff!important;transform:translateY(-1px)}.save-button.disabled-link{background:linear-gradient(135deg,#bdbdbd,#9e9e9e)!important;box-shadow:none;color:#757575!important;cursor:not-allowed;transform:none}.section-container{background-color:#f9fafb;border-radius:10px;box-shadow:0 2px 4px #0000000d;padding:1rem;width:100%}.number-grid{grid-gap:.5rem;background-color:#fff;border-radius:8px;box-shadow:inset 0 2px 4px #0000000d;display:grid;gap:.5rem;grid-template-columns:repeat(10,1fr);margin-bottom:1rem;max-height:60vh;overflow-y:auto;padding:.5rem}.number-button{align-items:center;background-color:#3c366b;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:2.3rem;font-weight:600;height:80px;justify-content:center;min-width:0;transition:all .2s ease;width:100%}.number-button:hover{background-color:#000;box-shadow:0 3px 6px #00000026;transform:translateY(-1px)}.number-button.selected{background-color:#ef2d56;transform:scale(1.02)}.selected-numbers{flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.selected-number,.selected-numbers{align-items:center;display:flex;justify-content:center}.selected-number{background-color:#34a8a2;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;min-height:40px;min-width:40px;padding:1rem;transition:all .2s ease}.selected-number:hover{background-color:#49d3c5;transform:translateY(-1px)}.selected-numbers-title{color:#2c3e50;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;text-align:center}.input-label{color:#000;display:block;font-size:.85rem;font-weight:600;margin-bottom:.25rem}.input-field{background-color:#e2e2e2;border:1px solid #cbd5e0;border-radius:6px;font-size:.9rem;padding:.6rem;transition:all .2s ease;width:100%}.input-field:focus{border-color:#5a67d8;box-shadow:0 0 0 2px #5a67d833;outline:none}.input-field:disabled{background-color:#f5f5f5;border-color:#e0e0e0;color:#9e9e9e;cursor:not-allowed}.input-field:disabled:focus{border-color:#e0e0e0;box-shadow:none}.input-with-controls{align-items:center;display:flex;position:relative}.input-with-controls .input-field{flex:1 1;padding-left:2.5rem;padding-right:2.5rem;text-align:center}.control-button{align-items:center;background-color:#4fd1c5;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:2rem;justify-content:center;position:absolute;transition:all .2s ease;width:2rem;z-index:2}.control-button:hover:not(:disabled){background-color:#38b2ac;transform:scale(1.05)}.control-button:disabled{background-color:#cbd5e0;color:#a0aec0;cursor:not-allowed;transform:none}.control-button.disabled{background-color:#e53e3e;color:#fff;cursor:not-allowed}.control-button.left{left:.25rem}.control-button.right{right:.25rem}.secondary-btn.deselect{background-color:#f26419;border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:.85rem;font-weight:700;padding:.6rem 1rem;transition:all .3s ease;width:100%}.input-row{align-items:end;display:flex;gap:.75rem;margin-bottom:.75rem}.input-wrapper{flex:1 1}.deselect-wrapper,.register-wrapper{flex:0 0 auto;min-width:100px}.register-button{background-color:#38b2ac;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.6rem 1rem;transition:all .2s ease;width:100%}.register-button:hover{background-color:#4c51bf;transform:translateY(-1px)}.error-message{color:#e53e3e;font-size:.75rem;margin-top:.25rem}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:350px;padding:1.5rem;width:90%}.modal-content h3{color:#2d3748;font-size:1.2rem;margin-bottom:10px}.modal-content p{color:#4a5568;font-size:.9rem;margin-bottom:15px}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}.modal-button{border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.modal-button.confirm{background-color:#34b3a6;border:none;color:#fff}.modal-button.confirm:hover{background-color:#2faea1}.modal-button.cancel{background-color:#edf2f7!important;border:1px solid #e2e8f0!important;color:#4a5568!important}.modal-button.cancel:hover{background-color:#e2e8f0}.modal-button.primarybtn{background-color:#34b3a6;border:none;color:#fff}.modal-button.primarybtn:hover{background-color:#2faea1}.disabled-link{cursor:not-allowed;opacity:.6;pointer-events:none}.cartela-source-toggle{background-color:#e2e2e2;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:1rem;padding:.75rem}.cartela-source-toggle label{color:#333;display:block;font-size:.85rem;font-weight:600;margin-bottom:.5rem}.toggle-buttons{display:flex;gap:.5rem;margin-bottom:.5rem}.toggle-button{background-color:#fff;border:2px solid #ddd;border-radius:6px;color:#555;cursor:pointer;flex:1 1;font-size:.8rem;font-weight:600;padding:.5rem .75rem;text-align:center;transition:all .3s ease}.toggle-button:hover{background-color:#f0f0f0;border-color:#aaa}.toggle-button.active{background-color:#158819;border:none;color:#fff}.cartela-info{color:#666;font-size:.75rem;font-style:italic;margin-top:.25rem}.home-button{align-items:center;background:linear-gradient(135deg,#6c757d,#495057)!important;border:none;border-radius:10px;box-shadow:0 3px 10px #6c757d4d;color:#fff!important;display:flex;font-size:1rem!important;font-weight:700;justify-content:center;letter-spacing:.5px;min-width:100px;padding:.75rem 1.5rem!important;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.home-button:hover{background:linear-gradient(135deg,#495057,#343a40)!important;box-shadow:0 4px 15px #6c757d66;color:#fff!important;transform:translateY(-1px)}.bet-settings-error{margin-bottom:1rem}.error-message-banner{background-color:#fee;border:1px solid #fcc;border-radius:8px;box-shadow:0 2px 4px #cc33331a;color:#c33;font-weight:600;padding:.75rem 1rem;text-align:center}@media (max-width:768px){.select-cartela-container{gap:.75rem;padding:.25rem}.action-bar{margin-bottom:.75rem;padding:.5rem}.action-buttons{gap:1rem}.action-button{font-size:.85rem;padding:.5rem 1rem}.section-container{padding:.75rem}.input-row{flex-direction:column;gap:.5rem}.deselect-wrapper,.register-wrapper{min-width:auto}.number-grid{gap:.4rem;grid-template-columns:repeat(8,1fr);max-height:50vh}.number-button{font-size:.9rem;height:70px}.selected-number{font-size:.8rem;min-height:35px;min-width:35px;padding:.75rem}.input-with-controls .input-field{padding-left:2.25rem;padding-right:2.25rem}.control-button{font-size:.9rem;height:1.75rem;width:1.75rem}}@media (max-width:480px){.select-cartela-container{padding:.25rem}.number-grid{gap:.3rem;grid-template-columns:repeat(6,1fr);max-height:45vh}.number-button{font-size:.8rem;height:70px}.action-buttons{flex-direction:row;gap:.5rem;justify-content:space-between;width:100%}.action-button{flex:1 1;font-size:.8rem;min-width:auto;padding:.6rem .5rem}.selected-numbers{gap:.4rem}.selected-number{font-size:.75rem;min-height:30px;min-width:30px;padding:.6rem}}@media (max-width:360px){.number-grid{grid-template-columns:repeat(5,1fr)}.number-button{font-size:.75rem;height:40px}}@media (max-width:768px) and (orientation:landscape){.number-grid{grid-template-columns:repeat(12,1fr);max-height:35vh}.number-button{font-size:.8rem;height:40px}}@media (max-width:480px) and (orientation:landscape){.number-grid{grid-template-columns:repeat(10,1fr);max-height:30vh}.number-button{font-size:.75rem;height:35px}}@media (max-width:360px) and (orientation:landscape){.number-grid{grid-template-columns:repeat(8,1fr)}.number-button{font-size:.7rem;height:30px}}.loader_container{align-items:center;background-color:#fffc;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.loader_container img{height:150px;width:150px}body{background-color:#221c49;color:#000;font-family:Arial,sans-serif;margin:0}.patterns-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:30px}@media (max-width:768px){.patterns-grid{grid-template-columns:repeat(1,1fr)}}@media (max-width:480px){.patterns-grid{grid-template-columns:1fr}}.bingo-card{background-color:#f0fff0;margin:0 auto;max-width:300px;transition:transform .3s ease;width:800px!important}.bingo-card:hover{transform:translateY(-5px)}.bingo-header{background-color:#000;display:flex;gap:1px}.bingo-header-cell{background-color:#162a3e;border-bottom:2px solid #333;flex:1 1;font-size:1.8rem;font-weight:900;padding:5px 0;text-align:center}.bingo-grid{display:flex;flex-direction:column}.bingo-row{display:flex;height:40px;width:100%}.bingo-cell{background-color:#fff;border:1px solid #000!important;flex:1 1;font-weight:700;width:50px}.bingo-cell.selected:after{background-color:#000;border-radius:50%;color:#00000080;content:" ";font-size:1.5rem;height:35px;position:absolute;width:35px}.B,.G,.I,.N,.O{color:#fff}.tabs-container{display:flex;justify-content:center}.tabs-boxed{display:inline-flex;padding:5px}.tab,.tabs-boxed{background-color:#332a6a}.tab{border:none;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px;transition:all .3s ease}.tab:hover{background-color:#443a8a}.tab-active{background-color:#a0e8a0;color:#221c49}.pattern-card{background-color:#332a6a;box-shadow:0 4px 12px #0000004d;overflow:hidden;transition:all .3s ease}.pattern-card:hover{box-shadow:0 8px 16px #0006;transform:translateY(-5px)}.card-title{color:#a0e8a0;font-size:1.3rem;font-weight:700;margin-bottom:15px;text-align:center}.pattern-group{margin-bottom:40px}.pattern-main-title{border-bottom:2px solid #a0e8a0;color:#a0e8a0;font-size:1.8rem;margin-bottom:20px;padding-bottom:10px;text-align:center;text-transform:uppercase}.selected-pattern-container{background-color:#064e3b;margin-bottom:30px;padding:20px;text-align:center}.selected-pattern-title{font-size:1.5rem;margin-bottom:15px}.login-container{align-items:stretch;background-color:#f9fafb;display:flex;flex-direction:row;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:space-between;max-height:100vh}.login-wrapper{display:flex;min-height:100vh;width:100%}.welcome-container{background-color:#fff;box-shadow:4px 0 6px -2px #00000026;display:flex;flex-direction:column;justify-content:center;padding:2rem;position:relative;width:35%}.small-logo{left:1.5rem;position:absolute;top:1.5rem;width:120px}.larg-logo-cont{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:center}.welcome-title{color:#000;font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.welcome-image{height:auto;margin:2rem 0;max-width:80%}.login-column{align-items:center;background-color:#f9fafb;display:flex;flex:1 1;justify-content:center;padding:2rem}.login-box{max-width:450px;padding:2rem;text-align:center;width:100%}.head-logo{margin-bottom:2rem}.brand-title{color:#000;font-size:2rem;font-weight:700;margin-bottom:.5rem}.login-subtitle{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:2rem}.hager-games{color:#2065d1;font-weight:700}.form-group{background:#e8f0fe;border:1px solid #ccc;border-radius:8px;margin-bottom:1.5rem;position:relative}.form-group legend{background:#e8f0fe;color:#4989e0;font-size:.875rem;font-weight:500;margin-left:.5rem;padding:0 .5rem;position:absolute;top:-.6rem}.form-group input{background:#0000;outline:none;padding:1.25rem .75rem .75rem}.form-group input,.login-button{border:none;font-size:1rem;width:100%}.login-button{background-color:#2065d1;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;padding:1rem;text-transform:uppercase;transition:background-color .3s ease}.login-button:hover{background-color:#164a9e}.login-button:disabled{background-color:#999;cursor:not-allowed}.line-with-text{align-items:center;color:#666;display:flex;margin:2rem 0;text-align:center;width:100%}.line-with-text:after,.line-with-text:before{background-color:#ddd;content:"";flex:1 1;height:1px}.line-with-text span{font-size:.875rem;margin:0 1rem}.footer-text{color:#666;font-size:.875rem;margin-top:2rem}.error-message{color:red;font-size:.875rem;margin-bottom:1rem;text-align:left}@media (max-width:1024px){.welcome-container{width:40%}.login-box{max-width:80%}}@media (max-width:768px){.login-container,.login-wrapper{flex-direction:column}.welcome-container{box-shadow:none;height:auto;order:-1;padding:1rem;width:100%}.larg-logo-cont{margin-top:2rem;padding:1rem}.welcome-title{font-size:2rem}.login-box,.login-column{padding:1rem}.login-box{max-width:100%}.small-logo{display:block;margin:1rem auto;position:static}}@media (max-width:480px){.welcome-title{font-size:1.8rem}.brand-title,.login-subtitle{font-size:1.5rem}.form-group input{padding:1rem .5rem}.login-button{padding:.8rem}}.logo-pulse{animation:pulseLogo 1.3s ease-in-out infinite}@keyframes pulseLogo{0%{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.larg-logo-cont img{display:none}.login-column{align-items:start}}.cashier-dashboard{min-height:100vh;padding:1.5rem}.dashboard-header{align-items:center;border-bottom:1px solid #000;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.cashier-dash-title{color:#000}.dashboard-header h1{color:var(--text-color);font-size:1.75rem;font-weight:700;margin:0}.user-info{align-items:center;display:flex;gap:1rem}.user-info span{color:var(--text-color);font-weight:500}.dashboard-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(18%,1fr));margin-bottom:2rem}.stat-value{color:#000!important;font-size:1.9rem;gap:.75rem;padding:1rem}.card{background-color:#fff}.stat-description{font-size:.875rem;margin-top:.5rem}.games-section{margin-bottom:2rem}.games-section .card-header{align-items:center;background-color:#fff!important;color:#000!important;display:flex;justify-content:space-between}.casher-sidebar{color:#000}.games-section .card-title{font-size:1.25rem;font-weight:600}.card-content{background-color:#f9fafb}.empty-state,.time{color:var(--text-light)}.empty-state{align-items:center;background-color:#fff;display:flex;flex-direction:column;justify-content:center;padding:3rem 1rem}.empty-state-icon{color:var(--border-color);height:3rem;margin-bottom:1rem;width:3rem}.empty-state-text{font-size:.875rem;margin:0 auto;max-width:20rem}@media (max-width:768px){.dashboard-header{align-items:flex-start;flex-direction:column;gap:1rem}.user-info{justify-content:space-between;width:100%}.dashboard-stats{grid-template-columns:1fr}.stat-value{font-size:1.5rem}.table-container{font-size:.875rem}}@media (max-width:480px){.cashier-dashboard{padding:1rem}.dashboard-header h1{font-size:1.5rem}.user-info{align-items:flex-start;flex-direction:column}.stat-value{font-size:1.25rem}}.back-btn{background-color:green!important}.home-link{background-color:#033b8e;border-radius:6px;box-shadow:0 2px 5px #0003;color:#000;cursor:pointer;font-size:1rem;font-weight:500;left:20px;padding:10px 20px;text-decoration:none;top:20px;transition:all .3s ease;z-index:1000;&:hover{background-color:#3a5a8f;box-shadow:0 4px 8px #0003;color:#000;text-decoration:none;transform:translateY(-2px)}&:active{box-shadow:0 2px 3px #0003;transform:translateY(0)}&:focus{outline:2px solid #fff;outline-offset:2px;text-decoration:none}}.cashier-section-header{align-items:center;display:flex;gap:2rem}:root{--primary-color:#3b82f6;--primary-hover:#2563eb;--secondary-color:#f3f4f6;--text-color:#000;--text-light:#6b7280;--bbackground-color:#f9fafb --card-background:#f9fafb;--success-bg:#d1fae5;--warning-bg:#fef3c7;--danger-color:#ef4444;--danger-bg:#fee2e2;--info-color:#3b82f6;--info-bg:#dbeafe;--sidebar-width:350px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.admin-dashboard{background-color:var(--background-color);color:#000;color:var(--text-color)}.main-content{margin-left:350px;margin-left:var(--sidebar-width)}.mobile-menu-toggle{background-color:var(--card-background);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.25rem;color:#000;display:none;height:4rem;width:4rem}.text-label{color:#000}.section-header{align-items:start;display:flex;justify-content:start;margin-bottom:1.5rem}.section-header h1{font-weight:700}h1{color:#fff}.header-actions{gap:1rem}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(30%,1fr));margin-bottom:1.5rem}.stat-card{border-radius:.5rem;overflow:hidden}.stat-card-header{border-bottom:1px solid var(--border-color)}.stat-card-header h3{color:var(--text-light)}.stat-icon{color:#3b82f6}.stat-value{align-items:center;display:flex;gap:.5rem;margin-bottom:.25rem}.stat-description{color:var(--text-light)}.table-card{background-color:var(--card-background);border-radius:.5rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);margin-bottom:1.5rem;overflow:hidden}.card-header{border-bottom:1px solid var(--border-color)}.card-header h3{color:#fff!important}.card-content{padding:1rem}table{border-collapse:collapse;width:100%}thead{background-color:#f3f4f6;background-color:var(--secondary-color)}th{color:#6b7280;color:var(--text-light);font-size:.75rem;font-weight:600;text-align:left;text-transform:uppercase}td,th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);padding:.75rem 1rem}td{font-size:.875rem}tr:last-child td{border-bottom:none}.selected-row{background-color:#dbeafe;background-color:var(--info-bg)}.status-badge{align-items:center;display:inline-flex;justify-content:center}.status-badge.permitted{background-color:var(--success-bg);color:#10b981;color:var(--success-color)}.status-badge.blocked{background-color:var(--danger-bg);color:#ef4444;color:var(--danger-color)}.status-badge.completed{background-color:var(--success-bg);color:#10b981;color:var(--success-color)}.status-badge.active{background-color:var(--info-bg);color:#3b82f6;color:var(--info-color)}.status-badge.pending{background-color:#fef3c7;background-color:var(--warning-bg);color:#f59e0b;color:var(--warning-color)}.action-button{background-color:initial;border:1px solid #e5e7eb;border:1px solid var(--border-color);color:#000;justify-content:center}.action-button:hover{background-color:#f3f4f6;background-color:var(--secondary-color)}.view-button{background-color:#dbeafe;background-color:var(--info-bg);border-color:#3b82f6;border-color:var(--info-color);color:#000!important}.view-button:hover{background-color:#3b82f6;background-color:var(--info-color);color:#fff}.edit-button:hover{border-color:#3b82f6;border-color:var(--primary-color);color:#3b82f6;color:var(--primary-color)}.status-button:hover{border-color:#f59e0b;border-color:var(--warning-color);color:#f59e0b;color:var(--warning-color)}.delete-button:hover{border-color:#ef4444;border-color:var(--danger-color);color:#ef4444;color:var(--danger-color)}.button-icon{height:1rem;width:1rem}.add-button{border-radius:.25rem;color:#fff!important}.add-button .button-icon{margin-right:.5rem}.form-grid{grid-template-columns:1fr 1fr}.form-group{margin-bottom:1rem;padding:.6rem!important}label{font-size:.875rem;font-weight:500}input,select{border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.25rem;font-size:.875rem;padding:.5rem}input:focus,select:focus{border-color:#3b82f6;border-color:var(--primary-color);box-shadow:0 0 0 1px #3b82f6;box-shadow:0 0 0 1px var(--primary-color);outline:none}.filter-container{margin-bottom:1rem}.cashier-filter,.date-filter{align-items:center;display:flex}.cashier-filter label,.date-filter label{align-items:center;gap:.5rem}.cashier-filter select,.date-filter input{border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.25rem}.settings-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.setting-item{gap:.5rem}.setting-item label{color:#6b7280;color:var(--text-light);font-size:.75rem;text-transform:uppercase}.setting-item p{font-size:.875rem;font-weight:500}.dialog-overlay{background-color:#00000080;inset:0;position:fixed;z-index:50}.dialog-content{background-color:var(--card-background);border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;left:50%;max-height:85vh;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:51}.dialog-header{margin-bottom:1rem}.dialog-title{font-size:1.25rem;font-weight:600}@media (max-width:500px){.desktop-sidebar{display:none!important}.close-sidebar-button,.mobile-sidebar{display:block}.mobile-menu-toggle{display:flex}.main-content{margin-left:0}.form-grid,.stats-grid{grid-template-columns:1fr}.filter-container{align-items:flex-start}.action-buttons,.filter-container{flex-direction:column}.action-button{width:100%}.section-header{align-items:flex-start;flex-direction:column;gap:1rem}.header-actions{justify-content:space-between;width:100%}}.report-label{color:#000}.cashier-report-section .selected-row{background-color:#f9fafb}.selection-summary{align-items:center;background-color:#f8f9fa;border-radius:4px;display:flex;gap:1rem;margin-top:1rem;padding:.75rem}.selection-summary .selected-count{color:#6c757d;font-size:.875rem}.report-card .table-container{max-height:500px;overflow-y:auto}.report-card input[type=checkbox]{cursor:pointer;height:16px;width:16px}.admin-dashboard{display:flex;min-height:100vh;position:relative}.mobile-sidebar{background:#fff;box-shadow:2px 0 10px #0000001a;height:100vh;left:-280px;overflow-y:auto;position:fixed;top:0;transition:left .3s ease-in-out;width:280px;z-index:1000}.mobile-sidebar.open{left:0}.sidebar-overlay{background:#00000080;cursor:pointer;z-index:999}.sidebar-header{margin-bottom:2rem;padding-bottom:1rem}.sidebar-header h2{color:#1f2937}.close-sidebar-button{align-items:center;background:none;border:none;border-radius:.375rem;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:background-color .2s}.close-sidebar-button:hover{background-color:#f3f4f6}.close-sidebar-button:focus{outline:2px solid #3b82f6;outline-offset:2px}.close-icon{color:#6b7280;height:1.25rem;width:1.25rem}.sidebar-menu{flex:1 1}.sidebar-menu nav ul{list-style:none;margin:0;padding:0}.sidebar-menu nav ul li{margin-bottom:.5rem}.sidebar-menu nav ul li button{align-items:center;background:none;border:none;border-radius:.5rem;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .2s;width:100%}.sidebar-menu nav ul li button:hover{background-color:#f3f4f6;color:#1f2937}.sidebar-menu nav ul li button.active{background-color:#3b82f6;color:#fff}.menu-icon{flex-shrink:0;height:1.25rem;width:1.25rem}.main-content{min-width:0;padding:1rem;width:100%}.remaining-balance{background-color:green!important;color:#fff}.ramaining-stat-value,.remaining-stat-card-header h3,.remaining-wallet{color:#fff!important}.section-header h1{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.mobile-menu-toggle{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;cursor:pointer;display:flex;justify-content:center;order:-1;padding:.5rem;transition:all .2s}.mobile-menu-toggle:hover{background-color:#f9fafb;border-color:#9ca3af}.mobile-menu-toggle:focus{outline:2px solid #3b82f6;outline-offset:2px}.mobile-menu-toggle svg{color:#374151;height:1.25rem;width:1.25rem}.stats-grid{grid-template-columns:1fr}.stat-card,.table-card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.stat-card-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem}.stat-card-header h3{color:#6b7280;font-size:.875rem;font-weight:500;margin:0}.stat-icon{color:#6b7280;height:1.25rem;width:1.25rem}.stat-card-content{padding:1rem}.stat-value span{color:#1f2937;font-size:1.5rem;font-weight:700}.stat-description{color:#6b7280;font-size:.75rem;margin:.25rem 0 0}.card-header{border-bottom:1px solid #e5e7eb;flex-wrap:wrap;gap:1rem;padding:1rem}.card-header h3{color:#1f2937;font-size:1rem;font-weight:600;margin:0}.card-content{padding:0}.table-container{overflow-x:auto}.table-container table{min-width:600px;width:100%}.filter-container{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.cashier-filter label,.date-filter label{display:flex;flex-direction:column;font-size:.875rem;gap:.25rem}.cashier-filter select,.date-filter input{border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;padding:.5rem}.action-buttons{flex-wrap:wrap}.action-button{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:.25rem;cursor:pointer;display:flex;font-size:.75rem;gap:.25rem;padding:.25rem .5rem;transition:all .2s}.action-button:hover{background-color:#f9fafb}.button-icon{height:.875rem;width:.875rem}.status-badge{border-radius:.25rem;padding:.25rem .5rem}.status-badge.completed{background-color:#d1fae5;color:#065f46}.status-badge.active{background-color:#dbeafe;color:#1e40af}.status-badge.permitted{background-color:#d1fae5;color:#065f46}.status-badge.blocked{background-color:#fee2e2;color:#991b1b}.pagination-controls{align-items:center;border-top:1px solid #e5e7eb;justify-content:center;padding:1rem}.pagination-button{background:#fff;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:all .2s}.pagination-button:hover:not(:disabled){background-color:#f9fafb}.pagination-button:disabled{opacity:.5}.page-info{color:#6b7280;font-size:.875rem}.form{display:flex;flex-direction:column;gap:1rem}.form-group{gap:.25rem}.form-actions{gap:.5rem;margin-top:1rem}.text-label{color:#374151;font-weight:500}.time{color:#6b7280;display:block;font-size:.75rem;margin-top:.25rem}.cartela-management{padding:1rem}.cards-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}.bingo-card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:.1rem}.new-card{border-color:#3b82f6;border-width:2px}.card-header{justify-content:space-between;margin-bottom:1rem}.card-header,.card-number-edit{align-items:center;display:flex}.card-number-edit{gap:.5rem}.card-number-input{border:1px solid #d1d5db;border-radius:.25rem;font-size:.875rem;padding:.25rem .5rem;width:80px}.bingo-grid{margin-bottom:1rem}.bingo-header{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(5,1fr);margin-bottom:2px}.bingo-letter{color:#fff;font-size:1.125rem;font-weight:700;padding:.5rem;text-align:center}.bingo-body{display:flex;flex-direction:column;gap:2px}.bingo-row{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(5,1fr)}.bingo-cell{align-items:center;aspect-ratio:1;background:#fff;border:1px solid #d1d5db;display:flex;justify-content:center}.bingo-input{background:#0000;border:none;font-size:.875rem;height:100%;text-align:center;width:100%}.bingo-input:focus{outline:2px solid #3b82f6;outline-offset:-2px}.bingo-input:disabled{background-color:#f3f4f6;color:#6b7280}.card-actions{display:flex;gap:.5rem;justify-content:flex-end}.add-btn,.cancel-btn,.create-btn,.delete-btn,.edit-btn,.save-btn{align-items:center;border-radius:.375rem;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.save-btn{background-color:#10b981;border:none;color:#fff}.save-btn:hover{background-color:#059669}.save-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.edit-btn{background-color:#3b82f6;border:none;color:#fff}.edit-btn:hover{background-color:#2563eb}.delete-btn{background-color:#ef4444;border:none;color:#fff}.delete-btn:hover{background-color:#dc2626}.cancel-btn{background-color:#6b7280;border:none;color:#fff}.cancel-btn:hover{background-color:#4b5563}.add-btn,.create-btn{background-color:#3b82f6;border:none;color:#fff}.add-btn:hover,.create-btn:hover{background-color:#2563eb}.empty-state{padding:3rem;text-align:center}.empty-content{align-items:center;display:flex;flex-direction:column;gap:1rem}.empty-icon{color:#9ca3af;height:3rem;width:3rem}@media (min-width:640px){.cards-grid,.form-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.desktop-sidebar{background:#fff;border-right:1px solid #e5e7eb;display:block;height:100vh;overflow-y:auto;position:sticky;top:0;width:280px}.mobile-menu-toggle,.mobile-sidebar{display:none}.main-content{padding:2rem}.section-header{margin-bottom:3rem}.section-header h1{font-size:2rem}.cards-grid,.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.stats-grid{grid-template-columns:repeat(3,1fr)}.cards-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1280px){.stats-grid{grid-template-columns:repeat(4,1fr)}.cards-grid{grid-template-columns:repeat(5,1fr)}}.full-page-loader{background:#ffffffe6;display:flex;height:100%;justify-content:center;left:0;margin-left:0;margin-right:0;position:fixed;top:0;width:100%;z-index:9999}.full-page-loader,.header-actions{align-items:center}.add-button{background-color:#3b82f6;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s}.add-button:hover{background-color:#2563eb}.selected-row{background-color:#eff6ff}.settings-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}.setting-item{display:flex;flex-direction:column;gap:.25rem}@media (min-width:640px){.settings-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.desktop-sidebar{display:none!important}.mobile-sidebar{display:block;left:0;position:fixed;top:0;transform:translateX(-100%);z-index:1000}.mobile-sidebar.open{transform:translateX(0)}.main-content{margin-left:0;width:100%}.mobile-menu-toggle{display:flex}}@media (min-width:769px){.desktop-sidebar{display:block!important}.mobile-menu-toggle,.mobile-sidebar{display:none!important}}body.sidebar-open{overflow:hidden}.dialog-content{background-color:#fff;border-radius:8px;padding:24px}.topup-form{display:flex;flex-direction:column;gap:16px}.form-group{gap:6px}.form-group label{color:#555;font-size:14px}.form-group input{border:1px solid #ccc;border-radius:6px;font-size:15px;padding:10px}.form-summary{background-color:#f9f9f9;border:1px solid #eee;border-radius:6px;padding:12px}.form-summary p{font-size:15px;margin:0}.form-summary .highlight{color:#1a73e8;font-weight:600}.form-summary .highlight-green{color:#0f9d58}.submit-button{background-color:#1a73e8;border:none;border-radius:6px;color:#fff!important;cursor:pointer;font-size:14px;padding:10px 18px}.submit-button:hover{background-color:#1669c1}.manage-cartela-hamburger{align-items:center;display:flex;justify-content:end}@media (max-width:769px){.manage-cartela-hamburger{align-items:center;display:flex;justify-content:space-between!important}}.utx-container{background:#fff;border:1px solid #e2e8f0;box-shadow:0 8px 32px #00000014;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.utx-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:25px 30px}.utx-header-content{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.utx-title{color:#fff;font-size:1.2rem;font-weight:800;margin:0;text-shadow:0 2px 4px #0000001a}.utx-summary{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.utx-total-count{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:24px;font-size:.7rem;font-weight:600;padding:8px 16px}.utx-page-indicator{color:#fffc;font-size:.5rem;font-weight:500}.utx-table-wrapper{background:#fff;overflow-x:auto;position:relative}.utx-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff2;bottom:0;display:flex;flex-direction:column;gap:20px;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:20}.utx-spinner{animation:utx-spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#4f46e5;height:48px;width:48px}.utx-loading-text{color:#64748b;font-size:1.1rem;font-weight:600}@keyframes utx-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.utx-table-container{overflow-x:auto}.utx-table{background:#fff;border-collapse:collapse;font-size:.4rem;width:100%}.utx-table-head{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0}.utx-header-row{border-bottom:2px solid #cbd5e1}.utx-th{color:#334155;font-size:.85rem;font-weight:700;letter-spacing:.05em;padding:10px 14px;position:relative;text-align:left;text-transform:uppercase;white-space:nowrap}.utx-th:after{background:linear-gradient(90deg,#4f46e5,#7c3aed);bottom:0;content:"";height:2px;left:0;position:absolute;right:0;transform:scaleX(0);transition:transform .3s ease}.utx-th:hover:after{transform:scaleX(1)}.utx-table-body{background:#fff}.utx-data-row{border-bottom:1px solid #f1f5f9;position:relative;transition:all .2s ease}.utx-data-row:hover{background:linear-gradient(135deg,#fefbff,#f8fafc);box-shadow:0 4px 12px #0000000d;transform:translateY(-1px)}.utx-data-row:nth-child(2n){background:#fafbfc}.utx-data-row:nth-child(2n):hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.utx-td{border-bottom:1px solid #f1f5f9;color:#1e293b;padding:20px 24px;vertical-align:top}.utx-transaction-id{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:1px solid #c7d2fe;border-radius:8px;color:#4f46e5;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.7rem;font-weight:700;padding:6px 12px}.utx-type-badge{border:2px solid #0000;border-radius:20px;display:inline-block;font-size:.7rem;font-weight:300;letter-spacing:.05em;padding:4px 6px;text-transform:uppercase}.utx-type-send{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d;color:#fff}.utx-type-receive{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d;color:#fff}.utx-type-default{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 4px 12px #6366f14d;color:#fff}.utx-status-badge{border-radius:20px;display:inline-block;font-size:.7rem;font-weight:300;letter-spacing:.05em;padding:4px 9px;text-transform:uppercase}.utx-status-completed{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 12px #22c55e4d;color:#fff}.utx-status-pending{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b4d;color:#fff}.utx-status-failed{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d;color:#fff}.utx-amount-value{color:#059669;display:block;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.7rem;font-weight:700}.utx-currency{color:#6b7280;font-size:.75rem;font-weight:600;margin-left:4px}.utx-package-value{color:#7c3aed;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.7rem;font-weight:700}.utx-user-card{display:flex;flex-direction:column;gap:6px;max-width:200px}.utx-user-name{color:#1e293b;font-size:.7rem;font-weight:700;line-height:1.2}.utx-user-meta{display:flex;flex-direction:column;gap:4px}.utx-username{color:#64748b;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.7rem;font-weight:500}.utx-role-tag{border-radius:12px;display:inline-block;font-size:.7rem;font-weight:600;padding:4px 10px;text-transform:capitalize;width:fit-content}.utx-role-company{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.utx-role-super-agent{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.utx-role-admin{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.utx-role-agent{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.utx-role-default{background:#e2e8f0;color:#475569}.utx-datetime{display:flex;flex-direction:column;gap:4px}.utx-date{color:#1e293b;font-size:.7rem;font-weight:600}.utx-date.utx-recent{color:#059669;font-weight:700}.utx-time{color:#64748b;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.7rem}.utx-no-data{color:#94a3b8;font-size:.7rem;font-style:italic}.utx-empty-row{background:#fff}.utx-empty-cell{padding:80px 40px;text-align:center}.utx-empty-state{align-items:center;display:flex;flex-direction:column;gap:16px}.utx-empty-icon{font-size:.7rem;opacity:.5}.utx-empty-text{color:#64748b;font-size:.7rem;font-weight:600;margin:0}.utx-empty-subtext{color:#94a3b8;font-size:.7rem;margin:0}.utx-pagination{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1px solid #e2e8f0;justify-content:space-between;padding:32px 40px}.utx-pagination,.utx-pagination-info{align-items:center;display:flex}.utx-pagination-summary{color:#64748b;font-size:.7rem;font-weight:600}.utx-pagination-controls{align-items:center;display:flex;gap:12px}.utx-pagination-btn{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;color:#475569;cursor:pointer;font-size:.7rem;font-weight:600;padding:12px 20px;transition:all .3s ease}.utx-pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#7c3aed);border-color:#4f46e5;box-shadow:0 8px 20px #4f46e54d;color:#fff;transform:translateY(-2px)}.utx-pagination-btn:disabled{box-shadow:0 2px 4px #0000000d;cursor:not-allowed;opacity:.4;transform:none}.utx-page-numbers{display:flex;gap:6px}.utx-page-btn{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;color:#475569;cursor:pointer;font-size:.7rem;font-weight:600;min-width:48px;padding:12px 16px;text-align:center;transition:all .3s ease}.utx-page-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.utx-page-btn.utx-active-page{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-color:#4f46e5;box-shadow:0 8px 20px #4f46e566;color:#fff;transform:translateY(-2px)}.utx-page-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.utx-error-wrapper{background:#fff;padding:80px 40px;text-align:center}.utx-error-icon{font-size:3rem;margin-bottom:24px}.utx-error-title{color:#dc2626;font-size:1.75rem;font-weight:700;margin:0 0 16px}.utx-error-message{color:#64748b;font-size:.7rem;line-height:1.6;margin:0 0 32px}.utx-retry-btn{background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:12px;box-shadow:0 8px 20px #4f46e54d;color:#fff;cursor:pointer;font-size:.7rem;font-weight:700;padding:16px 32px;transition:all .3s ease}.utx-retry-btn:hover{box-shadow:0 12px 28px #4f46e566;transform:translateY(-2px)}@media (max-width:1200px){.utx-td,.utx-th{padding:16px 20px}.utx-user-card{max-width:160px}}@media (max-width:768px){.utx-header{padding:24px 20px}.utx-header-content{align-items:flex-start;flex-direction:column;gap:16px}.utx-title{font-size:.7rem}.utx-summary{align-items:flex-start}.utx-pagination{align-items:stretch;flex-direction:column;gap:20px;padding:24px 20px}.utx-page-numbers,.utx-pagination-controls,.utx-pagination-info{justify-content:center}.utx-page-numbers{flex-wrap:wrap}.utx-table{font-size:.8rem}.utx-td,.utx-th{padding:12px 16px}.utx-user-name{font-size:.85rem}.utx-username{font-size:.75rem}}@media (max-width:480px){.utx-header,.utx-pagination{padding:20px 16px}.utx-page-btn,.utx-pagination-btn{font-size:.8rem;padding:10px 14px}.utx-page-btn{min-width:40px}.utx-td,.utx-th{padding:10px 12px}.utx-user-meta{gap:2px}.utx-role-tag{font-size:.65rem;padding:2px 8px}}@media print{.utx-container{border:1px solid #000;box-shadow:none}.utx-header{background:#f0f0f0!important;color:#000!important}.utx-loading-overlay,.utx-pagination{display:none}}.tt-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin:20px 0;overflow:hidden;width:100%!important}.tt-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e5e7eb;color:#fff;display:flex;justify-content:space-between;padding:24px 28px}.tt-title{color:#fff;font-size:1.3rem;font-weight:700;margin:0}.tt-info{align-items:center;display:flex;gap:16px}.tt-total-items{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;color:#ffffffe6;font-size:.9rem;font-weight:500;padding:6px 12px}.tt-wrapper{overflow-x:auto;position:relative}.tt-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffffe6;bottom:0;display:flex;flex-direction:column;gap:16px;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.tt-loading-spinner{animation:tt-spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:40px;width:40px}.tt-loading-text{color:#6b7280;font-weight:500}@keyframes tt-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.tt-table{border-collapse:collapse;font-size:.875rem;width:100%}.tt-thead{background:linear-gradient(135deg,#667eea,#764ba2)}.tt-header-row{border-bottom:2px solid #e5e7eb}.tt-th{color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.05em;padding:16px 20px;text-align:left;text-transform:uppercase;white-space:nowrap}.tt-tbody{background:#fff}.tt-row{border-bottom:1px solid #f3f4f6;transition:background-color .2s ease}.tt-row:hover{background-color:#f8fafc}.tt-row:nth-child(2n){background-color:#fafbfc}.tt-row:nth-child(2n):hover{background-color:#f1f5f9}.tt-td{color:#111827;padding:16px 20px;vertical-align:top}.tt-transaction-id{color:#667eea;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;font-weight:600}.tt-type-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.tt-status-badge,.tt-type-badge{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.025em;padding:6px 12px;text-transform:capitalize}.tt-status-completed{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.tt-status-pending{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.tt-status-failed{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.tt-amount{color:#059669}.tt-amount,.tt-package{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-weight:600}.tt-package{color:#7c3aed}.tt-user-info{display:flex;flex-direction:column;gap:4px}.tt-user-name{color:#111827;font-size:.9rem;font-weight:600}.tt-user-details{display:flex;flex-direction:column;gap:2px}.tt-username{color:#6b7280;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem}.tt-role-badge{border-radius:12px;display:inline-block;font-size:.65rem;font-weight:600;padding:2px 8px;text-transform:capitalize;width:fit-content}.tt-role-company{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.tt-role-super-agent{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.tt-role-admin{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.tt-role-default{background:#e5e7eb;color:#374151}.tt-date-info{display:flex;flex-direction:column;gap:2px}.tt-date-text{color:#111827;font-size:.85rem;font-weight:500}.tt-time-text{color:#6b7280;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem}.tt-no-data{color:#6b7280;font-size:1.1rem;font-style:italic;padding:60px 16px;text-align:center}.tt-no-data-inline{color:#9ca3af;font-size:.8rem;font-style:italic}.tt-pagination-container{background:#f8fafc;border-top:1px solid #e5e7eb;justify-content:space-between;padding:20px 28px}.tt-pagination-container,.tt-pagination-info{align-items:center;display:flex}.tt-pagination-text{color:#6b7280;font-size:.875rem;font-weight:500}.tt-pagination-controls{align-items:center;display:flex;gap:8px}.tt-pagination-button{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#374151;cursor:pointer;font-size:.875rem;font-weight:600;padding:10px 16px;transition:all .2s ease}.tt-pagination-button:hover:not(:disabled){background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 8px #667eea4d;color:#fff;transform:translateY(-1px)}.tt-pagination-button:disabled{box-shadow:0 1px 2px #0000000d;cursor:not-allowed;opacity:.5;transform:none}.tt-next-button,.tt-prev-button{min-width:80px}.tt-page-numbers{display:flex;gap:4px}.tt-page-number{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#374151;cursor:pointer;font-size:.875rem;font-weight:600;min-width:44px;padding:10px 14px;text-align:center;transition:all .2s ease}.tt-page-number:hover:not(:disabled){background-color:#f3f4f6;border-color:#9ca3af;transform:translateY(-1px)}.tt-page-number.tt-active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 8px #667eea4d;color:#fff}.tt-page-number:disabled{cursor:not-allowed;opacity:.5;transform:none}.tt-error-message{color:#dc2626;padding:60px 20px;text-align:center}.tt-error-title{font-size:1.5rem;font-weight:700;margin:0 0 12px}.tt-error-text{color:#6b7280;font-size:1.1rem;margin:0 0 20px}.tt-retry-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 8px #667eea4d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 24px;transition:all .2s ease}.tt-retry-button:hover{box-shadow:0 6px 12px #667eea66;transform:translateY(-2px)}@media (max-width:1024px){.tt-td,.tt-th{padding:12px 16px}.tt-user-info{gap:2px}.tt-user-name{font-size:.85rem}}@media (max-width:768px){.tt-header{align-items:flex-end;flex-direction:column;gap:12px;padding:20px}.tt-title{font-size:1.5rem}.tt-pagination-container{align-items:stretch;flex-direction:column;gap:16px;padding:20px}.tt-page-numbers,.tt-pagination-controls,.tt-pagination-info{justify-content:center}.tt-page-numbers{flex-wrap:wrap}.tt-table{font-size:.8rem}.tt-td,.tt-th{padding:10px 12px}.tt-user-name{font-size:.8rem}.tt-username{font-size:.7rem}}@media (max-width:480px){.tt-header,.tt-pagination-container{padding:16px}.tt-page-number,.tt-pagination-button{font-size:.8rem;padding:8px 12px}.tt-page-number{min-width:36px}.tt-td,.tt-th{padding:8px 10px}.tt-user-details{gap:1px}.tt-role-badge{font-size:.6rem;padding:1px 6px}.tt-next-button,.tt-prev-button{min-width:70px}}@media print{.tt-container{border:1px solid #000;box-shadow:none}.tt-header{background:#f0f0f0!important;color:#000!important}.tt-loading-overlay,.tt-pagination-container{display:none}}.sales-summary{display:flex;flex-wrap:wrap;gap:20px;margin-top:10px}.summary-item{border-radius:6px;color:#000;font-size:14px;padding:8px 12px}.filters-container,.summary-item{background-color:#f8f9fa;border:1px solid #e9ecef}.filters-container{border-radius:8px;margin-bottom:20px;padding:20px}.filters-row{align-items:end;display:flex;flex-wrap:wrap;gap:15px}.filter-group{min-width:150px}.filter-group label{color:#495057;display:block;font-size:14px;font-weight:500;margin-bottom:5px}.filter-group input,.filter-group select{background-color:#fff;border:1px solid #ced4da;border-radius:4px;font-size:14px;padding:8px 12px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.filter-group input:focus,.filter-group select:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.filter-group input:disabled,.filter-group select:disabled{background-color:#f8f9fa;cursor:not-allowed}.filter-actions{display:flex;gap:10px}.filter-actions button{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .15s ease-in-out}.filter-actions button:hover:not(:disabled){opacity:.9}.filter-actions button:disabled{cursor:not-allowed;opacity:.6}.tt-status-completed{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.tt-status-pending{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.tt-status-cancelled{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.tt-status-default{background-color:#e2e3e5;border:1px solid #d6d8db;color:#383d41}@media (max-width:768px){.filters-row{align-items:stretch;flex-direction:column}.filter-group{min-width:100%}.filter-actions{justify-content:stretch}.filter-actions button{flex:1 1}.sales-summary{flex-direction:column;gap:10px}.summary-item{text-align:center}}@media (max-width:480px){.tt-table{font-size:12px}.tt-td,.tt-th{padding:8px 4px}}:root{--primary-color:#4f46e5;--primary-hover:#4338ca;--secondary-color:#6b7280;--success-color:#10b981;--error-color:#ef4444;--warning-color:#f59e0b;--background-color:#f9fafb;--card-background:#fff;--text-color:#111827;--text-secondary:#4b5563;--border-color:#e5e7eb;--sidebar-width:250px;--sidebar-minimized-width:70px;--header-height:60px;--shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--radius:0.375rem;--transition:all 0.3s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}.dashboard-container,body{background-color:var(--bbackground-color)}.dashboard-container{display:flex;min-height:100vh;position:relative}.main-content{background-color:#f9fafb!important;flex:1 1;min-height:100vh;padding:1.5rem;transition:all .3s ease;transition:var(--transition)}.main-content.sidebar-open{margin-left:250px;margin-left:var(--sidebar-width)}.main-content.sidebar-minimized{margin-left:70px;margin-left:var(--sidebar-minimized-width)}.sidebar{align-items:start!important;background-color:#fff;background-color:var(--card-background);border-right:1px solid #e5e7eb;border-right:1px solid var(--border-color);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transition:all .3s ease;transition:var(--transition);width:250px;width:var(--sidebar-width);z-index:100}.sidebar.closed{transform:translateX(-100%)}.sidebar.minimized{width:70px;width:var(--sidebar-minimized-width)}.sidebar-header,.user-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.user-header{border-radius:8px;box-shadow:0 2px 8px #0000001a;font-size:1.2rem;font-weight:600;margin:16px;overflow:hidden;padding:12px 16px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.sidebar-header h2{color:#fff!important;font-size:1.25rem;font-weight:600;margin:0}.sidebar-toggle{align-items:center;border:none;color:#000;cursor:pointer;display:flex;justify-content:center;padding:.25rem}.sidebar-toggle:hover{background-color:#ffffff1a}.sidebar-loading{color:#4b5563;color:var(--text-secondary);padding:1rem;text-align:center}.company-info{background-color:#4f46e50d;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);padding:1rem}.company-info h3{color:#4f46e5;color:var(--primary-color);font-weight:600;margin-bottom:.75rem}.company-info h3,.info-details{font-size:.875rem}.info-details p{display:flex;justify-content:space-between;margin-bottom:.5rem}.info-details p:last-child{margin-bottom:0}.sidebar-nav-item{align-items:center;border-left:3px solid #0000;border-radius:0;color:#4b5563;color:var(--text-secondary);display:flex;font-size:.875rem;margin-bottom:.25rem;padding:.75rem 1rem;text-align:left;transition:background-color .2s;width:100%}.sidebar-nav-item:hover{background-color:#4f46e50d;color:#4f46e5;color:var(--primary-color)}.sidebar-nav-item.active{background-color:#4f46e51a;border-left:3px solid #4f46e5;border-left:3px solid var(--primary-color);color:#4f46e5;color:var(--primary-color);font-weight:500}.sidebar-icon{align-items:center;display:flex;height:24px;justify-content:center;margin-right:.75rem;width:24px}.sidebar.minimized .sidebar-nav-item{justify-content:center;padding:.75rem 0}.sidebar.minimized .sidebar-icon{margin-right:0}.sidebar-overlay{background-color:#00000080;display:none;height:100%;left:0;width:100%;z-index:90}@media (max-width:768px){.sidebar-overlay{display:block}}.mobile-menu-button{background-color:#4f46e5;background-color:var(--primary-color);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#000;display:none;left:1rem;position:fixed;top:1rem;z-index:80}@media (max-width:768px){.mobile-menu-button{display:flex}}.card-header-content{align-items:end;display:flex;justify-content:end;width:100%}.admin-detail-card{margin-bottom:1.5rem}.header-left{align-items:center;display:flex;gap:1rem}.header-actions{display:flex;gap:.5rem}.admin-name{font-size:1.5rem;font-weight:600}.back-button{align-items:center;color:#000!important;display:flex;gap:.5rem}.admin-tabs{margin-top:1rem}.admin-tabs-list{margin-bottom:1.5rem}.admin-tab-content{padding:1rem 0}.admin-details{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:1.5rem}.detail-card{background-color:#fff;background-color:var(--card-background);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.375rem;border-radius:var(--radius);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);padding:1.5rem}.detail-card h3{color:#4f46e5;color:var(--primary-color);font-size:1rem;font-weight:600;margin-bottom:1rem}.detail-row{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.75rem}.detail-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-label{color:#4b5563;color:var(--text-secondary)}.detail-label,.detail-value{font-weight:500}.cashiers-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.cashiers-header h3{color:#111827;color:var(--text-color);font-size:1.125rem;font-weight:600}.cashier-games{margin-top:1rem}.cashier-games-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.cashier-games-header h3{color:#111827;color:var(--text-color);font-size:1.125rem;font-weight:600}.table-responsive{border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.375rem;border-radius:var(--radius);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);overflow-x:auto;width:100%}.status-badge{border-radius:9999px;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .75rem;text-transform:capitalize}.status-badge.permitted,.status-badge.playing{background-color:#10b9811a;color:#10b981;color:var(--success-color)}.status-badge.blocked,.status-badge.canceled{background-color:#ef44441a;color:#ef4444;color:var(--error-color)}.status-badge.completed{background-color:#f59e0b1a;color:#f59e0b;color:var(--warning-color)}.action-buttons,.add-button{display:flex;gap:.5rem}.add-button{align-items:center;background-color:#4f46e5;background-color:var(--primary-color);color:#000}.add-button:hover{background-color:#4338ca;background-color:var(--primary-hover)}.edit-button{border-color:#4f46e5;border-color:var(--primary-color);color:#4f46e5;color:var(--primary-color)}.edit-button:hover{background-color:#4f46e51a}.delete-button{border-color:#ef4444;border-color:var(--error-color);color:#ef4444;color:var(--error-color)}.delete-button:hover{background-color:#ef44441a}.status-button{border-color:#f59e0b;border-color:var(--warning-color);color:#f59e0b;color:var(--warning-color)}.status-button:hover{background-color:#f59e0b1a}.block-button{border-color:#ef4444;border-color:var(--error-color);color:#ef4444;color:var(--error-color)}.block-button:hover{background-color:#ef44441a}.unblock-button{border-color:#10b981;border-color:var(--success-color);color:#10b981;color:var(--success-color)}.unblock-button:hover{background-color:#10b9811a}.game-button,.view-button{background-color:#fff!important;border-color:#4f46e5;border-color:var(--primary-color);color:#000!important}.game-button:hover,.view-button:hover{background-color:#4f46e51a}.save-button,.submit-button{align-items:center;background-color:#4f46e5;background-color:var(--primary-color);color:#000;display:flex;gap:.5rem}.save-button:hover,.submit-button:hover{background-color:#4338ca;background-color:var(--primary-hover)}.form-group{margin-bottom:1.25rem}.error{color:#ef4444;color:var(--error-color);font-size:.75rem;margin-top:.25rem}.checkbox-group{align-items:center;display:flex}.checkbox-label{flex-grow:1;margin-right:.5rem}.checkbox{border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.25rem;cursor:pointer;height:1.25rem;width:1.25rem}.loading{align-items:center;color:#4b5563;color:var(--text-secondary);display:flex;font-size:1rem;justify-content:center;padding:3rem}.company-panel{margin-bottom:1.5rem}.company-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{align-items:center;background-color:var(--card-background);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.375rem;border-radius:var(--radius);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease;transition:var(--transition)}.stat-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.stat-icon{align-items:center;background-color:#4f46e51a;border-radius:50%;color:#4f46e5;color:var(--primary-color);display:flex;height:48px;justify-content:center;width:48px}.stat-content{flex:1 1}.stat-content h3{color:#4b5563;color:var(--text-secondary);font-size:.875rem;margin-bottom:.5rem}.stat-value{color:#111827;color:var(--text-color);font-weight:600}.company-form-card{margin-top:2rem}.company-form h3{color:#111827;color:var(--text-color);font-size:1.125rem;margin-bottom:1.5rem}.dialog-content{max-width:500px;padding:1.5rem;width:100%}.text-success{color:#10b981;color:var(--success-color)}.text-error{color:#ef4444;color:var(--error-color)}.text-warning{color:#f59e0b;color:var(--warning-color)}.text-center{text-align:center}.search-container{margin-bottom:1.5rem}.search-input-wrapper{max-width:400px;position:relative}.search-icon{color:#4b5563;color:var(--text-secondary);left:.75rem;position:absolute;top:50%;transform:translateY(-50%)}.search-input{border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.375rem;border-radius:var(--radius);padding-left:2.5rem;width:100%}@media (max-width:768px){.main-content{margin-left:0!important;padding:1rem}.sidebar.open{transform:translateX(0)}.admin-details,.company-stats{grid-template-columns:1fr}.card-header-content,.cashier-games-header,.cashiers-header,.header-actions,.header-left{align-items:flex-end!important;flex-direction:column;gap:1rem}.action-buttons{flex-wrap:wrap}.admin-tabs-list{width:100%}}@media (max-width:576px){.main-content{padding:.75rem}.detail-row{flex-direction:column;gap:.5rem}}.dialog-minimize-button{background:none;border:none;color:#666;cursor:pointer;position:absolute;right:20px;top:20px}.dialog-minimize-button:hover{color:#333}.company-panel{margin-bottom:2rem}.panel-title{font-size:1.5rem;font-weight:700}.loading-container{align-items:center;display:flex;height:10rem;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:.25rem solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:3rem;width:3rem}@keyframes spin{to{transform:rotate(1turn)}}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(1,1fr);margin-bottom:2rem}@media (min-width:640px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.stats-grid{grid-template-columns:repeat(3,1fr)}}.stat-card{background-color:#fff;box-shadow:0 1px 2px #0000000d;transition:all .2s ease}.stat-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.stat-content{padding:1.5rem}.stat-inner{align-items:center;display:flex;gap:1rem}.stat-icon-container{align-items:center;border-radius:9999px;display:flex;height:3rem;justify-content:center;width:3rem}.stat-icon{height:1.5rem;width:1.5rem}.green{background-color:#10b9811a}.green .stat-icon{color:#10b981}.blue{background-color:#3b82f61a}.blue .stat-icon{color:#3b82f6}.purple{background-color:#8b5cf61a}.purple .stat-icon{color:#8b5cf6}.amber{background-color:#f59e0b1a}.amber .stat-icon{color:#f59e0b}.rose{background-color:#f43f5e1a}.rose .stat-icon{color:#f43f5e}.stat-text{flex:1 1}.stat-label{color:#6b7280;font-size:.875rem;font-weight:500;margin:0}.stat-value{font-size:1.5rem;font-weight:700;margin:.25rem 0 0}.stat-value.admin-name,.stat-value.date{font-size:1.125rem}.form-card{border:1px solid #e5e7eb}.form-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e5e7eb}.form-title{font-size:1.25rem}.form-content{padding:1.5rem}.success-message{background-color:#10b9811a;border:1px solid #10b98133;border-radius:.375rem;color:#10b981;margin-bottom:1rem;padding:.75rem}.company-form{display:flex;flex-direction:column;gap:1rem}.form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:768px){.form-grid{grid-template-columns:1fr 1fr}}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{color:#000!important;font-size:.875rem;font-weight:500}.input-error{border-color:#ef4444!important}.error-text{font-size:.75rem;margin:.25rem 0 0}.form-actions{display:flex;justify-content:flex-end;margin-top:1.5rem}.save-button{align-items:center;display:flex;gap:.5rem}.button-icon{height:1.125rem;width:1.125rem}.pagination-controls{display:flex;gap:1rem;justify-content:end;margin:2rem 0;padding:2rem}.pagination-button{border:none;border-radius:4px;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.prev-button{background-color:#f0f0f0;color:#333}.prev-button:hover:not(:disabled){background-color:#e0e0e0}.next-button{background-color:#4caf50;color:#fff}.next-button:hover:not(:disabled){background-color:#45a049}.pagination-button:disabled{cursor:not-allowed;opacity:.6}.sidebar-wrapper{align-items:stretch;background-color:#fff;background-color:var(--card-background);border-right:1px solid #e5e7eb;border-right:1px solid var(--border-color);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transition:all .3s ease;transition:var(--transition);width:250px;width:var(--sidebar-width);z-index:100}.sidebar-wrapper.closed{transform:translateX(-100%)}.sidebar-wrapper.minimized{width:70px;width:var(--sidebar-minimized-width)}.sidebar-header{align-items:center;background-color:#4f46e5;background-color:var(--primary-color);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);display:flex;height:60px;height:var(--header-height);justify-content:space-between;padding:1rem}.sidebar-title{color:#000;font-size:1.25rem;font-weight:600;margin:0}.sidebar-toggle-btn{color:#000;padding:.25rem}.sidebar-menu{display:flex;flex-direction:column;flex-grow:1;gap:.25rem;overflow-y:auto;padding:1rem 0}.sidebar-menu-item{align-items:center;box-sizing:border-box;display:flex;gap:.75rem;overflow-wrap:break-word;padding:.75rem 1rem;text-align:left;white-space:normal;width:100%}.sidebar-menu-item.active{background-color:#4f46e5;background-color:var(--primary-color);color:#fff}.sidebar-menu-icon{align-items:center;display:inline-flex}.sidebar-menu-label{flex-grow:1}.sidebar-mobile-btn{left:1rem;position:fixed;top:1rem;z-index:101}.sidebar-overlay{background-color:#0000004d;height:100vh;left:250px;left:var(--sidebar-width);position:fixed;top:0;width:calc(100vw - 250px);width:calc(100vw - var(--sidebar-width));z-index:99}.password-input-container{position:relative}.password-input-container input{padding-right:2.5rem;width:100%}.toggle-password-btn{background:none;border:none;color:#666;cursor:pointer;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.input-with-icon{position:relative}.input-with-icon input{padding-right:2.5rem}.toggle-password{background:none;border:none;color:#666;cursor:pointer;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.toggle-password:hover{color:#000}.input-error{border:1px solid #ef4444}.error-text{color:#ef4444;font-size:.85rem;margin-top:.25rem}.cartelacopy-container{color:#fff;margin:0 auto;max-width:100%;padding:20px}.cartelacopy-title{color:#000;font-size:1.75rem;font-weight:600;margin-bottom:2rem}.cartelacopy-form-group{margin-bottom:1.5rem}.cartelacopy-form-label{display:block;font-weight:600;margin-bottom:.5rem}.cartelacopy-form-input{background-color:#332a6a;border:1px solid #443a8a;border-radius:8px;color:#fff;font-size:1rem;padding:.75rem;width:100%}.cartelacopy-form-input:focus{border-color:#a0e8a0;box-shadow:0 0 0 2px #a0e8a04d;outline:none}.cartelacopy-disabled-input{cursor:not-allowed;opacity:.7}.cartelacopy-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-weight:700;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease}.cartelacopy-btn:disabled{cursor:not-allowed;opacity:.7}.cartelacopy-confirm-btn,.cartelacopy-fetch-btn,.cartelacopy-reset-btn{background-color:#a0e8a0;color:#221c49}.cartelacopy-confirm-btn:hover:not(:disabled),.cartelacopy-fetch-btn:hover:not(:disabled),.cartelacopy-reset-btn:hover:not(:disabled){background-color:#7ad07a}.cartelacopy-back-btn{background-color:#332a6a;border:1px solid #443a8a;color:#fff}.cartelacopy-back-btn:hover{background-color:#443a8a}.cartelacopy-button-group{display:flex;gap:.75rem;margin:1.5rem 0}.cartelacopy-card-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-top:30px}@media (max-width:1200px){.cartelacopy-card-container{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.cartelacopy-card-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.cartelacopy-card-container{grid-template-columns:1fr}}.cartelacopy-card{background-color:#332a6a;border-radius:10px;box-shadow:0 4px 12px #0000004d;padding:20px;transition:all .3s ease}.cartelacopy-card:hover{box-shadow:0 8px 16px #0006;transform:translateY(-5px)}.cartelacopy-card-id{color:#a0e8a0;font-size:1.1rem;font-weight:700;margin-bottom:15px;text-align:center}.cartelacopy-bingo-row{font-size:1rem;margin:.5rem 0}.cartelacopy-bingo-letter{font-size:1.1rem;font-weight:700}.cartelacopy-bingo-letter.B{color:#cece31}.cartelacopy-bingo-letter.I{color:#09b109}.cartelacopy-bingo-letter.N{color:#1994c9}.cartelacopy-bingo-letter.G{color:#c70d0d}.cartelacopy-bingo-letter.O{color:#d307d3}.cartelacopy-error-message{color:#ff6b6b;margin-top:1rem;text-align:center}.cartelacopy-success-message{color:#a0e8a0;font-size:1.25rem;margin-bottom:2rem;text-align:center}.cartelacopy-input-step,.cartelacopy-preview-step,.cartelacopy-success-step{background-color:#090e2c;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:5px;margin-bottom:2rem;padding:2rem;width:100%}.cartelacopy-success-step{text-align:center}.copy-text{color:#000}.cartelacopy-bingo-grid{display:table}.cartelacopy-bingo-row{display:table-row}.cartelacopy-bingo-cell{border:1px solid #ddd;display:table-cell;padding:8px;text-align:center}.cartelacopy-header-cell{color:#000;font-size:20px;font-weight:700}.cartelacopy-bingo-grid{border-collapse:collapse;margin-top:10px;width:100%}.cartelacopy-bingo-grid td,.cartelacopy-bingo-grid th{border:1px solid #ddd;padding:8px;text-align:center;width:20%}.cartelacopy-header-row{background-color:#f2f2f2;font-weight:700}.cartelacopy-bingo-cell{height:40px;vertical-align:middle}.cartelacopy-freespace{color:#ff5722;font-style:italic;font-weight:700}
/*# sourceMappingURL=main.01ce3a2a.css.map*/