:root{--primary-color:maroon;--primary-hover:#a00000;--error-color:#d32f2f;--error-bg:#fdecea;--text-dark:#333;--text-light:#777;--border-color:#8000004d;--border-radius:8px;--transition:all 0.3s ease}*{color:#640000;font-size:15px}.login{box-sizing:border-box;color:#ad0000;font-family:math;font-size:16px;margin:0;padding:0}*{color:#580000}body{color:#333;color:var(--text-dark);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.signin-page{align-items:center;background:linear-gradient(90deg,maroon 50%,#fff 0);background:linear-gradient(to right,var(--primary-color) 50%,#fff 50%);display:flex;justify-content:center;min-height:100vh;padding:20px}.signin-card{animation:fadeIn .5s ease-out;background:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 10px 20px rgba(32,0,0,.301);max-width:484px;overflow:hidden;padding:60px;position:relative;width:100%}.signin-title{color:#a80000;font-size:24px;font-weight:700;margin-bottom:10px;text-align:center}.signin-subtitle{color:#777;color:var(--text-light);font-size:14px;margin-bottom:30px;text-align:center}.signin-divider{align-items:center;color:maroon;color:var(--primary-color);display:flex;font-size:16px;font-weight:400;margin:25px 0}.signin-divider:after,.signin-divider:before{border-bottom:1px solid #80000033;content:"";flex:1 1;margin:0 10px}.signin-form{display:flex;flex-direction:column;gap:25px}.inputt-group{border:0;display:inline-flex;flex-direction:column;margin:0;min-width:0;padding:0;position:relative;vertical-align:top}.inputt-group input{background:#fff;border:1px solid #33333386;border-radius:8px;border-radius:var(--border-radius);color:#414141;font-size:16px;padding:16px;transition:all .3s ease;transition:var(--transition);width:100%}input:-internal-autofill-selected{-webkit-appearance:menulist-button;appearance:menulist-button;background-color:light-dark(#e8f0fe,#465a7e66)!important;background-image:none!important;color:fieldtext!important;font-size:14px}.inputt-group input::placeholder{color:#777;color:var(--text-light);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px;font-weight:400;opacity:1;transition:all .3s ease;transition:var(--transition)}.inputt-group input:focus-visible{border:1.3px solid maroon;border:1.3px solid var(--primary-color)}.inputt-group input:focus{border:1.3px solid maroon;border:1.3px solid var(--primary-color);outline:none}.password-group{position:relative}.toggle-password,.toggle-password:hover{align-items:center;color:#555;cursor:pointer;display:flex;justify-content:center;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .3s ease}.toggle-password:hover{background-color:#cfcfcf;border-radius:50%}.page-loader{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#fff;bottom:0;left:0;position:fixed;right:0;top:0;z-index:10000}.loader-char-container,.page-loader{align-items:center;display:flex;justify-content:center}.loader-char-container{gap:40px}.loader-char-container .loader-char{align-items:center;color:#000;display:flex;font-size:4rem;font-weight:800;height:100px;justify-content:center;position:relative;-webkit-user-select:none;user-select:none;width:100px}.loader-char-container .loader-char:first-child{animation:fadeInRed 1.6s ease-in-out infinite;animation-delay:0s;color:#4d0000}.char1{color:#101010;left:46%}.char1,.char2{font-size:5rem;margin-top:8px;position:absolute;top:52%;transform:translate(-50%,-50%)}.char2{color:#790000;left:50%}.loader-char{align-items:center;color:#000;display:flex;font-size:4.5rem;font-weight:1000;height:100px;justify-content:center;position:relative;-webkit-user-select:none;user-select:none;width:100px}.outline-spin{animation:spin-scale-pulse 1.6s ease-in-out infinite;border:8px solid #0000;border-radius:50%;box-sizing:border-box;height:85px;left:50%;margin-top:6px;position:absolute;top:50%;transform:translate(-50%,-50%) scale(1);width:85px;z-index:1}.loader-char:first-child .outline-spin{animation-name:spin-scale-pulse-red;border-color:#730000 #0000 #0000;color:#000}.loader-char:nth-child(2) .outline-spin{animation-name:spin-scale-pulse-black;border-color:#000 #0000 #0000;color:#820000}@keyframes spin-scale-pulse-red{0%{border-color:#860000 #0000 #0000;transform:translate(-50%,-50%) scale(.7) rotate(0deg)}50%{border-color:#0000 #b30000 #0000 #0000;transform:translate(-50%,-50%) scale(1.1) rotate(180deg)}to{border-color:red #0000 #0000;transform:translate(-50%,-50%) scale(.7) rotate(1turn)}}@keyframes spin-scale-pulse-black{0%{border-color:#000 #0000 #0000;transform:translate(-50%,-50%) scale(.7) rotate(0deg)}50%{border-color:#0000 #000 #0000 #0000;transform:translate(-50%,-50%) scale(1.1) rotate(180deg)}to{border-color:#000 #0000 #0000;transform:translate(-50%,-50%) scale(.7) rotate(1turn)}}.inputt-group label{background:#fff;color:#393939;font-size:16px;left:16px;padding:0 4px;pointer-events:none;position:absolute;top:16px;transition:all .3s ease;transition:var(--transition)}.inputt-group label:hover{background-color:#580000}.inputt-group input:focus+label,.inputt-group.filled label{color:maroon;color:var(--primary-color);font-size:12px;font-weight:600;top:-8px}.label{background:#fff;color:#a00000;font-size:16px;left:16px;padding:0 4px;pointer-events:none;position:absolute;top:16px}.label,.signin-button{transition:all .3s ease;transition:var(--transition)}.signin-button{align-items:center;background-color:#b00000;border:none;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 12px rgba(128,0,0,.326);color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;margin-top:10px;padding:16px}.signin-button:hover{box-shadow:0 4px 12px #80000000}.signin-button:disabled{background-color:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.signin-error{background-color:#fdecea;background-color:var(--error-bg);border-radius:8px;border-radius:var(--border-radius);color:#d32f2f;color:var(--error-color)}.spinner{animation:spin 1s ease-in-out infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}.hidden{display:none}.text-center{text-align:center}.mt-20{margin-top:20px}@media (max-width:480px){.signin-card{padding:30px 20px}.signin-title{font-size:20px}.input-group input{padding:14px}}.password-toggle{color:#777;color:var(--text-light);cursor:pointer;position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:all .3s ease;transition:var(--transition)}.password-toggle:hover{color:maroon;color:var(--primary-color)}:root{--primary-bg:#121212;--secondary-bg:#1e1e1e;--accent-color:#00bcd4;--text-color:#f5f5f5;--muted-text:#b0b0b0;--button-bg:#333;--button-hover:#00bcd4;--danger-color:#e53935;--table-header-bg:#212121;--table-row-hover:#333;--border-color:#333}.body{background-color:#121212;background-color:var(--primary-bg);color:#f5f5f5;color:var(--text-color);font-family:Segoe UI,Roboto,sans-serif}.dashboard-layout{display:flex;min-height:100vh}.nav-icon{color:#fff;height:auto;margin-bottom:-5px;width:1.5em}.sidebar{background-color:#1e1e1e;background-color:var(--secondary-bg);border-right:1px solid #333;border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:20px;transition:width .3s;width:220px}.sidebar.collapsed{width:45px}.sidebar-top{margin-bottom:20px}.sidebar-toggle{color:#f5f5f5;color:var(--text-color);font-size:14px}.sidebar-nav{gap:15px}.sidebar-profile{color:#b0b0b0;color:var(--muted-text)}.profile-icon{font-size:24px}.logout-button{align-items:center;background:#e53935;background:var(--danger-color);border-radius:8px;color:#fff;display:flex;gap:10px;margin-top:15px;padding:10px}.logout-button:hover{background:#c62828}.icon-stroke{color:#000;filter:drop-shadow(0 0 1px white);margin-right:5px;vertical-align:middle}.dashboard-main{background-color:#f8f8f8;flex:1 1;padding:30px}.dashboard-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.action-dots-btn{background:none;border:none;cursor:pointer}.action-dropdown{background:#9b0000;border:1px solid #ccc;border-radius:6px;box-shadow:0 4px 8px #00000045;left:-103px;min-width:9px;padding:1px 0;position:absolute;right:0;top:-11px;width:fit-content;z-index:999}.dropdown-item{background:none;border:none;cursor:pointer;font-size:14px;padding:8px 12px;text-align:left;width:100%}.dropdown-item:hover{background-color:#f0f0f0;color:#9b0000}.dashboard-filters input{background-color:#f4f4f4;border:1px solid #9b0000;border-radius:8px;color:#890000;font-size:12px;height:10px;padding:19px 3px}.dashboard-filters button{background-color:#950000;border-radius:6px;border-style:none;color:#f5f5f5;color:var(--text-color);cursor:pointer;font-size:12px;font-weight:500;height:38px;padding:8px 12px;transition:background .2s;width:auto}.bingo-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#f9f9f9;border-radius:8px;color:#686868;cursor:pointer;font-size:16px;margin-top:7px;max-width:327px;outline:none;padding:10px 14px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.dashboard-filters button:focus{box-shadow:0 0 0 2px #ffffff80;outline:none}.dashboard-filters button:hover{background-color:#c70000}.clear-button{background-color:#444}.clear-button:hover{background-color:#666}.summary-text{color:#8f0101;margin-bottom:10px}.summary-text-number{color:#8c0000;margin-bottom:10px}.dashboard-table-container{border:1px solid #333;border:1px solid var(--border-color);border-radius:8px;overflow-x:auto}.dashboard-table{background-color:#eaeaea;border-collapse:collapse;width:100%}.dashboard-table td,.dashboard-table th{background-color:#fff;border:1px solid #55000053;color:#313131;padding:12px 15px}.dashboard-table th{background-color:#a30000;color:#fff;text-align:left}.dashboard-table tr:hover{background-color:#d1d1d1}.dashboard-delete-button{background-color:maroon;border-radius:6px;border-style:none;color:#fff;cursor:pointer;padding:6px 12px;transition:background .2s}.dashboard-delete-button:hover{background-color:#960000d5}.no-data{color:#b0b0b0;color:var(--muted-text);padding:15px;text-align:center}.pagination{gap:5px;margin-top:15px}.pagination-button{background-color:#333;background-color:var(--button-bg);border-radius:6px;color:#f5f5f5;color:var(--text-color);cursor:pointer;padding:6px 12px}.pagination-button.active,.pagination-button:hover{background-color:#00bcd4;background-color:var(--button-hover)}.pagination-button:disabled{cursor:not-allowed;opacity:.5}mark{background-color:#ffd54f;border-radius:3px;padding:0 3px}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:2rem}.stat-card{background-color:#f0f4f8;border-radius:8px;box-shadow:0 2px 6px #0000001a;padding:1rem;text-align:center}.stat-card h3{font-size:1.1rem;margin-bottom:.5rem}.stat-card p{color:#2e7d32;font-size:1.5rem;font-weight:700}.chart-container{border-radius:8px;box-shadow:0 2px 6px #0000001a;padding:1rem}.create-support-button{background-color:#4caf50;border-radius:4px;color:#fff;cursor:pointer;margin-left:10px;padding:8px 14px}.create-support-button:hover{background-color:#45a049}.overlay-blur{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000004d;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.support-form-popup{background:#581818;border-radius:10px;box-shadow:0 4px 12px #0000004d;left:50%;padding:25px 30px;position:fixed;top:50%;transform:translate(-50%,-50%);width:300px;z-index:1000}.support-form-popup h2{margin-bottom:15px;text-align:center}.support-form-popup input{border:1px solid #ccc;border-radius:5px;margin-bottom:12px;padding:8px 10px;width:100%}.form-buttons{display:flex;justify-content:space-between}.submit-button{background-color:#1976d2;border:none}.cancel-button,.submit-button{border-radius:4px;color:#fff;cursor:pointer;padding:8px 14px}.submit-button:hover{background-color:#1565c0}.cancel-button:hover{background-color:#757575}.blurred-background{filter:blur(5px);pointer-events:none;-webkit-user-select:none;user-select:none}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0006;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.create-support-modal{background:rgba(161,0,0,.954);border-radius:19px;box-shadow:0 0 15px #000;left:50%;max-width:355px;padding:1rem;position:fixed;top:54%;transform:translate(-50%,-50%);width:103%;z-index:1000}.create-support-modal h2{margin-top:0}.create-support-modal form input{background-color:#fefefe;border-color:#5c5c5c;border-style:solid;color:#514f4f;margin:6px 0;padding:10px;width:100%}.create-support-modal .modal-buttons{display:flex;justify-content:space-between;margin-top:10px}.dashboard-alert{animation:fadeIn .2s ease-in-out;border-radius:10px;font-size:12px;font-weight:700;margin:20px;padding:5px 15px;text-align:center}.input-icon{align-items:center;background:#fff;border:1px solid #ccc;border-radius:4px;display:flex;margin-bottom:10px;padding:5px 10px}.input-icon img{height:20px;margin-right:8px;width:20px}.input-icon input{background:#0000;border:none;flex:1 1;font-size:14px;outline:none}.dashboard-alert.success{background-color:#e7f5e8;border:1px solid #2e7d32;color:#2e7d32}.dashboard-alert.error{background-color:#fdecea;border:1px solid #d32f2f;color:#d32f2f}.create-support-modal button{margin-left:114px;margin-top:15px;padding:6px 13px;width:87px}.modal-close{background:#0000;border:1px solid #fff0;cursor:pointer;margin-right:-17px;position:absolute;right:2px;top:-8px}.modal-close:hover{background:#fff0;border-color:#fff0;border-radius:0}.modal-content h2{color:#fff;font-size:1.5rem;margin-bottom:20px;text-align:center}.modal-content form{display:flex;flex-direction:column}.modal-content input{border:1px solid #ccc;border-radius:8px;font-size:14px;margin-bottom:15px;padding:10px 12px;transition:border-color .3s}.modal-content input:focus{border-color:#ce0000d8;outline:none}.modal-submit{background-color:#cd0000;border:thin solid #fff;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;padding:10px 0;transition:background-color .3s}.modal-submit:hover{background-color:red}.dashboard-layout.blurred .dashboard-main,.dashboard-layout.blurred .sidebar{filter:blur(5px);pointer-events:none;-webkit-user-select:none;user-select:none}.create-support-modal{border:thin solid #5e5e5e;z-index:999}.mini-cards-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:1.5rem}.mini-card{background-color:#af0000fa;border-radius:30px;box-shadow:0 2px 5px #0000001a;padding:1rem;text-align:center}.mini-card h4{color:#edebeb;font-size:1.1rem;margin-bottom:.5rem}.mini-card p{color:#dbd9d9;font-size:1.4rem;font-weight:700}.sales-cards-container{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.sales-card{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;display:flex;flex-basis:calc(25% - 1rem);flex-grow:1;flex-shrink:1;justify-content:space-between;padding:1.2rem;transition:transform .2s ease}.sales-card:hover{transform:translateY(-4px)}.sales-card-icon{color:#3f51b5;font-size:2.2rem;margin-right:.8rem}.edit-button{background-color:#950000;border-radius:6px;border-style:none;color:#f5f5f5;color:var(--text-color);cursor:pointer;padding:8px 12px;transition:background .2s}.sales-card-content{display:flex;flex-direction:column;justify-content:center;text-align:right}.sales-card-title{color:#666;font-size:.95rem;margin-bottom:.3rem}.highlight{color:#353535;font-weight:700}.sales-card-value{color:#333;font-size:1.4rem;font-weight:700}.mini-image{height:35px;margin-bottom:5px;margin-left:65px;width:35px}.dashboard-container{display:flex;height:100vh}.sidebar{background-color:#9d0000;min-width:250px;position:relative;width:250px}.sidebar.collapsed{min-width:20px;width:70px}.main-content{background:#f9f9f9}.main-content,.main-contentt{display:flex;flex:1 1;flex-direction:column;overflow:auto}.main-contentt{background:#920000}.topbar{background:#fff;border-bottom:1px solid #ddd;padding:0 16px;z-index:10}.dashboard-toggle-button{align-items:center;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;padding:5px 10px}.dashboard-toggle-button.active{background-color:#4caf50}.dashboard-toggle-button.blocked{background-color:#f44336}.dashboard-toggle-button svg{margin-right:5px}.bingo-select:focus{border-color:#cbcbcb;box-shadow:0 0 0 3px #007bff33}.bingo-select option{background:#fff;color:#333}.bingo-select option:hover{background:#f0f0f0}.topbar{align-items:center;background-color:#f9f9f9;border-bottom:1px solid #b1000000;color:#fff;display:flex;height:60px;justify-content:space-between;padding:0 3rem;position:sticky;top:0;width:100%;z-index:999}.topbar-left .topbar-button{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5rem}.menu-icon-img{filter:brightness(1.1);height:26px;object-fit:contain;width:26px}.topbar-right{align-items:center;display:flex;gap:2.5rem}.topbar-button{background:none;border:none;color:#fff;cursor:pointer;font-size:1.3rem;height:32px;position:relative;width:32px}.topbar-button:hover{background-color:#e5e5e5;border-radius:50%;color:#f1c40f}.badge{align-items:center;background-color:#e43522;border-radius:50%;box-shadow:-1px 3px 5px #09080866;color:#fff;display:flex;font-size:10px;height:14px;justify-content:center;line-height:1;position:absolute;right:1px;top:-4px;width:14px}.data{color:#828282}.dropdown-container{position:relative}.profile-dropdown{background-color:#f6f6f6;border-radius:10px;box-shadow:0 4px 16px #0000004d;color:#333;margin-top:15px;max-height:400px;padding:1rem;right:0;top:120%;width:180px}.flag-dropdown,.profile-dropdown{overflow-y:auto;position:absolute}.flag-dropdown{animation:fadeIn .3s ease-in-out 0s 1 normal none running;background-color:#fff;border-radius:12px;box-shadow:0 8px 20px #00000026;height:547px;padding:16px;right:-35px;top:48px;width:325px;z-index:999}.flag-overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:rgba(0,0,0,.694);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:998}.flag-dropdown h4{border-bottom:1px solid #eee;color:#b20000;font-size:16px;font-weight:600;margin:0 0 10px;padding-bottom:5px}.flag-dropdown select{background-color:#f9f9f9;background-position:right 10px center;margin-bottom:12px;padding:8px 10px}.flag-dropdown .clear-button{background-color:#890300;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-bottom:12px;padding:12px;transition:background .2s ease;width:100%}.flag-dropdown .clear-button:hover{background-color:#920000}.flag-dropdown .preview-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(5,1fr)}.h5{color:red}.flag-dropdown .preview-grid div{align-items:center;background-color:#ddd0;border:1px solid #920000;border-radius:5px;color:#ad0000;cursor:pointer;display:flex;font-size:13px;height:30px;justify-content:center;transition:background-color .2s ease,color .2s ease;width:50px}.flag-dropdown .preview-grid .highlight{background-color:maroon;color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.notification-dropdown{background:linear-gradient(180deg,#f8f8f8,#fbfbfb 50%,#eee),linear-gradient(0deg,#fff 0,#fff 60%,#0000);background-blend-mode:normal,overlay;border-radius:10px;box-shadow:0 4px 16px #0003;color:#333;margin-top:15px;mask-image:linear-gradient(0deg,#0000 0,#000 20%,#000 80%,#0000);-webkit-mask-image:linear-gradient(0deg,#0000 0,#000 20%,#000 80%,#b1b1b1);max-height:500px;overflow-y:auto;padding:1rem;position:absolute;right:0;top:110%;width:310px;z-index:1000}.notification-dropdown h4,.profile-dropdown h4{color:#009bdb;font-size:16px;font-weight:700;margin-top:0}small{color:#686c6c;font-size:11px;margin-left:inherit}.notification-title{color:#0085be;font-weight:700;margin-bottom:.5rem}.notification-subtitle{color:#007cb1;font-weight:700;margin-bottom:.5rem}.notification-text{color:#333;color:#009bdb;flex:1 1;margin-left:10px}.flag-dropdown select{-webkit-appearance:none;appearance:none;background-color:#f8f8f8;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%23666' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:10px;border:1px solid #ccc;border-radius:8px;color:#333;cursor:pointer;font-size:14px;outline:none;padding:10px 12px;width:100%}.flag-dropdown select option{background-color:#fff;color:#333;font-size:14px;padding:8px}@-moz-document url-prefix(){.flag-dropdown select option{padding-left:10px;padding-right:10px}}.list{background-color:#000;box-sizing:border-box;color:#00acc7e3;font-family:math;font-size:11px;margin:0;padding:0}.notification-dropdown h4{margin-bottom:.5rem}.profile-image-container{margin-bottom:.5rem;text-align:center}.profile-image{height:60px;width:60px}.profile-info{color:#a21000;font-weight:700;margin-bottom:.5rem;text-align:center}.dropdown-button{background-color:#a21000;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:.5rem;width:100%}.dropdown-button:hover{background-color:#c0392b}.notification-item{border-bottom:1px solid #eee;padding:.6rem 0}.notification-item:last-child{border-bottom:none}.notif-content{align-items:flex-start;display:flex;gap:.6rem}.notif-content:hover{background-color:#f1f1f1}.notif-content img{height:40px;width:40px}.message{color:#717d7d;margin:.2rem 0}.title{color:#099fbe;margin:.5rem 0}.sub-title{color:#108adb;margin:.2rem 0}.time{color:#7a7b7b;font-size:.82rem}.mark-read{background:none;border:none;color:#108adb;cursor:pointer;font-size:.95rem;margin-left:8px;margin-top:.2rem}.mark-read:hover{color:#00607a;text-decoration:underline}.balance-container{align-items:center;display:flex;position:relative}.balance-button{background:none;border:none;cursor:pointer;height:30px;padding:0;position:relative;width:30px}.balance-tooltip{background:linear-gradient(144deg,#ff2a12,#790000);border-radius:4px;bottom:-55px;color:#fff;display:none;font-size:12px;left:50%;opacity:0;padding:6px 25px;position:absolute;transform:translateX(-50%);transition:opacity 13s ease;white-space:nowrap;z-index:1000}.balance-button:hover .balance-tooltip{display:block;opacity:1}.topbar-middle{align-items:center;display:flex;flex:1 1;height:100%;overflow:hidden;padding:0 10px}.online-indicator{animation:blinkColor 1.5s infinite;background-color:#0f0;border:1px solid #fff;border-radius:50%;bottom:27px;height:6px;position:absolute;right:0;width:6px}@keyframes blinkColor{0%{background-color:#1f0;box-shadow:0 0 5px #0f0}50%{background-color:#00ff628e;box-shadow:0 0 5px #f0f0f0}to{background-color:initial;box-shadow:0 0 2px #0000}}.profile-dot-container{display:inline-block;height:30px;position:relative;width:30px}.profile-dot-container:hover{background-color:#d6d6d67a;border-radius:50%}.profile-image-small{height:30px;width:30px}.icon-img{height:20px;margin-left:-1px;margin-top:3px;object-fit:contain;width:20px}.pattern-list{border:1px solid #ccc;border-radius:5px;margin-bottom:10px;max-height:200px;overflow-y:auto;padding:5px}.pattern-option{background-color:#ebebeb69;border-radius:4px;color:#930000;cursor:pointer;font-weight:600;margin:3px 0;padding:8px 12px;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.pattern-option:hover{background-color:#a80000;color:#fcfcfc}.pattern-option.selected{background-color:#8b0101;border:none;border-radius:4px;color:#fafafa;cursor:pointer;font-size:13px;font-weight:500;height:auto;padding:9px 14px;transition:background-color .2s ease;-webkit-user-select:none;user-select:none;width:auto}.clear-button{background-color:#ef4444;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-weight:600;margin-bottom:12px;padding:6px 14px;transition:background-color .3s ease}.clear-button:hover{background-color:#a50000}.preview-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(5,32px);grid-template-rows:repeat(5,32px);justify-content:center;margin-top:12px}.preview-grid>div{background-color:#fff;border:1px solid #ddd;border-radius:3px;color:#555;font-size:12px;height:32px;line-height:32px;text-align:center;transition:background-color .3s ease;-webkit-user-select:none;user-select:none;width:32px}.preview-grid>div.highlight{background-color:#3b82f6;color:#fff;font-weight:700}.preview-grid>div:nth-child(13){background-color:#8b0000;color:#fff;font-weight:700}.and-checkbox{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:10px 0}.and-checkbox label{align-items:center;color:#333;cursor:pointer;display:flex;font-size:14px;gap:10px;-webkit-user-select:none;user-select:none}.and-checkbox input[type=checkbox]{-webkit-appearance:none;appearance:none;border:2px solid #555;border-radius:4px;cursor:pointer;height:17px;outline:none;position:relative;transition:.2s;width:17px}.and-checkbox input[type=checkbox]:checked{background-color:#4caf50;border-color:#4caf50}.and-checkbox input[type=checkbox]:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:9px;left:3.5px;position:absolute;top:0;transform:rotate(45deg);width:4px}.chart-wrapper{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin-top:30px;max-width:100%;overflow-x:auto;padding:20px;width:100%}.chart-header{color:#333;font-size:20px;font-weight:600;margin-bottom:10px;text-align:left}.recharts-wrapper{margin:0 auto}.recharts-cartesian-axis-tick-value{fill:#666;font-size:13px}.recharts-tooltip-label{font-weight:700}.recharts-tooltip-item{font-size:13px}@media (max-width:768px){.chart-header{font-size:16px}.chart-wrapper{padding:15px}}.transfer-wrapper{align-items:flex-start;display:flex;flex:1 1;flex-wrap:wrap;gap:400px;justify-content:flex-start;margin-bottom:40px}.transfer-image-container{flex:1 1;max-width:300px}.transfer-image{border-radius:12px;height:auto;width:100%}.transfer-form-container{flex:1 1;min-width:280px;padding:25px}.cut-summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin:20px 0}.cut-card{background-color:#f9f9f9;border:1px solid #ddd;border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,.295);padding:15px;text-align:center}.chart-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin-top:30px;padding:20px}.chart-title{color:#333;font-size:18px}.cut-card h4{color:#636363;font-size:16px;margin-bottom:6px}.cut-card p{color:#1a8f1a;font-size:18px;font-weight:700}.pie-charts-container{display:flex;flex-wrap:wrap;gap:24px;margin-top:30px;padding:25px}.pie-chart-card{background:#fff;border:1px solid #eaeaea;border-radius:12px;box-shadow:0 2px 8px #0000000d;flex:1 1 300px;padding:20px}.chart-title{color:#656565;font-size:16px;font-weight:600;margin-bottom:16px;text-align:center}.transfer-section{background:#f8f8f8;border-radius:12px;box-shadow:0 4px 12px #00000029;display:flex;justify-content:space-between;padding:25px}.transfer-section h2{color:#b60000;font-size:20px;font-weight:600;margin-bottom:20px}.form-group{margin-bottom:20px;max-width:320px;position:relative}.form-group label{color:#ad0000eb;display:block;font-size:1rem;font-weight:600;margin-bottom:8px}.form-group input{background-color:#fff;border:1px solid #4747478c;border-radius:8px;box-shadow:0 2px 6px #0000000d;color:#3b3b3b;font-size:14PX;height:48px;padding:11px 15px 12px 44px;transition:border-color .3s ease;width:86%}.form-group input:focus{border-color:#800;outline:none}.input-icon-image{height:20px;left:14px;top:50%;width:20px}.send-button{size:10px auto;background-color:#b30404;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;container:auto;cursor:pointer;font-size:1rem;font-weight:500;height:48px;margin-left:9px;margin-top:10px;text-align:center;transition:background-color .3s;width:200px}.send-button:hover{background-color:#ae0101}.send-button:disabled{background-color:#525252;color:#bdbdbd;cursor:not-allowed}.status-message{border-radius:6px;color:#2e7d32;font-weight:500;margin-top:15px;padding:10px}.status-message[style*=\274C]{background-color:#ffebee;color:#c62828}.status-message[style*=\2705]{background-color:#e8f5e9;color:#2e7d32}.transactions-section{background:#f7f7f7;border-radius:12px;padding:25px}.transactions-section h3{background:none;color:#b70000;font-size:20px;font-weight:600;margin-bottom:20px}.filters{grid-gap:0;display:grid;gap:0;grid-template-columns:.5fr .3fr 1fr;margin-bottom:20px}.filters input{border:1px solid #9b0202;border-radius:8px;color:#a70000;font-size:1rem;padding:12px 16px}.filters input:focus{border-color:#3498db;outline:none}.transaction-table{border-collapse:collapse;margin-bottom:20px;width:100%}.transaction-table th{background-color:#a50000;border:1px solid #91919175;color:#fff;font-weight:700;padding:12px 15px;text-align:left}.transaction-table td{border:1px solid #bdc3c777;color:#313131;padding:12px 15px}.transaction-table tr:hover{background-color:#f8f9fa}.balance-summary{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem}.credit-container{grid-gap:15px;color:#333;display:grid;flex:1 1;font-family:Segoe UI,Roboto,Helvetica Neue,sans-serif;gap:15px;grid-template-columns:1fr;max-width:1260px;padding:25px}.balance-card,.status-card{background-color:#f4f4f4;border-left:5px solid #ff6e00;border-radius:12px;box-shadow:0 2px 6px #1700006b;display:flex;flex:1 1 220px;flex-direction:column;justify-content:center;padding:1.2rem 1.5rem}*{background-color:#fff0;box-sizing:border-box;color:#fff;font-family:math;font-size:13px;margin:0;padding:0}.card-label{color:#818181;font-family:none;font-size:16px;letter-spacing:.4px;margin-bottom:.3rem;text-transform:uppercase}.card-value{color:#07a41f;font-size:20px;font-weight:600}.status-value{font-size:18px;font-weight:700}.pagination{align-items:center;display:flex;gap:15px;justify-content:center;margin-top:20px}.pagination button{background-color:#860000;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 16px;transition:background-color .3s}.pagination button:hover{background-color:#2980b9}.pagination button:disabled{background-color:#bdc3c7;cursor:not-allowed}.pagination span{color:#8d0000;font-weight:500}.loading-state{color:#7f8c8d;padding:20px;text-align:center}@media (max-width:768px){.credit-container{padding:0 15px}.credit-container,.filters{grid-template-columns:1fr}.transaction-table{display:block;overflow-x:auto}.form-group{max-width:100%}.send-button{margin-left:0;margin-top:20px;width:100%}}.dashboard-title{color:#b30202;font-size:28px;margin-bottom:20px}.title{color:#0075c3;font-family:revert;font-weight:bolder;padding:0 11px}.title,.total-amount-display{box-sizing:border-box;font-size:16px;margin:0}.total-amount-display{color:#00a20f;font-family:ui-monospace;font-weight:700;padding:5px 0}.input-icon-image{height:25px;left:8px;opacity:.85;pointer-events:none;position:absolute;top:67%;transform:translateY(-50%);width:25px}.sidebar{background-color:#920000;box-shadow:0 2px 10px rgba(0,0,0,.516);color:#fff;min-width:145px;overflow:hidden;transition:all .3s ease;width:200px}.profile-image{border-radius:50%;height:45px;width:45px}.sidebar.collapsed{min-width:0;padding:0;visibility:hidden;width:0}.logout{color:#c82333}.sidebar-top{display:flex;justify-content:flex-end;margin-top:-24px;padding:10px}.sidebar-toggle{background:none;border:none;color:#fff;cursor:pointer;font-size:24px}.sidebar-nav{display:flex;flex-direction:column;gap:20px;padding:0}.sidebar-link{align-items:center;background-color:#b00202;border:none;border-radius:8px;color:#efefef;cursor:pointer;font-size:13px;gap:10px;padding:10px;text-align:left}.sidebar-link:focus{box-shadow:0 0 0 2px #ff0808;outline:none}.sidebar-link .nav-icon{color:#fff;height:auto;margin-bottom:-5px;transition:color .3s ease;width:1.5em}.sidebar-link .nav-icon:hover{color:#fff;transform:scale(1.1)}.sidebar-link .nav-label{box-sizing:border-box;color:#fff;font-family:math;font-size:14px;margin-left:7px;padding:0}.sidebar-link .nav-label[background]{background-color:#b00202;border-radius:4px;padding:0 5px}.sidebar-link:focus .sidebar-link{background-color:#fb0000;box-shadow:0 0 0 2px #ff0808;color:#fff}.nav-label{box-sizing:border-box;color:#fff;font-family:math;font-size:14px;margin-left:7px;padding:0}.sidebar-link:hover{background-color:#d20303;color:#fff}.sidebar-main{background-color:#fff;border-radius:8px;border-style:none;color:#a00;font-family:serif;font-family:initial;font-size:13px;margin-top:60px;padding:3px 35px}.sidebar-main,.sidebar-profile{align-items:center;display:flex;gap:10px}.sidebar-profile{margin-top:auto;padding:15px}.logout-text{box-sizing:border-box;color:#a50000;font-family:math;font-size:13px;margin:0;padding:0}.logout-icon{color:#7a0000}.logout-button{background-color:#ebebeb;border:none;border-radius:4px;color:#7a0000;cursor:pointer;font-weight:700;margin:16px;padding:8px 13px}.logout-button:hover{background-color:#fff;color:#c70000}.bingo-dashboard{align-self:stretch;background-color:#f9f9f9;color:#a10000;padding:25px;text-align:center}.game-boardd{background-color:maroon;border-radius:10px;display:-webkit-inline-box;flex-direction:column;gap:5px;justify-content:center;margin:20px auto}.game-board{align-self:stretch;background-color:maroon;border-radius:15px;box-shadow:3px 2px 6px 3px #00000075;display:flex;flex-flow:row;font-family:Sedan SC;justify-content:space-between;margin-top:-10px;padding:1rem}.board-row{grid-gap:5px;display:grid;gap:5px;justify-content:center}.board-cell{align-items:center;background-color:#fff0;border:1px solid #7f000000;border-radius:6px;color:#f6f6f6;display:flex;font-family:Sedan SC;font-size:2.6rem;font-weight:700;height:58px;justify-content:center;transition:background-color .3s ease;width:62px}.Winner-title{background:linear-gradient(135deg,#f62b02,#9f0000);border-radius:0;border-style:solid;color:#fff;display:block;font-size:1.5em;font-weight:700;margin-block-end:-.2em;margin-block-start:-.7em;margin-inline-end:-22px;margin-inline-start:-22px;padding:10px;unicode-bidi:isolate}@keyframes bounceScale{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.bingo-ball-wrapper.animated{animation:bounceScale .4s ease-in-out}.bingo-status-column{align-items:flex-start;border-radius:15px;display:flex;flex-direction:row;flex-flow:row;justify-content:space-between;margin-left:0}.bingo-play-header{color:#fff;font-size:24px;font-weight:700;padding-left:10px}.winner-info{display:flex;flex-direction:column;gap:8px;padding-left:10px}.win-now-text{color:#0fc;font-size:18px}.signin-error{align-items:center;animation:shake .5s;background-color:#ffbbb4b8;border-radius:6px;border-radius:var(--border-radius,6px);color:#990101;display:flex;font-size:14px;gap:8px;margin-bottom:20px;padding:12px 16px;width:max-content}@keyframes fadeOut{to{opacity:0;pointer-events:none;transform:translateY(-15px)}}element.style{color:#fff}.card-cell.cell-free{background-color:#e0ffe0;color:#f8f8f8;font-weight:700}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-5px)}to{transform:translateX(0)}}.bingo-ball-number{align-content:center;align-items:center;color:#01002c;font-family:serif;font-size:65px;font-weight:700;justify-content:center;margin-top:80px;text-align:center}.h4{font-size:0;margin-block-end:1em;margin-block-start:1em}.h1,.h4{display:block;font-weight:700;margin-inline-end:0;margin-inline-start:0;unicode-bidi:isolate}.h1{color:#383333;font-size:3.5em;margin-block-end:.83em;margin-block-start:.83em;margin-left:875px;margin-top:-145px}.board-cell:hover{transform:scale(1.05);transition:.3s}.Bingo_Ball{height:auto;margin-left:870px;margin-top:-102px;width:200px}.board-cell.called{animation:pop .7s ease;background:#fff;color:maroon;font-size:40px}.bingo-letters{grid-gap:5px;display:grid;gap:5px;margin-bottom:50px}.bingo-letter{border:1px solid #f30000;display:grid;font-size:10px;height:70px;width:70px}.bingo-letter.called{animation:pop .5s ease;background-color:#e30000}.controls{margin-bottom:20px}.controls button{background-color:#930000;border-color:#7f0000;border-radius:10px;border-style:solid;color:#fff;cursor:pointer;font-size:16px;gap:5px;margin:5px;padding:10px 25px}.controls button:hover{background-color:#bd0000}.called-numbers{margin-bottom:20px}.called-numbers h2{margin-bottom:10px}.card-check,.current-number{margin-bottom:20px}.card-check input{border-color:#7f0000;border-radius:5px;border-style:solid;color:#7f0000;font-size:16px;padding:10px 40px}.card-check button{background-color:#3f0101;border:#e3e3e3;border-radius:5px;border-style:solid;box-shadow:#000;color:#fff;cursor:pointer;font-size:16px;margin-left:10px;padding:10px 20px;transition:.2s}.card-check button:hover{background-color:#cd0000;border-color:#fff;border-style:solid;transform:scale(1);transition:.2s}.bingo-card-pagee{background-color:#920000;padding:20px;text-align:center}.bingo-card-page{background-color:#e6e6e6;padding:20px;text-align:center}.bingo-cards{background-color:#5d0101;border-radius:15px;gap:20px;justify-content:center;margin-top:20px}.bingo-card{background-color:#fff;border:1px solid #000;border-radius:10px;color:#ce0000;padding:0;transition:transform .3s ease;width:15%}.bingo-card:hover{box-shadow:#0000001a;transform:scale(1)}.card-grid{gap:2px}.bingo-letters{background-color:#fff;display:-moz-popup;gap:3px;justify-content:center;margin-bottom:0}.bingo-letter{align-items:center;border:none;color:#010e34;display:flex;font-family:system-ui;font-size:45px;font-weight:700;height:65px;justify-content:center;margin-left:5px;width:61px}.card-row{gap:5px;justify-content:center}.card-cell{border:1px solid #2a045b;border-radius:5px;color:#08012f;transition:background-color .3s ease}.card-cell.called{animation:pop .5s ease;background-color:#0e0060}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.winner-message{animation:bounce 1s ease;color:green;font-size:24px;margin:20px 0}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.winner-amount-input{margin-bottom:20px}.winner-amount-input input{font-size:16px;margin-right:10px;padding:10px}.winner-amount-input button{background-color:#5c0000;border:#e4dada;border-radius:5px;border-style:solid;color:#fff;cursor:pointer;font-size:16px;height:46px;padding:10px 30px}.winner-amount-input button:disabled{background-color:#ccc;cursor:not-allowed}.winner-amount-input button:hover{background-color:#970202;transform:scale(1.007);transition:.2s}.winner-amount-inputt{padding:14px 6px}.winner-amount-input,.winner-amount-inputt{background-color:#f9f9f9;border:.5px solid #898989bb;border-radius:5px;color:maroon;font-size:13px;margin-bottom:15px}.winner-amount-input{padding:10px 6px}.winner-winner{background-color:#920000;color:maroon;font-size:17px;margin-bottom:0}.board{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(5,25px);justify-content:space-between;margin-right:80px;margin-top:-13px}.cell{background-color:#f9f9f9;border:1px solid #b01200;border-radius:5px;height:25px;transition:background-color 1.1s;width:25px}.cell.highlight{animation:pulse 1.4s infinite alternate;background-color:#b01200}@keyframes pulse{0%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1)}}.winner-check,.winner-check-input{border-color:#0a0a0a4f}.button{border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:background-color .3s ease,box-shadow .3s ease}.selected{align-items:center;background-color:#2ecc71;border:2px solid #14532d;border-radius:50%;box-sizing:border-box;color:#fff;display:flex;font-size:16px;font-weight:700;height:60px;justify-content:center;width:60px}.selected:hover{background-color:#dc2626}.unselected{background:linear-gradient(90deg,#f70000d9,#880000d9);border:.1px groove #e8e8e8;border-radius:27px;box-shadow:0 4px 6px rgba(0,0,0,.454);color:#fff;cursor:pointer;font-size:13px;margin-top:20px;padding:3px 12px;transition:background-color .3s ease,box-shadow .3s ease}.unselected:hover{background-color:#16a34a}.card_title{background-color:#5c0000;color:#fff;display:block;font-size:1.17em;font-weight:700;margin-block-end:1em;margin-block-start:1em;margin-inline-end:0;margin-inline-start:0;unicode-bidi:isolate}.new_card_button{background-color:#bc0101;border:#e4dada;border-radius:6px;border-style:solid;cursor:pointer;font-size:13px;margin-bottom:9px;margin-left:19px;padding:8px 17px}.new_card_button:hover{background-color:#e70000}.choose_button{background-color:#bebaba;border:2px outset #000;border-image:none;border-image:initial;letter-spacing:normal;line-height:normal;margin:0;text-rendering:auto;word-spacing:normal}.button,.choose_button{-webkit-appearance:auto;appearance:auto;box-sizing:border-box;cursor:default;display:inline-block;padding-block:1px;padding-inline:6px;text-align:center;text-indent:0;text-shadow:none;text-transform:none}.button{background-color:#790000;border:1px solid #060080;border-image:none;border-image:initial;border-radius:10px;box-shadow:0 4px 12px #0003;margin-bottom:4px}.button,.button:hover{color:#fff;transition:.2s}.button:hover{background-color:#ce2600;transform:scale(1)}.winner-amount-display{color:#fff;font-size:24px;margin-bottom:20px}.selected-cards{display:none;grid-row:span}.button_board{background-color:#870000;border:none;border-radius:7px;padding:10px 24px}.button_board,.winner-check{color:#f3f3f3;font-size:15px;gap:1px;margin-inline:10px;margin-bottom:30px;transition:.3s}.winner-check{background-color:#a30000;border-radius:7px;border-style:solid;border-width:1px;height:46px;width:110px}.input:not([type=image i],[type=range i],[type=checkbox i],[type=radio i]){border:2px solid #060080;border-radius:5px;overflow:clip!important;overflow-clip-margin:0!important;padding:10px 20px}.input[type=number i]{padding-block:1px;padding-inline:2px}.button_board:hover{background-color:#a90000;color:#fff;transform:scaleX(1);transition:.3s}.p{color:#8f0000;display:block;margin-block-end:1em;margin-block-start:1em;margin-inline-end:0;margin-inline-start:0;unicode-bidi:isolate}.background_test{height:auto;margin-left:540px;margin-top:0;width:200px}.bingo-card-page{padding:15px}.bingo-cards{background-color:#920000;display:flex;flex-wrap:wrap;gap:10px}.bingo-card{border:1px solid #ccc;padding:10px;text-align:center;width:210px}.card-grid{display:flex;flex-direction:column}.card-row{display:flex;justify-content:space-around}.card-cell{align-items:center;border:1px solid #eee;display:flex;height:30px;justify-content:center;margin:2px;width:30px}.game-controls{display:flex;flex-direction:column;gap:15px}.control-buttons{display:-webkit-box;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:-23px;margin-top:18px}.language-selector{display:inline-block;font-family:Arial,sans-serif;position:relative}.language-selector .lang-button{align-items:center;background-color:#950000;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;justify-content:space-evenly;min-width:120px;padding:9px 12px;transition:background .5s,box-shadow .2s}.language-selector .lang-button:hover{background-color:#b50000;box-shadow:0 2px 6px #00000026}.language-selector .lang-button svg{margin-left:6px;transition:transform .2s}.language-selector .dropdown{background-color:#b80000;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.842);color:#fff;left:0;margin-top:2px;min-width:120px;overflow:hidden;position:absolute;top:100%;z-index:1000}.language-selector .dropdown button{background:none;border:none;color:#fff;color:#d3d3d3;cursor:pointer;display:block;font-size:14px;padding:8px 12px;text-align:left;transition:background .2s,color .2s;width:100%}.language-selector .dropdown button:hover{background-color:#f5f5f5;color:#cf0000}.language-selector .dropdown button.selected{background-color:#b80000;color:#fff;font-weight:700;height:fit-content;width:auto}.button-loading{background-color:#c50000!important;cursor:wait!important}.loading-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:13.2px;width:13.2px}@keyframes spin{to{transform:rotate(1turn)}}.speed-control{align-items:center;border-radius:8px;display:flex;gap:10px;margin-top:10px;padding:10px 275px}.speed-control label{color:#a20000;font-weight:700;white-space:nowrap}#speed-select{background:#600;border:1px solid #5d0000;border-radius:5px;color:#fff;cursor:pointer;padding:5px 10px}#speed-slider{-webkit-appearance:none;background:#7b0000;border-radius:4px;flex-grow:1;height:8px;min-width:150px;outline:none}#speed-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#4a6baf;border-radius:50%;cursor:pointer;height:20px;-webkit-transition:all .2s;transition:all .2s;width:20px}#speed-slider::-webkit-slider-thumb:hover{background:#2c3e50;transform:scale(1.1)}.speed-value{color:#2c3e50;font-weight:700;min-width:70px;text-align:center}#speed-select:disabled,#speed-slider:disabled{cursor:not-allowed;opacity:.6}#speed-slider:disabled::-webkit-slider-thumb{background:#95a5a6}.multiplier-buttons{display:flex;gap:10px;margin:10px 0}.multiplier-buttons button{background-color:#ff2f00;border-radius:32px;color:#fff;cursor:pointer;padding:5px 3px}.multiplier-buttons button:hover{background-color:#0056b3}.card-header{background-color:#f0f0f0;display:flex;font-weight:700}.card-header-cell{background-color:#b60000;border-bottom:2px solid #ccc;color:#fff;flex:1 1;padding:6px;text-align:center}.bingo-dashboard{padding-top:80px;position:relative}.winner-amount-button{left:50%;position:absolute;top:10px;transform:translateX(-50%);z-index:10}.action-buttons{display:ruby;flex-wrap:wrap;gap:20px;margin-left:-520px}.winner-button{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#f9f9f9;border:1.5px solid hsla(0,0%,4%,.365);border-radius:12px;color:#820000;cursor:pointer;font-family:inherit;font-size:47px;font-weight:700;margin-top:-6px;padding:2px 45px;transition:all .3s ease}.winner-button:hover{background-color:#f9f9f9;border:1.5px solid #0b0b0b}.called-number{background-color:#007bff;color:#fff;font-weight:700}.card-cell{transition:all .3s ease}.cell-default{background-color:#fff}.cell-called{background:radial-gradient(circle,#656565,#00009b);color:#f7f7f7;font-weight:700}.cell-win{align-items:center;animation:popUp .9s ease-in-out infinite;background:radial-gradient(circle,#00009b,#00009b);border:2px solid #320b0b;border-radius:5px;color:#fff;display:flex;font-family:ui-monospace;font-size:1.2em;font-weight:700;justify-content:center}.card-cell{transition:.3s}.cell-free{align-items:center;background:radial-gradient(circle,#d83431,#ff0a00);border:2px solid #320b0b;border-radius:2px;color:#fff;display:flex;font-size:1.2em;font-weight:700;justify-content:center}@keyframes popUp{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.input-group{align-items:center;margin-bottom:10px}.winner-input,.winner-select{font-size:16px;padding:8px}.set-button{background-color:#8d0000;border:none;color:#fff;cursor:pointer;padding:8px 16px}.set-button:hover{background-color:#950202}.select-commission{background-color:#c80000;border:1px solid #fff;border-radius:8px;color:#fff;font-size:16px;margin-left:4px;outline:none;padding:8px 14px;transition:border-color .3s,box-shadow .3s}.select-commission:hover{border-color:#960000}.select-commission:focus{border-color:#9b9ea0;box-shadow:0 0 5px #007bff4d}.input-group{align-items:baseline;display:flex;gap:10px;margin-left:250px}h3{color:#fff;display:block;font-size:1.17em;font-weight:700;margin-block-end:1em;margin-block-start:1em;margin-inline-end:0;margin-inline-start:0;unicode-bidi:isolate}.card-id-circle{background-color:#b60000e6;border:1px solid #fff;border-radius:50%;color:#eaeaea;cursor:pointer;font-size:16px;font-weight:700;transition:.3s}.card-id-circle,.card-id-circle:hover{align-items:center;box-sizing:border-box;display:flex;height:60px;justify-content:center;width:60px}.card-id-circle.selected,.card-id-circle:hover{background:radial-gradient(circle at center,#000,#000000d9);border:2px solid #fff;border-radius:50%;color:#fff;font-family:serif;font-family:initial;font-size:24px;font-weight:900}.card-id-circle.selected{align-items:center;box-sizing:border-box;display:flex;height:60px;justify-content:center;width:60px}.board-cell.flashing{animation:flashRandom .2s ease-in-out infinite alternate;background-color:maroon;color:#fff}@keyframes flashRandom{0%{background-color:maroon;color:#bc0000}to{background-color:#fff;color:maroon}}.card-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000c2;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:999}element.style{color:#cd0000;font-size:large;font-weight:700;margin-top:12px;text-align:center}.card-modal{animation:fadeInPop .3s ease-in-out;background-color:#fff;border-radius:10px;border-style:solid;box-shadow:0 8px 30px #0000004d;color:#4a4a4a19;height:498px;max-width:391px;padding:1.5rem;position:relative;width:92%;z-index:1000}.card-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.card-modal-header h3{background-color:#fdfdfd00;color:#9f0000;font-size:18px;margin:0}.close-button{background-color:#8d000000;border:thin solid #fff0;border-radius:8px;color:#580000;cursor:pointer;font-size:2rem;margin-right:-14px;margin-top:-35px;transition:color .2s ease-in-out}.close-button:hover{color:#a30000}.card-grid-container{display:flex;flex-direction:column}.card-bingo-letters{display:grid;font-weight:700;grid-template-columns:repeat(5,1fr);margin-bottom:.5rem;text-align:center}.card-bingo-letter{font-size:1rem;padding:.3rem}.card-row{display:grid;grid-template-columns:repeat(5,1fr);text-align:center}.card-cell{border:1px solid #800;font-size:2.1rem;height:60px;padding:2px;width:auto}.card-cell.called{background-color:#a00000;color:#fff;font-weight:700}.card-stats{font-size:1rem;font-weight:500;margin-top:1rem;text-align:center}@keyframes fadeInPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.support-results-page{background-color:#f9f9f9;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:2rem}.support-results-page h2{color:#2c3e50;font-size:2rem;margin-bottom:1.5rem;text-align:center}.stats-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:2rem}.stat-cardd{align-items:center;background:#b30000;border:1px solid #ddd;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;margin-top:15px;padding:1rem;transition:transform .2s ease}.stat-cardd:hover{transform:scale(1.02)}.stat-cardd img{height:50px;margin-right:1rem;width:50px}.stat-cardd h4{color:#fffefe;font-size:1.2rem;margin:0}.stat-cardd p{color:#f0f0f0;font-size:1rem;font-weight:700;margin:.2rem 0 0}.filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1rem}.filter-bar input{border:1px solid #ccc;border-radius:8px;color:#8c0000;font-size:1rem;padding:.5rem 1rem}.filter-bar button{background-color:#c10000;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:.5rem 1.2rem;transition:background .2s}.filter-bar button:hover{background-color:#d10000}.navigation-buttons{margin:1rem 0;text-align:right}.navigation-buttons button{align-items:center;background-color:#ad0000;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;gap:.5rem;padding:.6rem 1rem}.navigation-buttons button:hover{background-color:#e51700}.results-table{background-color:#fff;border-collapse:collapse;border-radius:10px;box-shadow:0 2px 10px hsla(0,0%,7%,.397);overflow:hidden;width:100%}.results-table thead{background-color:#2c3e50;color:#fff}.results-table th{background-color:#b30000;border:thin solid #efefef78;color:#fff;font-size:.95rem}.results-table td,.results-table th{padding:.75rem 1rem;text-align:center}.results-table td{border:thin solid #5c000047;border-bottom:1px solid #ddd;color:#3a3a3a;font-size:.95rem 14.25px}.icon-style{box-sizing:border-box;color:#fff;font-family:math;font-size:15px;margin:0;padding:0}.results-table tbody tr:nth-child(2n){background-color:#f2f2f2}.results-table tbody tr:hover{background-color:#ecf0f1}.pagination-controls{display:flex;gap:.5rem;justify-content:center;margin-top:1.5rem}.pagination-controls button{background-color:#bdc3c7;border:none;border-radius:6px;color:#2c3e50;cursor:pointer;font-weight:700;padding:.4rem .8rem;transition:background-color .2s}.pagination-controls button.active{background-color:#7c0000;color:#fff}.pagination-controls button:hover:not(.active){background-color:#95a5a6}.bingo-page{grid-gap:1px;display:grid;gap:1px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));padding:20px}.card-box{background:#fff;border-radius:12px;box-shadow:0 0 10px #0000001a;padding:5px}.card-options{display:flex;justify-content:center;margin-bottom:10px}.card-options select{background-color:#fff;border:1px solid #ccc;border-radius:8px;color:#333;cursor:pointer;font-size:16px;max-width:200px;outline:none;padding:8px 12px;transition:all .2s ease;width:100%}.card-options select:focus{border-color:#ff5722;box-shadow:0 0 4px #ff572280}.card-options option{background-color:#fff;color:#333;padding:10px}.card-search{display:flex;gap:10px;margin-bottom:10px;width:300px}.card-search input{border:1px solid #9f0000;border-image:none;border-image:initial;border-radius:6px;color:#727272;flex:1 1;font-size:14px;padding:5px;width:5px}.card-search button{background:#eb0000;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 12px}.bingo-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(5,1fr)}.bingo-cell{background-color:#b30000;border-radius:6px;cursor:pointer;font-weight:700;padding:6px;text-align:center;transition:.2s}.bingo-cell:hover{background-color:#bf0000}.bingo-cell.selected{background-color:#1530c6;color:#fff;height:33px;padding:8px;width:auto}.blank-space{color:#aaa;font-style:italic;padding:30px;text-align:center}
/*# sourceMappingURL=main.5869a4e6.css.map*/