.login-container{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;max-height:100vh;background-color:#f7f0b7;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.login-wrapper{display:flex;width:100%;min-height:100vh}.welcome-container{background-color:#f7f0b7;box-shadow:4px 0 6px -2px #00000026;width:35%;display:flex;flex-direction:column;justify-content:center;padding:2rem;position:relative}.small-logo{position:absolute;top:1.5rem;left:1.5rem;width:120px}.larg-logo-cont{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1}.welcome-title{color:#ff3131;text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}.welcome-image{max-width:80%;height:auto;margin:2rem 0}.login-column{flex:1;display:flex;justify-content:center;align-items:center;padding:2rem;background-color:#f7f0b7}.login-box{width:100%;max-width:450px;padding:2rem;text-align:center}.head-logo{margin-bottom:2rem}.brand-title{font-size:2rem;color:#ff3131;margin-bottom:.5rem;font-weight:700}.login-subtitle{font-size:1.5rem;color:#ff3131;margin-bottom:2rem;font-weight:600}.hager-games{color:#2065d1;font-weight:700}.form-group{position:relative;border:1px solid #121111;border-radius:8px;margin-bottom:1.5rem}.form-group legend{font-size:.875rem;padding:0 .5rem;margin-left:.5rem;color:#4989e0;font-weight:500;background:#f7f0b7;position:absolute;top:-.6rem}.form-group input{width:100%;padding:1.25rem .75rem .75rem;font-size:1rem;border:none;outline:none;background-color:#f7f0b7;border-radius:6px}.login-button{width:100%;padding:1rem;background-color:#2065d1;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease;margin-top:1rem;text-transform:uppercase}.login-button:hover{background-color:#164a9e}.login-button:disabled{background-color:#999;cursor:not-allowed}.line-with-text{display:flex;align-items:center;width:100%;text-align:center;margin:2rem 0;color:#666}.line-with-text:before,.line-with-text:after{content:"";flex:1;height:1px;background-color:#f7f0b7}.line-with-text span{margin:0 1rem;font-size:.875rem}.footer-text{margin-top:2rem;color:#666;font-size:.875rem}.error-message{color:red;margin-bottom:1rem;font-size:.875rem;text-align:left}.logo-pulse{border:none;border-radius:20px}@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{width:100%;height:auto;padding:1rem;box-shadow:none;order:-1}.larg-logo-cont{margin-top:2rem;padding:1rem}.welcome-title{font-size:2rem}.login-column{padding:1rem}.login-box{max-width:100%;padding:1rem}.small-logo{position:static;margin:1rem auto;display:block}}@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%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.larg-logo-cont img{display:none}}@media (max-width: 768px){.login-column{align-items:start}}.loader_container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;background-color:#f7f0b7;display:flex;justify-content:center;align-items:center}.loader_container img{width:150px;height:150px}.loader{width:45px;aspect-ratio:1;--c: no-repeat linear-gradient(#000 0 0);background:var(--c) 0% 50%,var(--c) 50% 50%,var(--c) 100% 50%;background-size:20% 100%;animation:l1 1s infinite linear}@keyframes l1{0%{background-size:20% 100%,20% 100%,20% 100%}33%{background-size:20% 10%,20% 100%,20% 100%}50%{background-size:20% 100%,20% 10%,20% 100%}66%{background-size:20% 100%,20% 100%,20% 10%}to{background-size:20% 100%,20% 100%,20% 100%}}.utx-container{background-color:#f7efb7!important;box-shadow:0 8px 32px #00000014;overflow:hidden;border:1px solid #e2e8f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.utx-header{padding:25px 30px;color:#000;background:#000}.utx-header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}:root{--primary-color: #000000;--primary-hover: #1a1a1a;--secondary-color: #374151;--success-color: #10b981;--error-color: #ef4444;--warning-color: #f59e0b;--background-color: #000000;--card-background: #111827;--text-color: #ffffff;--text-secondary: #9ca3af;--border-color: #e5e7eb;--sidebar-width: 250px;--sidebar-minimized-width: 70px;--header-height: 60px;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--radius: .375rem;--transition: all .3s ease}.user-header{font-size:1.2rem;font-weight:600;color:#fff;background:#000;padding:12px 16px;border-radius:8px;margin:16px;box-shadow:0 2px 8px #0000001a;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-button{display:flex;align-items:center;gap:.5rem;background-color:#1e1b1b;color:#000}.dialog-content{max-width:500px;width:95%!important;max-height:90vh;overflow-y:auto;padding:1.5rem;margin:0 auto}.search-input{width:100%;padding-left:2.5rem;border-radius:var(--radius);border:1px solid black;background-color:#f7f0b7}.form-header{background:#000;border-bottom:1px solid #e5e7eb}.sidebar-header{display:flex;justify-content:space-between;align-items:center;height:var(--header-height);padding:1rem;background-color:#000;border-bottom:1px solid var(--border-color)}.sidebar-menu-item.active{background-color:var(--primary-color);color:#fff}th,td{color:#111827!important;background-color:#fff!important}[data-radix-dialog-overlay]{z-index:9998!important}[data-radix-dialog-content]{z-index:9999!important}.tt-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid #e5e7eb;color:#f7efb7}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bbackground-color);line-height:1.5}.dashboard-container{display:flex;min-height:100vh;position:relative;background-color:var(--bbackground-color)}.main-content{flex:1;padding:1.5rem;transition:var(--transition);min-height:100vh;background-color:#f7f0b7!important}.main-content.sidebar-open{margin-left:var(--sidebar-width)}.main-content.sidebar-minimized{margin-left:var(--sidebar-minimized-width)}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background-color:var(--card-background);border-right:1px solid var(--border-color);z-index:100;transition:var(--transition);display:flex;align-items:start!important;flex-direction:column;box-shadow:var(--shadow-md);overflow:hidden}.sidebar.closed{transform:translate(-100%)}.sidebar.minimized{width:var(--sidebar-minimized-width)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border-color);height:var(--header-height);background:#000;color:#fff}.user-header{font-size:1.2rem;font-weight:600;color:#fff;padding:12px 16px;border-radius:8px;margin:16px;box-shadow:0 2px 8px #0000001a;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-header h2{font-size:1.25rem;font-weight:600;color:#fff!important;margin:0}.sidebar-toggle{border:none;cursor:pointer;color:#000;padding:.25rem;display:flex;align-items:center;justify-content:center}.sidebar-toggle:hover{background-color:#ffffff1a}.sidebar-loading{padding:1rem;text-align:center;color:var(--text-secondary)}.company-info{padding:1rem;border-bottom:1px solid var(--border-color);background-color:#4f46e50d}.company-info h3{font-size:.875rem;font-weight:600;margin-bottom:.75rem;color:var(--primary-color)}.info-details{font-size:.875rem}.info-details p{margin-bottom:.5rem;display:flex;justify-content:space-between}.info-details p:last-child{margin-bottom:0}.sidebar-nav-item{display:flex;align-items:center;width:100%;padding:.75rem 1rem;border-radius:0;text-align:left;font-size:.875rem;transition:background-color .2s;color:var(--text-secondary);margin-bottom:.25rem;border-left:3px solid transparent}.sidebar-nav-item:hover{background-color:#4f46e50d;color:var(--primary-color)}.sidebar-nav-item.active{background-color:#4f46e51a;color:var(--primary-color);font-weight:500;border-left:3px solid var(--primary-color)}.sidebar-icon{display:flex;align-items:center;justify-content:center;margin-right:.75rem;width:24px;height:24px}.sidebar.minimized .sidebar-nav-item{justify-content:center;padding:.75rem 0}.sidebar.minimized .sidebar-icon{margin-right:0}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:90;display:none}@media (max-width: 768px){.sidebar-overlay{display:block}}.mobile-menu-button{position:fixed;top:1rem;left:1rem;z-index:80;display:none;background-color:var(--primary-color);color:#000;box-shadow:var(--shadow-md)}@media (max-width: 768px){.mobile-menu-button{display:flex}}.card-header-content{display:flex;align-items:end;justify-content:end;width:100%}.admin-detail-card{margin-bottom:1.5rem}.header-left{display:flex;align-items:center;gap:1rem}.header-actions{display:flex;gap:.5rem}.admin-name{font-size:1.5rem;font-weight:600}.back-button{display:flex;align-items:center;gap:.5rem;color:#000!important}.admin-tabs{margin-top:1rem}.admin-tabs-list{margin-bottom:1.5rem}.admin-tab-content{padding:1rem 0}.admin-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:1.5rem}.detail-card{background-color:#f7f0b7;border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);border:1px solid var(--border-color)}.detail-card h3{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--primary-color)}.detail-row{display:flex;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.detail-row:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.detail-label{font-weight:500;color:var(--text-secondary)}.detail-value{font-weight:500}.cashiers-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.cashiers-header h3{font-size:1.125rem;font-weight:600;color:var(--text-color)}.cashier-games{margin-top:1rem}.cashier-games-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.cashier-games-header h3{font-size:1.125rem;font-weight:600;color:var(--text-color)}.table-responsive{overflow-x:auto;width:100%;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border-color)}.admin-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:1rem}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:capitalize}.status-badge.permitted,.status-badge.playing{background-color:#10b9811a;color:var(--success-color)}.status-badge.blocked,.status-badge.canceled{background-color:#ef44441a;color:var(--error-color)}.status-badge.completed{background-color:#f59e0b1a;color:var(--warning-color)}.action-buttons{display:flex;gap:.5rem}.add-button{display:flex;align-items:center;gap:.5rem;background-color:#1e1b1b;color:#fff}.edit-button{color:var(--primary-color);border-color:var(--primary-color)}.edit-button:hover{background-color:#4f46e51a}.delete-button{color:var(--error-color);border-color:var(--error-color)}.delete-button:hover{background-color:#ef44441a}.status-button{color:var(--warning-color);border-color:var(--warning-color)}.status-button:hover{background-color:#f59e0b1a}.block-button{color:var(--error-color);border-color:var(--error-color)}.block-button:hover{background-color:#ef44441a}.unblock-button{color:var(--success-color);border-color:var(--success-color)}.unblock-button:hover{background-color:#10b9811a}.view-button,.game-button{color:#000!important;border-color:var(--primary-color);background-color:#fff!important}.view-button:hover,.game-button:hover{background-color:#4f46e51a}.save-button,.submit-button{display:flex;align-items:center;gap:.5rem;background-color:var(--primary-color);color:#000}.save-button:hover,.submit-button:hover{background-color:var(--primary-hover)}.form-group{margin-bottom:1.25rem}.form-actions{margin-top:1.5rem;display:flex;justify-content:flex-end}.error{color:var(--error-color);font-size:.75rem;margin-top:.25rem}.checkbox-group{display:flex;align-items:center}.checkbox-label{margin-right:.5rem;flex-grow:1}.checkbox{width:1.25rem;height:1.25rem;border-radius:.25rem;border:1px solid var(--border-color);cursor:pointer}.loading{display:flex;justify-content:center;align-items:center;padding:3rem;color:var(--text-secondary);font-size:1rem}.company-panel{margin-bottom:1.5rem}.company-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background-color:var(--card-background);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);border:1px solid var(--border-color);display:flex;align-items:center;gap:1rem;transition:var(--transition)}.stat-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background-color:#4f46e51a;color:var(--primary-color)}.stat-content{flex:1}.stat-content h3{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.stat-value{font-size:1.5rem;font-weight:600;color:var(--text-color)}.company-form-card{margin-top:2rem}.company-form h3{font-size:1.125rem;margin-bottom:1.5rem;color:var(--text-color)}.dialog-content{max-width:500px;width:100%;padding:1.5rem}.text-success{color:var(--success-color)}.text-error{color:var(--error-color)}.text-warning{color:var(--warning-color)}.text-center{text-align:center}.search-container{margin-bottom:1.5rem}.search-input-wrapper{position:relative;max-width:400px}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.search-input{width:100%;padding-left:2.5rem;border-radius:var(--radius);border:1px solid black}@media (max-width: 768px){.main-content{margin-left:0!important;padding:1rem}.sidebar.open{transform:translate(0)}.company-stats,.admin-details{grid-template-columns:1fr}.card-header-content,.header-left,.header-actions,.cashiers-header,.cashier-games-header{flex-direction:column;align-items:flex-end!important;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{position:absolute;right:20px;top:20px;background:none;border:none;cursor:pointer;color:#666}.dialog-minimize-button:hover{color:#333}.company-panel{margin-bottom:2rem}.panel-title{font-size:1.5rem;font-weight:700}.loading-container{display:flex;justify-content:center;align-items:center;height:10rem}.loading-spinner{width:3rem;height:3rem;border-radius:50%;border:.25rem solid #e5e7eb;border-top-color:#3b82f6;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stats-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem;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{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.stat-content{padding:1.5rem}.stat-inner{display:flex;align-items:center;gap:1rem}.stat-icon-container{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:9999px}.stat-icon{width:1.5rem;height: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}.stat-label{font-size:.875rem;font-weight:500;color:#6b7280;margin:0}.stat-value{font-size:1.5rem;font-weight:700;margin:.25rem 0 0}.stat-value.date,.stat-value.admin-name{font-size:1.125rem}.form-card{border:1px solid #e5e7eb}.form-header{background-color:#000;border-bottom:1px solid #e5e7eb}.form-title{font-size:1.25rem}.form-content{padding:1.5rem}.success-message{margin-bottom:1rem;padding:.75rem;background-color:#10b9811a;color:#10b981;border-radius:.375rem;border:1px solid rgba(16,185,129,.2)}.company-form{display:flex;flex-direction:column;gap:1rem}@media (min-width: 768px){.form-grid{grid-template-columns:1fr 1fr}}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.875rem;font-weight:500;color:#000!important}.input-error{border-color:#ef4444!important}.error-text{font-size:.75rem;color:#ef4444;margin:.25rem 0 0}.form-actions{display:flex;justify-content:flex-end;margin-top:1.5rem}.save-button{display:flex;align-items:center;gap:.5rem}.button-icon{width:1.125rem;height:1.125rem}.pagination-controls{display:flex;justify-content:end;gap:1rem;margin:2rem 0;padding:2rem}.pagination-button{padding:.5rem 1rem;border:none;border-radius:4px;font-weight:600;cursor:pointer;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{opacity:.6;cursor:not-allowed}.sidebar-wrapper{position:fixed;top:0;left:0;height:100vh;width:var(--sidebar-width);background-color:var(--card-background);background-color:#f7efb7;border-right:1px solid var(--border-color);box-shadow:var(--shadow-md);z-index:1000;display:flex;flex-direction:column;align-items:stretch;transition:var(--transition);overflow:hidden}.sidebar-wrapper.closed{transform:translate(-100%)}.sidebar-wrapper.minimized{width:var(--sidebar-minimized-width)}.sidebar-header{display:flex;justify-content:space-between;align-items:center;height:var(--header-height);padding:1rem;background-color:#1e1b1b;border-bottom:1px solid var(--border-color)}.sidebar-title{font-size:1.25rem;font-weight:600;margin:0;color:#000}.sidebar-toggle-btn{color:#000;padding:.25rem}.sidebar-menu{display:flex;flex-direction:column;gap:.25rem;padding:1rem 0;overflow-y:auto;flex-grow:1}.sidebar-menu-item{width:100%;text-align:left;padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;white-space:normal;overflow-wrap:break-word;box-sizing:border-box}.sidebar-menu-item.active{background-color:#1e1b1b;color:#fff}.sidebar-menu-icon{display:inline-flex;align-items:center}.sidebar-menu-label{flex-grow:1}.sidebar-mobile-btn{position:fixed;top:1rem;left:1rem;z-index:101}.sidebar-overlay{position:fixed;top:0;left:var(--sidebar-width);width:calc(100vw - var(--sidebar-width));height:100vh;background-color:#0000004d;z-index:99}.password-input-container{position:relative}.password-input-container input{width:100%;padding-right:2.5rem}.toggle-password-btn{position:absolute;top:50%;right:.75rem;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#666}.input-with-icon{position:relative}.input-with-icon input{padding-right:2.5rem}.toggle-password{position:absolute;top:50%;right:.75rem;transform:translateY(-50%);background:none;border:none;color:#666;cursor:pointer}.toggle-password:hover{color:#000}.input-error{border:1px solid #ef4444}.error-text{color:#ef4444;font-size:.85rem;margin-top:.25rem}.cartelacopy-container{max-width:100%;margin:0 auto;padding:20px;color:#fff}.cartelacopy-title{font-size:1.75rem;font-weight:600;margin-bottom:2rem;color:#000}.cartelacopy-form-group{margin-bottom:1.5rem}.cartelacopy-form-label{display:block;margin-bottom:.5rem;font-weight:600}.cartelacopy-form-input{width:100%;padding:.75rem;border-radius:8px;border:1px solid #443a8a;background-color:#332a6a;color:#fff;font-size:1rem}.cartelacopy-form-input:focus{outline:none;border-color:#a0e8a0;box-shadow:0 0 0 2px #a0e8a04d}.cartelacopy-disabled-input{opacity:.7;cursor:not-allowed}.cartelacopy-btn{padding:.75rem 1.5rem;border-radius:8px;border:none;font-weight:700;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center}.cartelacopy-btn:disabled{opacity:.7;cursor:not-allowed}.cartelacopy-fetch-btn,.cartelacopy-confirm-btn,.cartelacopy-reset-btn{background-color:#a0e8a0;color:#221c49}.cartelacopy-fetch-btn:hover:not(:disabled),.cartelacopy-confirm-btn:hover:not(:disabled),.cartelacopy-reset-btn:hover:not(:disabled){background-color:#7ad07a}.cartelacopy-back-btn{background-color:#332a6a;color:#fff;border:1px solid #443a8a}.cartelacopy-back-btn:hover{background-color:#443a8a}.cartelacopy-button-group{display:flex;gap:.75rem;margin:1.5rem 0}.cartelacopy-card-container{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;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;padding:20px;transition:all .3s ease;box-shadow:0 4px 12px #0000004d}.cartelacopy-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0006}.cartelacopy-card-id{font-size:1.1rem;margin-bottom:15px;color:#a0e8a0;text-align:center;font-weight:700}.cartelacopy-bingo-row{margin:.5rem 0;font-size:1rem}.cartelacopy-bingo-letter{font-weight:700;font-size:1.1rem}.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;text-align:center;margin-bottom:2rem}.cartelacopy-input-step,.cartelacopy-preview-step,.cartelacopy-success-step{background-color:#090e2c;background:#000;padding:2rem;border-radius:5px;margin-bottom:2rem;width:100%}.cartelacopy-success-step{text-align:center}.copy-text{color:#000}.cartelacopy-bingo-grid{display:table;border-collapse:collapse;width:100%;margin-top:10px}.cartelacopy-bingo-row{display:table-row}.cartelacopy-bingo-cell{display:table-cell;border:1px solid #ddd;padding:8px;text-align:center;vertical-align:middle}.cartelacopy-header-cell{font-weight:700;color:#000;font-size:20px}.cartelacopy-freespace{font-weight:700;color:#ff5722}.cartelacopy-bingo-grid{width:100%;border-collapse:collapse;margin-top:10px}.cartelacopy-bingo-grid th,.cartelacopy-bingo-grid td{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{font-weight:700;color:#ff5722;font-style:italic}.tt-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid #e5e7eb;color:#000}.tt-thead{background:#000}.tt-tbody{background:#fff}.tt-td{padding:16px 20px;color:#111827;vertical-align:top;background-color:#f7f0b7}.tt-username{font-size:.75rem;color:#6b7280;font-family:Monaco,Menlo,Ubuntu Mono,monospace;background-color:#f7f0b7}.tt-pagination-container{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;border-top:1px solid #e5e7eb;background:#f8fafc}@media print{.tt-container{box-shadow:none;border:1px solid #000}.tt-header{background:#f0f0f0!important;color:#000!important}.tt-pagination-container,.tt-loading-overlay{display:none}}.summary-item{padding:8px 12px;background-color:#f7efb7;border-radius:6px;border:1px solid #e9ecef;font-size:14px;color:#000}.filters-container{background-color:#f7efb7;border:1px solid #e9ecef;border-radius:8px;padding:20px;margin-bottom:20px}.filters-row{display:flex;gap:15px;flex-wrap:wrap;align-items:end}.filter-group select:disabled,.filter-group input:disabled{background-color:#f7f0b7;cursor:not-allowed}.utx-header{padding:25px 30px;color:#000!important;background:#000}.utx-header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;background-color:#f7efb7;color:#000!important}.utx-page-indicator{font-size:.5rem;color:#fffc;font-weight:500}.utx-table-container{overflow-x:auto;background-color:#f7efb7}.utx-th{padding:10px 14px;text-align:left;font-weight:700;color:#334155;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;position:relative}.utx-table-body{background:#f7efb7}.utx-td{padding:20px 24px;color:#1e293b;vertical-align:top;border-bottom:1px solid #f1f5f9}@media print{.utx-container{box-shadow:none;border:1px solid #000}.utx-header{background:#f0f0f0!important;color:#000!important}.utx-pagination,.utx-loading-overlay{display:none}}:root{--primary-color: #3b82f6;--primary-hover: #2563eb;--secondary-color: #f3f4f6;--text-color: black;--text-light: #6b7280;--border-color: #e5e7eb;--bbackground-color: #F9FAFB --card-background: #F9FAFB;--success-color: #10b981;--success-bg: #d1fae5;--warning-color: #f59e0b;--warning-bg: #fef3c7;--danger-color: #ef4444;--danger-bg: #fee2e2;--info-color: #3b82f6;--info-bg: #dbeafe;--sidebar-width: 350px;--header-height: 60px;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5}.admin-dashboard{display:flex;min-height:100vh;position:relative;background-color:var(--background-color);color:var(--text-color)}.mobile-menu-toggle{display:none;align-items:center;justify-content:center;width:4rem;height:4rem;border:1px solid var(--border-color);border-radius:.25rem;background-color:var(--card-background);color:#000;cursor:pointer}.text-label{color:#000}.section-header{display:flex;align-items:start;justify-content:start;margin-bottom:1.5rem}.section-header h1{font-size:1.5rem;font-weight:700}h1{color:#fff}.header-actions{display:flex;gap:1rem;align-items:center}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(30%,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background-color:var(--card-background);border-radius:.5rem;box-shadow:var(--shadow);overflow:hidden}.stat-card-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border-color)}.stat-card-header h3{font-size:.875rem;font-weight:500;color:var(--text-light)}.stat-icon{width:1.25rem;height:1.25rem;color:var(--primary-color)}.stat-value{margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700}.stat-description{font-size:.75rem;color:var(--text-light)}.table-card{background-color:var(--card-background);border-radius:.5rem;box-shadow:var(--shadow);overflow:hidden;margin-bottom:1.5rem}.card-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border-color)}.card-header h3{font-size:1rem;font-weight:600;color:#fff!important}.card-content{padding:1rem}table{width:100%;border-collapse:collapse}thead{background-color:var(--secondary-color)}th{padding:.75rem 1rem;text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;color:var(--text-light);border-bottom:1px solid var(--border-color)}td{padding:.75rem 1rem;border-bottom:1px solid var(--border-color);font-size:.875rem}tr:last-child td{border-bottom:none}.selected-row{background-color:var(--info-bg)}.action-button{display:flex;align-items:center;justify-content:center;padding:.25rem .5rem;border:1px solid var(--border-color);border-radius:.25rem;background-color:transparent;color:#000;cursor:pointer;transition:all .2s;font-size:.75rem}.action-button:hover{background-color:var(--secondary-color)}.view-button{color:#000!important;border-color:var(--info-color);background-color:var(--info-bg)}.view-button:hover{background-color:var(--info-color);color:#fff}.edit-button:hover{color:var(--primary-color);border-color:var(--primary-color)}.status-button:hover{color:var(--warning-color);border-color:var(--warning-color)}.delete-button:hover{color:var(--danger-color);border-color:var(--danger-color)}.button-icon{width:1rem;height:1rem}.add-button{display:flex;align-items:center;padding:.5rem 1rem;background-color:#1e1b1b;color:#fff!important;border:none;border-radius:.25rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.add-button:hover{background-color:var(--primary-hover)}.add-button .button-icon{margin-right:.5rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;padding:.6rem!important;margin-bottom:1rem}label{font-size:.875rem;font-weight:500}input,select{padding:.5rem;border:1px solid var(--border-color);border-radius:.25rem;font-size:.875rem;background-color:#f7f0b7}input:focus,select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}.form-actions{display:flex;justify-content:flex-end;margin-top:1rem}.filter-container{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.date-filter,.cashier-filter{display:flex;align-items:center}.date-filter label,.cashier-filter label{display:flex;align-items:center;gap:.5rem}.date-filter input,.cashier-filter select{padding:.5rem;border:1px solid var(--border-color);border-radius:.25rem;font-size:.875rem}.settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.setting-item{display:flex;flex-direction:column;gap:.5rem}.setting-item label{font-size:.75rem;color:var(--text-light);text-transform:uppercase}.setting-item p{font-size:.875rem;font-weight:500}.dialog-overlay{position:fixed;inset:0;background-color:#00000080;z-index:50}.dialog-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:500px;max-height:85vh;overflow-y:auto;background-color:#f7f0b7;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:51;padding:1.5rem}.dialog-header{margin-bottom:1rem}.dialog-title{font-size:1.25rem;font-weight:600}@media (max-width: 500px){.desktop-sidebar{display:none!important}.mobile-sidebar,.close-sidebar-button{display:block}.mobile-menu-toggle{display:flex}.main-content{margin-left:0}.stats-grid,.form-grid{grid-template-columns:1fr}.filter-container{flex-direction:column;align-items:flex-start}.action-buttons{flex-direction:column}.action-button{width:100%}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-actions{width:100%;justify-content:space-between}}.report-label{color:#000}.cashier-report-section .selected-row{background-color:#f9fafb}.selection-summary{margin-top:1rem;padding:.75rem;background-color:#f7efb7;border-radius:4px;display:flex;align-items:center;gap:1rem}.selection-summary .selected-count{color:#6c757d;font-size:.875rem}.report-card .table-container{max-height:500px;overflow-y:auto}.report-card input[type=checkbox]{width:16px;height:16px;cursor:pointer}.admin-dashboard{display:flex;min-height:100vh;position:relative}.mobile-sidebar{position:fixed;top:0;left:-280px;width:280px;height:100vh;background:#fff;box-shadow:2px 0 10px #0000001a;transition:left .3s ease-in-out;z-index:1000;overflow-y:auto}.mobile-sidebar.open{left:0}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999;cursor:pointer}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.sidebar-header h2{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.close-sidebar-button{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.close-sidebar-button:hover{background-color:#f3f4f6}.close-sidebar-button:focus{outline:2px solid #3b82f6;outline-offset:2px}.close-icon{width:1.25rem;height:1.25rem;color:#6b7280}.sidebar-menu{flex:1}.sidebar-menu nav ul{list-style:none;padding:0;margin:0}.sidebar-menu nav ul li{margin-bottom:.5rem}.sidebar-menu nav ul li button{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:none;border:none;border-radius:.5rem;cursor:pointer;font-size:.875rem;font-weight:500;color:#374151;transition:all .2s;text-align:left}.sidebar-menu nav ul li button:hover{background-color:#f3f4f6;color:#1f2937}.sidebar-menu nav ul li button.active{background-color:#1e1b1b;color:#fff}.menu-icon{width:1.25rem;height:1.25rem;flex-shrink:0;color:#000!important}.main-content{flex:1;padding:1rem;width:100%;min-width:0}.remaining-balance{background-color:green!important;color:#fff}.remaining-stat-card-header h3,.ramaining-stat-value,.remaining-wallet{color:#fff!important}.section-header h1{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;padding:.5rem;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;cursor:pointer;transition:all .2s;order:-1}.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{width:1.25rem;height:1.25rem;color:#374151}.stats-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}.stat-card,.table-card{background:#f7efb7;border:1px solid #0d0d0e;border-radius:.5rem;overflow:hidden}.stat-card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e5e7eb}.stat-card-header h3{font-size:.875rem;font-weight:500;color:#6b7280;margin:0}.stat-icon{width:1.25rem;height:1.25rem;color:#6b7280}.stat-card-content{padding:1rem}.stat-value span{font-size:1.5rem;font-weight:700;color:#1f2937}.stat-description{font-size:.75rem;color:#6b7280;margin:.25rem 0 0}.card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;gap:1rem}.card-header h3{font-size:1rem;font-weight:600;color:#1f2937;margin:0}.card-content{padding:0}.table-container{overflow-x:auto}.table-container table{width:100%;min-width:600px}.filter-container{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.date-filter label,.cashier-filter label{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem}.date-filter input,.cashier-filter select{padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem}.action-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.action-button{padding:.25rem .5rem;border:1px solid #d1d5db;border-radius:.25rem;background:#fff;cursor:pointer;font-size:.75rem;transition:all .2s;display:flex;align-items:center;gap:.25rem}.action-button:hover{background-color:#f9fafb}.button-icon{width:.875rem;height:.875rem}.status-badge{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500;text-transform:capitalize}.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{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1rem;border-top:1px solid #e5e7eb}.pagination-button{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.375rem;background:#fff;cursor:pointer;font-size:.875rem;transition:all .2s}.pagination-button:hover:not(:disabled){background-color:#f9fafb}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.page-info{font-size:.875rem;color:#6b7280}.form{display:flex;flex-direction:column;gap:1rem}.form-grid{display:grid;grid-template-columns:1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.25rem}.form-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.text-label{color:#374151;font-weight:500}.time{display:block;font-size:.75rem;color:#6b7280;margin-top:.25rem}.cartela-management{padding:1rem}.cards-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.bingo-card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:.1rem}.new-card{border-color:#3b82f6;border-width:2px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card-number-edit{display:flex;align-items:center;gap:.5rem}.card-number-input{width:80px;padding:.25rem .5rem;border:1px solid #d1d5db;border-radius:.25rem;font-size:.875rem}.bingo-grid{margin-bottom:1rem}.bingo-header{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;margin-bottom:2px}.bingo-letter{color:#fff;padding:.5rem;text-align:center;font-weight:700;font-size:1.125rem}.bingo-body{display:flex;flex-direction:column;gap:2px}.bingo-row{display:grid;grid-template-columns:repeat(5,1fr);gap:2px}.bingo-cell{aspect-ratio:1;border:1px solid #d1d5db;display:flex;align-items:center;justify-content:center;background:#fff}.bingo-input{width:100%;height:100%;border:none;text-align:center;font-size:.875rem;background:transparent}.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}.save-btn,.edit-btn,.delete-btn,.cancel-btn,.create-btn,.add-btn{padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.save-btn{background-color:#10b981;color:#fff;border:none}.save-btn:hover{background-color:#059669}.save-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.edit-btn{background-color:#1e1b1b;color:#fff;border:none}.edit-btn:hover{background-color:#2563eb}.delete-btn{background-color:#ef4444;color:#fff;border:none}.delete-btn:hover{background-color:#dc2626}.cancel-btn{background-color:#6b7280;color:#fff;border:none}.cancel-btn:hover{background-color:#4b5563}.create-btn,.add-btn{background-color:#1e1b1b;color:#fff;border:none}.create-btn:hover,.add-btn:hover{background-color:#2563eb}.empty-state{padding:3rem;text-align:center}.empty-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.empty-icon{width:3rem;height:3rem;color:#9ca3af}@media (min-width: 640px){.stats-grid,.form-grid,.cards-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.desktop-sidebar{display:block;width:280px;background:#fff;border-right:1px solid #e5e7eb;position:sticky;top:0;height:100vh;overflow-y:auto}.mobile-sidebar,.mobile-menu-toggle{display:none}.section-header{margin-bottom:3rem}.section-header h1{font-size:2rem}.stats-grid,.cards-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{position:fixed;top:0;left:0;width:100%;height:100%;margin-left:0;margin-right:0;background:#ffffffe6;display:flex;justify-content:center;align-items:center;z-index:9999}.header-actions{display:flex;gap:.5rem;align-items:center}.add-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#1e1b1b;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:background-color .2s}.add-button:hover{background-color:#2563eb}.selected-row{background-color:#eff6ff}.settings-grid{display:grid;grid-template-columns:1fr;gap:1rem}.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;transform:translate(-100%);position:fixed;top:0;left:0;z-index:1000}.mobile-sidebar.open{transform:translate(0)}.main-content{margin-left:0;width:100%}.mobile-menu-toggle{display:flex}}@media (min-width: 769px){.desktop-sidebar{display:block!important}.mobile-sidebar,.mobile-menu-toggle{display:none!important}}body.sidebar-open{overflow:hidden}.dialog-content{max-width:500px;padding:24px;background-color:#f7f0b7;border-radius:8px}.topup-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:14px;color:#555}.form-group input{padding:10px;font-size:15px;border:1px solid #ccc;border-radius:6px;background-color:#f7f0b7!important}.form-summary{background-color:#f9f9f9;padding:12px;border-radius:6px;border:1px solid #eee}.form-summary p{margin:0;font-size:15px}.form-summary .highlight{font-weight:600;color:#1a73e8}.form-summary .highlight-green{color:#0f9d58}.form-actions{display:flex;justify-content:flex-end}.submit-button{background-color:#1a73e8;color:#fff!important;border:none;padding:10px 18px;font-size:14px;border-radius:6px;cursor:pointer}.submit-button:hover{background-color:#1669c1}.manage-cartela-hamburger{display:flex;align-items:center;justify-content:end}@media (max-width: 769px){.manage-cartela-hamburger{display:flex;align-items:center;justify-content:space-between!important}}.utx-container{background:#f7efb7!important;box-shadow:0 8px 32px #00000014;overflow:hidden;border:1px solid #e2e8f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.utx-header{background-color:#f7efb7;padding:25px 30px;color:#000}.utx-header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;color:#000!important}.utx-title{margin:0;font-size:1.2rem;font-weight:800;color:#000;text-shadow:0 2px 4px rgba(0,0,0,.1)}.utx-summary{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.utx-total-count{font-size:.7rem;font-weight:600;background:#ffffff26;padding:8px 16px;border-radius:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.utx-page-indicator{font-size:.5rem;color:#000;font-weight:500}.utx-table-wrapper{position:relative;overflow-x:auto;background:#f7efb7}.utx-loading-overlay{position:absolute;inset:0;background:#fffffff2;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20;gap:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.utx-spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top:4px solid #4f46e5;border-radius:50%;animation:utx-spin 1s linear infinite}.utx-loading-text{color:#64748b;font-weight:600;font-size:1.1rem}@keyframes utx-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.utx-table-container{overflow-x:auto;background-color:#f7efb7!important}.utx-table{width:100%;border-collapse:collapse;font-size:.4rem;background:#f7efb7}.utx-table-head{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0}.utx-header-row{border-bottom:2px solid #cbd5e1}.utx-th{padding:10px 14px;text-align:left;font-weight:700;color:#334155;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;position:relative;background-color:#f7efb7!important}.utx-th:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#4f46e5,#7c3aed);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;transition:all .2s ease;position:relative}.utx-data-row:hover{background:linear-gradient(135deg,#fefbff,#f8fafc);transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.utx-data-row:nth-child(2n){background:#fafbfc}.utx-data-row:nth-child(2n):hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.utx-td{padding:20px 24px;color:#1e293b;vertical-align:top;border-bottom:1px solid #f1f5f9;background-color:#f7efb7!important}.utx-transaction-id{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-weight:700;color:#4f46e5;font-size:.7rem;background:linear-gradient(135deg,#eef2ff,#e0e7ff);padding:6px 12px;border-radius:8px;border:1px solid #c7d2fe}.utx-type-badge{display:inline-block;padding:4px 6px;border-radius:20px;font-size:.7rem;font-weight:300;text-transform:uppercase;letter-spacing:.05em;border:2px solid transparent}.utx-type-send{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.utx-type-receive{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.utx-type-default{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 4px 12px #6366f14d}.utx-status-badge{display:inline-block;padding:4px 9px;border-radius:20px;font-size:.7rem;font-weight:300;text-transform:uppercase;letter-spacing:.05em}.utx-status-completed{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 12px #22c55e4d}.utx-status-pending{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 12px #f59e0b4d}.utx-status-failed{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.utx-amount-value{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-weight:700;color:#059669;font-size:.7rem;display:block}.utx-currency{font-size:.75rem;color:#6b7280;font-weight:600;margin-left:4px}.utx-package-value{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-weight:700;color:#7c3aed;font-size:.7rem}.utx-user-card{display:flex;flex-direction:column;gap:6px;max-width:200px}.utx-user-name{font-weight:700;color:#1e293b;font-size:.7rem;line-height:1.2}.utx-user-meta{display:flex;flex-direction:column;gap:4px}.utx-username{font-size:.7rem;color:#64748b;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-weight:500}.utx-role-tag{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.7rem;font-weight:600;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:#f7f0b7;color:#475569}.utx-datetime{display:flex;flex-direction:column;gap:4px}.utx-date{font-weight:600;color:#1e293b;font-size:.7rem}.utx-date.utx-recent{color:#059669;font-weight:700}.utx-time{font-size:.7rem;color:#64748b;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.utx-no-data{color:#94a3b8;font-style:italic;font-size:.7rem}.utx-empty-row{background:#fff}.utx-empty-cell{padding:80px 40px;text-align:center}.utx-empty-state{display:flex;flex-direction:column;align-items:center;gap:16px}.utx-empty-icon{font-size:.7rem;opacity:.5}.utx-empty-text{font-size:.7rem;font-weight:600;color:#64748b;margin:0}.utx-empty-subtext{font-size:.7rem;color:#94a3b8;margin:0}.utx-pagination{display:flex;justify-content:space-between;align-items:center;padding:32px 40px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1px solid #e2e8f0}.utx-pagination-info{display:flex;align-items:center}.utx-pagination-summary{font-size:.7rem;color:#64748b;font-weight:600}.utx-pagination-controls{display:flex;align-items:center;gap:12px}.utx-pagination-btn{padding:12px 20px;border:2px solid #e2e8f0;background:#fff;color:#475569;border-radius:12px;cursor:pointer;font-size:.7rem;font-weight:600;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.utx-pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border-color:#4f46e5;transform:translateY(-2px);box-shadow:0 8px 20px #4f46e54d}.utx-pagination-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:0 2px 4px #0000000d}.utx-page-numbers{display:flex;gap:6px}.utx-page-btn{padding:12px 16px;border:2px solid #e2e8f0;background:#fff;color:#475569;border-radius:12px;cursor:pointer;font-size:.7rem;font-weight:600;transition:all .3s ease;min-width:48px;text-align:center;box-shadow:0 2px 4px #0000000d}.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;color:#fff;box-shadow:0 8px 20px #4f46e566;transform:translateY(-2px)}.utx-page-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.utx-error-wrapper{text-align:center;padding:80px 40px;background:#fff}.utx-error-icon{font-size:3rem;margin-bottom:24px}.utx-error-title{margin:0 0 16px;font-size:1.75rem;font-weight:700;color:#dc2626}.utx-error-message{margin:0 0 32px;color:#64748b;font-size:.7rem;line-height:1.6}.utx-retry-btn{padding:16px 32px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:12px;cursor:pointer;font-weight:700;font-size:.7rem;transition:all .3s ease;box-shadow:0 8px 20px #4f46e54d}.utx-retry-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #4f46e566}@media (max-width: 1200px){.utx-th,.utx-td{padding:16px 20px}.utx-user-card{max-width:160px}}@media (max-width: 768px){.utx-header{padding:24px 20px}.utx-header-content{flex-direction:column;align-items:flex-start;gap:16px}.utx-title{font-size:.7rem}.utx-summary{align-items:flex-start}.utx-pagination{flex-direction:column;gap:20px;align-items:stretch;padding:24px 20px}.utx-pagination-controls,.utx-pagination-info{justify-content:center}.utx-page-numbers{flex-wrap:wrap;justify-content:center}.utx-table{font-size:.8rem}.utx-th,.utx-td{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-pagination-btn,.utx-page-btn{padding:10px 14px;font-size:.8rem}.utx-page-btn{min-width:40px}.utx-th,.utx-td{padding:10px 12px}.utx-user-meta{gap:2px}.utx-role-tag{font-size:.65rem;padding:2px 8px}}@media print{.utx-container{box-shadow:none;border:1px solid #000}.utx-header{background:#f7efb7!important;color:#000!important}.utx-pagination,.utx-loading-overlay{display:none}}.tt-container{background:#f7efb7;border-radius:12px;overflow:hidden;margin:20px 0;border:1px solid #e5e7eb;width:100%!important}.tt-title{margin:0;font-size:1.3rem;font-weight:700;color:#000}.tt-info{display:flex;align-items:center;gap:16px}.tt-total-items{font-size:.9rem;color:#000;font-weight:500;background:#ffffff1a;padding:6px 12px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tt-wrapper{position:relative;overflow-x:auto}.tt-loading-overlay{position:absolute;inset:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;gap:16px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.tt-loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #667eea;border-radius:50%;animation:tt-spin 1s linear infinite}.tt-loading-text{color:#6b7280;font-weight:500}@keyframes tt-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tt-table{width:100%;border-collapse:collapse;font-size:.875rem}.tt-thead{background:linear-gradient(135deg,#667eea,#764ba2);background-color:#000}.tt-header-row{border-bottom:2px solid #e5e7eb}.tt-th{padding:16px 20px;text-align:left;font-weight:600;color:#fff;white-space:nowrap;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.tt-tbody{background:#f7efb7}.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{padding:16px 20px;color:#111827;vertical-align:top;background-color:#f7f0b7!important}.tt-transaction-id{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-weight:600;color:#667eea;font-size:.9rem}.tt-type-badge{display:inline-block;padding:6px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:capitalize;letter-spacing:.025em}.tt-status-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:capitalize;letter-spacing:.025em}.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{font-weight:600;color:#059669;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.tt-package{font-weight:600;color:#7c3aed;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.tt-user-info{display:flex;flex-direction:column;gap:4px}.tt-user-name{font-weight:600;color:#111827;font-size:.9rem}.tt-user-details{display:flex;flex-direction:column;gap:2px}.tt-username{font-size:.75rem;color:#6b7280;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.tt-role-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:.65rem;font-weight:600;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{font-weight:500;color:#111827;font-size:.85rem}.tt-time-text{font-size:.75rem;color:#6b7280;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.tt-no-data{text-align:center;color:#6b7280;font-style:italic;padding:60px 16px;font-size:1.1rem}.tt-no-data-inline{color:#9ca3af;font-style:italic;font-size:.8rem}.tt-pagination-container{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;border-top:1px solid #e5e7eb;background:#f7f0b7}.tt-pagination-info{display:flex;align-items:center}.tt-pagination-text{font-size:.875rem;color:#6b7280;font-weight:500}.tt-pagination-controls{display:flex;align-items:center;gap:8px}.tt-pagination-button{padding:10px 16px;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.tt-pagination-button:hover:not(:disabled){background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;transform:translateY(-1px);box-shadow:0 4px 8px #667eea4d}.tt-pagination-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:0 1px 2px #0000000d}.tt-prev-button,.tt-next-button{min-width:80px}.tt-page-numbers{display:flex;gap:4px}.tt-page-number{padding:10px 14px;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s ease;min-width:44px;text-align:center;box-shadow:0 1px 2px #0000000d}.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;color:#fff;box-shadow:0 4px 8px #667eea4d}.tt-page-number:disabled{opacity:.5;cursor:not-allowed;transform:none}.tt-error-message{text-align:center;padding:60px 20px;color:#dc2626}.tt-error-title{margin:0 0 12px;font-size:1.5rem;font-weight:700}.tt-error-text{margin:0 0 20px;color:#6b7280;font-size:1.1rem}.tt-retry-button{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .2s ease;box-shadow:0 4px 8px #667eea4d}.tt-retry-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #667eea66}@media (max-width: 1024px){.tt-th,.tt-td{padding:12px 16px}.tt-user-info{gap:2px}.tt-user-name{font-size:.85rem}}@media (max-width: 768px){.tt-header{flex-direction:column;align-items:flex-end;gap:12px;padding:20px}.tt-title{font-size:1.5rem}.tt-pagination-container{flex-direction:column;gap:16px;align-items:stretch;padding:20px}.tt-pagination-controls,.tt-pagination-info{justify-content:center}.tt-page-numbers{flex-wrap:wrap;justify-content:center}.tt-table{font-size:.8rem}.tt-th,.tt-td{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-pagination-button,.tt-page-number{padding:8px 12px;font-size:.8rem}.tt-page-number{min-width:36px}.tt-th,.tt-td{padding:8px 10px}.tt-user-details{gap:1px}.tt-role-badge{font-size:.6rem;padding:1px 6px}.tt-prev-button,.tt-next-button{min-width:70px}}@media print{.tt-container{box-shadow:none;border:1px solid #000}.tt-header{background:#f7efb7!important;color:#000!important}.tt-pagination-container,.tt-loading-overlay{display:none}}.sales-summary{display:flex;gap:20px;flex-wrap:wrap;margin-top:10px}.summary-item{padding:8px 12px;background-color:#f7efb7;border-radius:6px;border:1px solid #131414;font-size:14px;color:#000}.filters-container{background-color:#f7efb7;border:1px solid black!important;border-radius:8px;padding:10px!important;margin-bottom:20px}.filters-row{display:flex;gap:15px;flex-wrap:wrap;align-items:end;background-color:#f7efb7}.filter-group{min-width:150px}.filter-group label{display:block;margin-bottom:5px;font-weight:500;color:#495057;font-size:14px}.filter-group select,.filter-group input{width:100%;padding:8px 12px;border:1px solid #ced4da;border-radius:4px;background-color:#fff;font-size:14px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}.filter-group select:disabled,.filter-group input:disabled{background-color:#f7efb7;cursor:not-allowed}.filter-actions{display:flex;gap:10px}.filter-actions button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;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;color:#155724;border:1px solid #c3e6cb}.tt-status-pending{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}.tt-status-cancelled{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.tt-status-default{background-color:#e2e3e5;color:#383d41;border:1px solid #d6d8db}@media (max-width: 768px){.filters-row{flex-direction:column;align-items:stretch}.filter-group{min-width:100%}.filter-actions{justify-content:stretch}.filter-actions button{flex:1}.sales-summary{flex-direction:column;gap:10px}.summary-item{text-align:center}}@media (max-width: 480px){.tt-table{font-size:12px}.tt-th,.tt-td{padding:8px 4px}}.pyro{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;z-index:9999;pointer-events:none}.pyro>.before,.pyro>.after{position:absolute;width:5px;height:5px;border-radius:50%;box-shadow:-120px -218.66667px #00f,248px -16.66667px #00ff84,190px 16.33333px #002bff,-113px -308.66667px #ff009d,-109px -287.66667px #ffb300,-50px -313.66667px #ff006e,226px -31.66667px #ff4000,180px -351.66667px #ff00d0,-12px -338.66667px #00f6ff,220px -388.66667px #9f0,-69px -27.66667px #ff0400,-111px -339.66667px #6200ff,155px -237.66667px #0df,-152px -380.66667px #00ffd0,-50px -37.66667px #0fd,-95px -175.66667px #a6ff00,-88px 10.33333px #0d00ff,112px -309.66667px #005eff,69px -415.66667px #ff00a6,168px -100.66667px #ff004c,-244px 24.33333px #f60,97px -325.66667px #f06,-211px -182.66667px #00ffa2,236px -126.66667px #b700ff,140px -196.66667px #9000ff,125px -175.66667px #0bf,118px -381.66667px #ff002f,144px -111.66667px #ffae00,36px -78.66667px #f600ff,-63px -196.66667px #c800ff,-218px -227.66667px #d4ff00,-134px -377.66667px #ea00ff,-36px -412.66667px #ff00d4,209px -106.66667px #00fff2,91px -278.66667px #000dff,-22px -191.66667px #9dff00,139px -392.66667px #a6ff00,56px -2.66667px #09f,-156px -276.66667px #ea00ff,-163px -233.66667px #00fffb,-238px -346.66667px #00ff73,62px -363.66667px #08f,244px -170.66667px #0062ff,224px -142.66667px #b300ff,141px -208.66667px #9000ff,211px -285.66667px #f60,181px -128.66667px #1e00ff,90px -123.66667px #c800ff,189px 70.33333px #00ffc8,-18px -383.66667px #0f3,100px -6.66667px #ff008c;animation:bang 1s ease-out infinite backwards,gravity 1s ease-in infinite backwards,position 5s linear infinite backwards}.pyro>.after{animation-delay:1.25s,1.25s,1.25s;animation-duration:1.25s,1.25s,6.25s}@keyframes bang{0%{box-shadow:0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff}}@keyframes gravity{to{transform:translateY(200px);opacity:0}}@keyframes position{0%,19.9%{margin-top:10%;margin-left:40%}20%,39.9%{margin-top:40%;margin-left:30%}40%,59.9%{margin-top:20%;margin-left:70%}60%,79.9%{margin-top:30%;margin-left:20%}80%,99.9%{margin-top:30%;margin-left:80%}}.snowfall{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden}.snowflake{position:absolute;top:-20px;color:#fff;font-size:1rem;text-shadow:0 0 5px rgba(255,255,255,.8);animation:snowfall linear infinite;opacity:0;filter:drop-shadow(0 0 3px rgba(200,220,255,.8))}@keyframes snowfall{0%{opacity:0;transform:translateY(0) rotate(0) translate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(100vh) rotate(360deg) translate(30px)}}.snowflake:nth-child(1){left:2%;animation-duration:8s;animation-delay:0s;font-size:.8rem}.snowflake:nth-child(2){left:5%;animation-duration:12s;animation-delay:1s;font-size:1.2rem}.snowflake:nth-child(3){left:8%;animation-duration:10s;animation-delay:2s;font-size:.6rem}.snowflake:nth-child(4){left:12%;animation-duration:9s;animation-delay:.5s;font-size:1rem}.snowflake:nth-child(5){left:15%;animation-duration:11s;animation-delay:3s;font-size:.9rem}.snowflake:nth-child(6){left:18%;animation-duration:7s;animation-delay:1.5s;font-size:1.1rem}.snowflake:nth-child(7){left:22%;animation-duration:13s;animation-delay:.2s;font-size:.7rem}.snowflake:nth-child(8){left:25%;animation-duration:8s;animation-delay:2.5s;font-size:1.3rem}.snowflake:nth-child(9){left:28%;animation-duration:10s;animation-delay:4s;font-size:.8rem}.snowflake:nth-child(10){left:32%;animation-duration:9s;animation-delay:1.2s;font-size:1rem}.snowflake:nth-child(11){left:35%;animation-duration:12s;animation-delay:.8s;font-size:.6rem}.snowflake:nth-child(12){left:38%;animation-duration:7s;animation-delay:3.5s;font-size:1.2rem}.snowflake:nth-child(13){left:42%;animation-duration:11s;animation-delay:2.2s;font-size:.9rem}.snowflake:nth-child(14){left:45%;animation-duration:8s;animation-delay:.3s;font-size:1.1rem}.snowflake:nth-child(15){left:48%;animation-duration:10s;animation-delay:1.8s;font-size:.7rem}.snowflake:nth-child(16){left:52%;animation-duration:9s;animation-delay:4.2s;font-size:1rem}.snowflake:nth-child(17){left:55%;animation-duration:13s;animation-delay:.6s;font-size:.8rem}.snowflake:nth-child(18){left:58%;animation-duration:7s;animation-delay:2.8s;font-size:1.3rem}.snowflake:nth-child(19){left:62%;animation-duration:11s;animation-delay:1.4s;font-size:.6rem}.snowflake:nth-child(20){left:65%;animation-duration:8s;animation-delay:3.2s;font-size:1.2rem}.snowflake:nth-child(21){left:68%;animation-duration:10s;animation-delay:.9s;font-size:.9rem}.snowflake:nth-child(22){left:72%;animation-duration:9s;animation-delay:2.1s;font-size:1.1rem}.snowflake:nth-child(23){left:75%;animation-duration:12s;animation-delay:4.5s;font-size:.7rem}.snowflake:nth-child(24){left:78%;animation-duration:7s;animation-delay:.4s;font-size:1rem}.snowflake:nth-child(25){left:82%;animation-duration:11s;animation-delay:1.6s;font-size:.8rem}.snowflake:nth-child(26){left:85%;animation-duration:8s;animation-delay:3.8s;font-size:1.2rem}.snowflake:nth-child(27){left:88%;animation-duration:10s;animation-delay:2.4s;font-size:.6rem}.snowflake:nth-child(28){left:92%;animation-duration:9s;animation-delay:.7s;font-size:1.3rem}.snowflake:nth-child(29){left:95%;animation-duration:13s;animation-delay:1.9s;font-size:.9rem}.snowflake:nth-child(30){left:98%;animation-duration:7s;animation-delay:4.1s;font-size:1.1rem}.snowflake:nth-child(31){left:3%;animation-duration:11s;animation-delay:2.6s;font-size:.7rem}.snowflake:nth-child(32){left:10%;animation-duration:8s;animation-delay:.1s;font-size:1rem}.snowflake:nth-child(33){left:17%;animation-duration:10s;animation-delay:3.4s;font-size:.8rem}.snowflake:nth-child(34){left:24%;animation-duration:9s;animation-delay:1.1s;font-size:1.2rem}.snowflake:nth-child(35){left:31%;animation-duration:12s;animation-delay:2.9s;font-size:.6rem}.snowflake:nth-child(36){left:37%;animation-duration:7s;animation-delay:0s;font-size:1.1rem}.snowflake:nth-child(37){left:44%;animation-duration:11s;animation-delay:4.3s;font-size:.9rem}.snowflake:nth-child(38){left:51%;animation-duration:8s;animation-delay:1.7s;font-size:1.3rem}.snowflake:nth-child(39){left:57%;animation-duration:10s;animation-delay:3.1s;font-size:.7rem}.snowflake:nth-child(40){left:64%;animation-duration:9s;animation-delay:.5s;font-size:1rem}.snowflake:nth-child(41){left:71%;animation-duration:13s;animation-delay:2.3s;font-size:.8rem}.snowflake:nth-child(42){left:77%;animation-duration:7s;animation-delay:4.7s;font-size:1.2rem}.snowflake:nth-child(43){left:84%;animation-duration:11s;animation-delay:1.3s;font-size:.6rem}.snowflake:nth-child(44){left:91%;animation-duration:8s;animation-delay:3.6s;font-size:1.1rem}.snowflake:nth-child(45){left:97%;animation-duration:10s;animation-delay:2s;font-size:.9rem}.snowflake:nth-child(46){left:7%;animation-duration:9s;animation-delay:4.4s;font-size:1rem}.snowflake:nth-child(47){left:20%;animation-duration:12s;animation-delay:.8s;font-size:.7rem}.snowflake:nth-child(48){left:40%;animation-duration:7s;animation-delay:2.7s;font-size:1.3rem}.snowflake:nth-child(49){left:60%;animation-duration:11s;animation-delay:1s;font-size:.8rem}.snowflake:nth-child(50){left:80%;animation-duration:8s;animation-delay:3.9s;font-size:1.2rem}@keyframes sway{0%,to{transform:translate(0)}25%{transform:translate(15px)}75%{transform:translate(-15px)}}.winner-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:5;padding:16px}.winner-wrapper{width:100%;max-width:420px;transition:all .2s ease}.winner-wrapper.hide{opacity:0;transform:scale(.3)}.winner-wrapper.show{opacity:1;transform:scale(1)}.winner-card{position:relative;background:linear-gradient(135deg,#020617,#020617);border-radius:20px;padding:32px;box-shadow:0 20px 50px #0009;border:1px solid rgba(245,158,11,.25);overflow:hidden}.glow{position:absolute;width:140px;height:140px;background:radial-gradient(circle,rgba(245,158,11,.15),transparent);filter:blur(40px)}.glow-top{top:-60px;right:-60px}.glow-bottom{bottom:-60px;left:-60px}.winner-content{position:relative;z-index:2;text-align:center}.winner-message{font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#fbbf24;margin-bottom:16px}.winner-name{font-size:48px;font-weight:800;color:#fff;margin-bottom:12px}.winner-divider{width:80px;height:4px;margin:0 auto;background:linear-gradient(to right,#f59e0b,#fbbf24);border-radius:999px}.winner-reward{margin-top:24px;padding:16px;border-radius:12px;background:#f59e0b26;border:1px solid rgba(245,158,11,.3)}.winner-reward span{display:block;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#fde68a;margin-bottom:6px}.winner-reward strong{font-size:28px;color:#fbbf24}.winner-id{margin-top:16px}.winner-id span{display:block;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#94a3b8;margin-bottom:4px}.winner-id code{font-size:13px;color:#e5e7eb}.confetti{margin-top:24px;display:flex;justify-content:center;gap:8px}.confetti span{width:8px;height:8px;background:#fbbf24;border-radius:50%;animation:pulse 2s infinite ease-in-out}@keyframes pulse{0%{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}to{opacity:.4;transform:scale(1)}}.winner-close{position:absolute;top:12px;right:12px;background:transparent;border:none;color:#fff;cursor:pointer;opacity:.7;transition:opacity .2s ease,transform .2s ease}.winner-close:hover{opacity:1;transform:scale(1.1)}.winner-close{z-index:1}.game-info-container{background-color:#f7f0b7;border-radius:12px;box-shadow:0 13px 32px #00000026;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#fff}.game-info-header{background:#0003;border-bottom:2px solid rgba(255,255,255,.1)}.game-info-header h2{margin:0;font-size:24px;font-weight:600;letter-spacing:.5px}.game-info-content{padding:25px}.info-section{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.15)}.info-item{width:100%;display:flex;flex-direction:column;gap:10px;justify-content:space-between;align-items:center}.info-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#000}.info-value{font-size:20px;font-weight:700;color:#0037ff}.prizes-section h3{font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0 0 15px;color:#000}.prizes-list{display:flex;flex-direction:column;gap:12px}.prize-card{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:10px;transition:all .3s ease;display:flex;width:100%;gap:10px;justify-content:center;align-items:center}.prize-card:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-2px)}.prize-rank{font-size:20px;font-weight:700;margin-bottom:8px;color:#02f}.prize-position{font-size:12px;color:#000;margin-bottom:5px;text-transform:uppercase;letter-spacing:.3px}.prize-amount{font-size:28px;font-weight:700;color:#fff;color:#000}@media (max-width: 480px){.game-info-container{max-width:100%}.game-info-header h2{font-size:20px}.game-info-content{padding:15px}.info-section{gap:15px;margin-bottom:20px;padding-bottom:15px}.info-value{font-size:18px}.prize-card{padding:12px}.prize-rank{font-size:13px}.prize-amount{font-size:14px}}.game-info-container{position:absolute;top:47px;left:0;width:400px;max-width:100%;margin:0 auto;z-index:1000}.game-info-content{width:400px;max-width:100%}.game-info{color:#000}.game-info-header{font-size:1.8rem;font-weight:700;text-align:center;margin-bottom:20px;color:#fff;letter-spacing:.5px;background:linear-gradient(90deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.game-info-toggle{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:600;padding:12px 16px;background:linear-gradient(90deg,#667eea,#764ba2);-webkit-background-clip:text;color:#000;border-radius:8px;margin-bottom:10px}.arrow{transition:transform .3s ease}.arrow.open{transform:rotate(180deg)}:root{--primary-color: #4f46e5;--primary-hover: #4338ca;--secondary-color: #6b7280;--success-color: #10b981;--error-color: #ef4444;--warning-color: #f59e0b;--background-color: #f9fafb;--card-background: #ffffff;--text-color: #111827;--text-secondary: #4b5563;--border-color: #e5e7eb;--sidebar-width: 250px;--sidebar-minimized-width: 70px;--header-height: 60px;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--radius: .375rem;--transition: all .3s ease}.cashier-dashboard{padding:.5rem 0;min-height:100vh;color:#000!important}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:0 1rem .5rem;border-bottom:1px solid black}.cashier-dash-title{color:#000}.dashboard-header h1{font-size:1.75rem;font-weight:700;color:var(--text-color);margin:0}.user-info{display:flex;align-items:center;gap:1rem}.user-info span{font-weight:500;color:var(--text-color)}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(18%,1fr));gap:.75rem;margin-bottom:1.5rem;padding:0 1rem}.stat-value{display:flex;align-items:center;gap:.5rem;font-size:1.6rem;font-weight:700;color:#000!important;padding:.75rem}.card{background-color:#fff}.stat-icon{width:1.25rem;height:1.25rem}.stat-description{font-size:.875rem;color:var(--text-light);margin-top:.5rem}.games-section{margin-bottom:1.5rem;padding:0}.games-section .card{border-radius:0;border-left:none;border-right:none}.games-section .card-header{display:flex;justify-content:space-between;align-items:center;background-color:#fff!important;color:#000!important;padding-left:1rem;padding-right:1rem}.casher-sidebar{color:#000}.games-section .card-title{font-size:1.25rem;font-weight:600}.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.card-content{background-color:#f7efb7!important}.status-badge.permitted{background-color:var(--success-bg);color:var(--success-color)}.status-badge.blocked{background-color:var(--danger-bg);color:var(--danger-color)}.status-badge.completed{background-color:var(--success-bg);color:var(--success-color)}.status-badge.active{background-color:var(--info-bg);color:var(--info-color)}.status-badge.pending{background-color:var(--warning-bg);color:var(--warning-color)}.table-container{overflow-x:auto;width:100%;border-radius:0;background-color:#fff;margin-top:.5rem;-webkit-overflow-scrolling:touch}.time{display:block;font-size:.75rem;color:var(--text-light);margin-top:.25rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;text-align:center;color:var(--text-light);background-color:#fff}.empty-state-icon{color:var(--border-color);width:2.5rem;height:2.5rem;margin-bottom:.75rem}.empty-state-text{font-size:.875rem;max-width:20rem;margin:0 auto}@media (max-width: 768px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:.75rem}.user-info{width:100%;justify-content:space-between}.dashboard-stats{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem;padding:0 .5rem}.stat-value{font-size:1.4rem}.sidebar-open{margin-left:0!important}}@media (max-width: 480px){.cashier-dashboard{padding:.5rem 0}.dashboard-header h1{font-size:1.25rem}.user-info{flex-direction:column;align-items:flex-start}.stat-value{font-size:1.1rem}}.back-btn{background-color:green!important}.home-link{background-color:#033b8e;color:#000;text-decoration:none;border-radius:6px;padding:8px 16px;font-size:.9rem;font-weight:500;cursor:pointer;box-shadow:0 2px 5px #0003;transition:all .3s ease}.home-link:hover{background-color:#3a5a8f;transform:translateY(-2px);box-shadow:0 4px 8px #0003;color:#000}.cashier-section-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1.5rem;padding:0 1rem}.main-content{padding:0!important}.dashboard-section{padding:1rem 0}.games-section .card-content{padding-left:0;padding-right:0}.table-cell{color:#000}.cashier-dashboard,.cashier-dashboard *{color:#111827!important}.cashier-dashboard svg,.cashier-dashboard svg *{stroke:#111827!important;fill:none!important}.cashier-dashboard,.main-content,.dashboard-section,.card,.card-header,.card-content,.table-container,.sidebar,.sidebar-content{background-color:#f7efb7!important}.cashier-dashboard *,.card,.table-container,.table,th,td{border-color:#111827!important}.cashier-dashboard button,.cashier-dashboard .btn,.cashier-dashboard .action-button{color:#111827!important;border:1px solid #000!important}.sidebar button.active{background-color:#111827!important;color:#fff!important}table{color:#111827!important}.horizontal-line{color:#000!important;border:#000 1px solid!important}th,td{color:#111827!important;background-color:#f7f0b7!important}.cashier-dashboard a{color:#000!important;text-decoration:none}.cashier-dashboard button:hover,.cashier-dashboard a:hover{background-color:#111827!important;color:#fff!important}.card-title,.cashier-section-header{color:#000!important}.dashboard-stats{color:#000;font-size:larger;font-weight:800;width:100%}@tailwind base;@tailwind components;@tailwind utilities;:root{--color-bg: #1a1d29;--color-bg-container: #2a2e3e;--color-text-primary: #080808;--color-text-secondary: #a0a6b8;--color-border: #3f4455;--color-hover-light: #353a4b;--wheel-color-1: #3369e8;--wheel-color-2: #009e25;--wheel-color-3: #eeb211;--wheel-color-4: #d8291e;--font-family-sans: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}body{margin:0;padding:0;background-color:#f7f0b7!important;background-image:radial-gradient(circle at 50% 50%,#252a3b,#1a1d29);font-family:var(--font-family-sans);color:var(--color-text-primary);min-height:100vh;overflow-x:hidden}#root{min-height:100vh;background-color:#f7f0b7!important}.header h1{text-transform:lowercase;font-weight:500;letter-spacing:.5px;color:var(--color-text-primary)}.control-panel{box-shadow:none;border:1px solid var(--color-border);background-color:var(--color-bg-container);border-radius:8px;padding:24px}.btn{background-color:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:6px;padding:8px 16px;font-family:var(--font-family-sans);font-size:14px;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;gap:8px}.btn:hover{background-color:var(--color-hover-light);color:var(--color-text-primary)}.btn svg{stroke:var(--color-text-secondary);width:16px;height:16px}.name-list-textarea{box-shadow:none;border:1px solid var(--color-border);background-color:var(--color-bg-container);color:var(--color-text-primary);border-radius:6px;padding:12px;line-height:1.8}.wheel-pointer{width:0;height:0;border-style:solid;border-width:15px 10px 0 10px;border-color:var(--color-text-primary) transparent transparent transparent;background-color:transparent}.wheel-segment-1{background-color:var(--wheel-color-1)}.wheel-segment-2{background-color:var(--wheel-color-2)}.wheel-segment-3{background-color:var(--wheel-color-3)}.wheel-segment-4{background-color:var(--wheel-color-4)}.wheel-segment-text{color:var(--color-text-primary);font-weight:500}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1a1d29}::-webkit-scrollbar-thumb{background:#3f4455;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4a5060}