*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color:#6366f1;--secondary-color:#f59e0b;--success-color:#10b981;--danger-color:#ef4444;--warning-color:#f59e0b;--info-color:#06b6d4;--purple-color:#8b5cf6;--pink-color:#ec4899;--dark-color:#1f2937;--light-color:#f8fafc;--border-color:#e5e7eb;--shadow:0 4px 6px -1px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1);--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-success:linear-gradient(135deg,#10b981,#059669);--gradient-warning:linear-gradient(135deg,#f59e0b,#d97706);--gradient-danger:linear-gradient(135deg,#ef4444,#dc2626);--gradient-info:linear-gradient(135deg,#06b6d4,#0891b2);--gradient-purple:linear-gradient(135deg,#8b5cf6,#7c3aed);--gradient-pink:linear-gradient(135deg,#ec4899,#db2777);--gradient-gold:linear-gradient(135deg,#fbbf24,#f59e0b);--gradient-rainbow:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);--gradient-ocean:linear-gradient(135deg,#667eea,#06b6d4);--gradient-sunset:linear-gradient(135deg,#f093fb,#f5576c 50%,#f59e0b)}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:var(--gradient-rainbow);background-attachment:fixed;min-height:100vh;color:var(--dark-color);position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.05"/><circle cx="90" cy="40" r="0.5" fill="white" opacity="0.05"/><circle cx="10" cy="80" r="0.5" fill="white" opacity="0.05"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');pointer-events:none;z-index:1}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed;position:relative}.login-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.05)"/><circle cx="20" cy="80" r="0.5" fill="rgba(255,255,255,0.05)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3;pointer-events:none}.login-card{background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);border-radius:24px;padding:48px;box-shadow:0 25px 50px rgba(0,0,0,.15),inset 0 0 0 1px rgba(255,255,255,.2);width:100%;max-width:440px;animation:slideIn .6s cubic-bezier(.4,0,.2,1);position:relative;z-index:2}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:24px;padding:2px;background:var(--gradient-rainbow);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor}.login-header{text-align:center;margin-bottom:40px}.login-header h1{font-size:32px;font-weight:800;color:#1f2937;margin:0 0 12px;letter-spacing:-.8px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(0,0,0,.1)}.login-header p{color:#6b7280;font-size:16px;font-weight:400;margin:0;opacity:.8}.login-form,.logo-section{margin-bottom:30px}.logo-section{text-align:center}.logo{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:10px}.logo i{font-size:48px}.logo h1,.logo i{background:var(--gradient-rainbow);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:rainbow-pulse 3s ease-in-out infinite}.logo h1{font-size:36px;font-weight:700}@keyframes rainbow-pulse{0%,to{filter:hue-rotate(0deg) brightness(1)}50%{filter:hue-rotate(45deg) brightness(1.2)}}.tagline{color:#6b7280;font-size:16px}.form-group{margin-bottom:24px}.form-group label{display:block}.input-wrapper input,.input-wrapper select{width:100%;padding:18px 20px;border:2px solid #e5e7eb;border-radius:14px;font-size:16px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);background:#f9fafb;box-sizing:border-box;color:#374151;line-height:1.4}.input-wrapper input:focus,.input-wrapper select:focus{outline:none;border-color:#6366f1;background:white;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.input-wrapper input::placeholder{color:#9ca3af}.input-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:16px;pointer-events:none}.input-wrapper input.error{border-color:#ef4444;background:#fef2f2}.input-wrapper input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.1)}.field-error{display:block;color:#ef4444;font-size:12px;margin-top:4px;font-weight:500}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:20px}.error-message.show{display:block}.login-btn{width:100%;padding:18px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:none;border-radius:14px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:24px;position:relative;z-index:10;pointer-events:auto;min-height:56px;box-shadow:0 4px 12px rgba(102,126,234,.4),inset 0 0 0 1px rgba(255,255,255,.1);text-transform:uppercase;letter-spacing:.5px}.login-btn:disabled{opacity:.7;cursor:not-allowed;background:#9ca3af;box-shadow:none}.login-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(102,126,234,.6)}.login-footer{text-align:center;padding-top:20px;border-top:1px solid rgba(0,0,0,.1)}.login-footer .footer-text{color:#6b7280;font-size:14px;margin:0;opacity:.8}.input-wrapper{position:relative}.input-wrapper .input-icon{right:50px}.input-wrapper .password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;z-index:10}.input-wrapper .password-toggle:hover{color:#374151;background:rgba(0,0,0,.05)}.input-wrapper .password-toggle:disabled{opacity:.5;cursor:not-allowed}.input-wrapper input{padding-left:20px;padding-right:50px}.input-wrapper.has-toggle input{padding-right:90px}.input-wrapper.has-toggle .input-icon{right:50px}.error-message{color:var(--danger-color);font-size:14px;margin-top:10px;text-align:center;display:none}.demo-accounts{margin-top:30px;padding-top:30px;border-top:1px solid var(--border-color)}.demo-accounts h3{text-align:center;margin-bottom:20px;color:var(--dark-color)}.demo-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:15px;gap:15px}.demo-card{background:var(--light-color);border:2px solid var(--border-color);border-radius:10px;padding:20px;text-align:center;cursor:pointer;transition:all .3s ease}.demo-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow)}.demo-card i{font-size:24px;color:var(--primary-color);margin-bottom:10px}.demo-card span{display:block;font-weight:600;margin-bottom:5px}.demo-card small{color:#6b7280;font-size:12px}.dashboard{min-height:100vh;background:var(--gradient-ocean);background-attachment:fixed;position:relative}.navbar{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow-lg);padding:0 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;height:70px}.nav-brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:700;background:var(--gradient-rainbow);-webkit-background-clip:text;background-clip:text}.nav-brand,.nav-brand i{-webkit-text-fill-color:transparent}.nav-brand i{font-size:28px;background:var(--gradient-gold);-webkit-background-clip:text;background-clip:text;animation:bounce 2s infinite}.nav-links{display:flex;align-items:center;gap:20px}.nav-link{gap:8px;padding:10px 16px;color:var(--dark-color);border-radius:6px}.nav-link:hover{background:rgba(30,58,138,.1);color:var(--primary-color)}.nav-link.active{background:var(--gradient-rainbow);color:white;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.nav-user{display:flex;align-items:center;gap:15px}.user-info{text-align:right}.user-name{font-weight:600;color:var(--dark-color)}.user-role{font-size:12px;color:#6b7280;text-transform:uppercase}.logout-btn{background:var(--danger-color);gap:5px}.logout-btn:hover{background:#dc2626}.main-content{max-width:1200px;margin:0 auto;padding:30px 20px;position:relative;z-index:2}.page-header{margin-bottom:30px}.page-title{font-size:32px;font-weight:700;color:var(--dark-color);margin-bottom:10px}.page-subtitle{color:#6b7280;font-size:16px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:20px;gap:20px;margin-bottom:30px}.card{border-radius:16px;padding:24px;box-shadow:0 4px 20px rgba(0,0,0,.1);transition:all .3s ease;position:relative;overflow:hidden;border:none;color:white}.card,.card:first-child{background:linear-gradient(135deg,#667eea,#764ba2)}.card:nth-child(2){background:linear-gradient(135deg,#f093fb,#f5576c)}.card:nth-child(3){background:linear-gradient(135deg,#4facfe,#00f2fe)}.card:nth-child(4){background:linear-gradient(135deg,#43e97b,#38f9d7)}.card:nth-child(5){background:linear-gradient(135deg,#fa709a,#fee140)}.card:nth-child(6){background:linear-gradient(135deg,#a8edea,#fed6e3)}.card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.1);opacity:0;transition:opacity .3s ease}.card:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,.2)}.card:hover:before{opacity:1}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.card-header h3{margin:0;font-size:18px;font-weight:600;color:rgba(255,255,255,.95);text-shadow:0 1px 2px rgba(0,0,0,.1)}.card-header i{font-size:24px;color:rgba(255,255,255,.8);opacity:.9}.card-content{position:relative;z-index:2}.card-content p{color:rgba(255,255,255,.9);line-height:1.5;text-shadow:0 1px 2px rgba(0,0,0,.1)}.card-content p,.stat{margin-bottom:15px}.stat:last-child{margin-bottom:0}.recent-activity{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:25px;box-shadow:var(--shadow-lg);margin-top:30px}.recent-activity h2{font-size:24px;font-weight:600}.activity-list{display:flex;flex-direction:column;gap:15px}.activity-item{padding:15px;background:rgba(255,255,255,.5);border-radius:12px;border:1px solid rgba(255,255,255,.3);transition:all .3s ease}.activity-item:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.activity-item i{font-size:18px}.activity-item span:first-of-type{font-weight:500}.activity-time{font-size:14px}.agents-management{padding:0}.search-box input{padding:12px 20px 12px 45px;font-size:16px}.search-box input:focus{box-shadow:0 0 0 3px rgba(99,102,241,.1)}.search-box i{left:15px;color:#9ca3af;font-size:16px}.agents-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:25px;gap:25px}.agent-card{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:25px;box-shadow:var(--shadow-lg);transition:all .3s ease;position:relative;overflow:hidden}.agent-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--gradient-primary)}.agent-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.agent-header{gap:15px;margin-bottom:20px}.agent-avatar,.agent-header{display:flex;align-items:center}.agent-avatar{width:60px;height:60px;background:var(--gradient-primary);border-radius:50%;justify-content:center;color:white;font-size:24px}.agent-info h3{margin:0 0 5px;font-size:18px;font-weight:600;color:var(--dark-color)}.agent-info p{margin:0 0 8px;color:#6b7280;font-size:14px}.status-badge{padding:4px 12px;border-radius:20px}.status-badge.active{color:var(--success-color)}.status-badge.inactive{color:var(--danger-color)}.agent-stats{display:flex;justify-content:space-between;margin-bottom:20px;padding:15px;background:rgba(255,255,255,.5);border-radius:12px}.agent-actions{display:flex;gap:10px;flex-wrap:wrap}.agent-actions .btn{flex:1 1;min-width:100px;justify-content:center}.add-agent-form .form-group{margin-bottom:20px}.add-agent-form label{display:block;margin-bottom:8px;font-weight:600;color:var(--dark-color)}.add-agent-form input{width:100%;padding:12px;border:2px solid var(--border-color);border-radius:8px;font-size:16px;transition:all .3s ease}.add-agent-form input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.add-agent-form input.error{border-color:#ef4444;background:#fef2f2}.add-agent-form input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.1)}.card-title{font-size:18px;font-weight:600;color:var(--dark-color)}.card-icon{font-size:24px;color:var(--primary-color);margin-right:10px}.stat-card{text-align:center;position:relative;overflow:hidden;background:#ffffff!important;border:1px solid #e2e8f0}.stat-card:first-child:before{background:linear-gradient(90deg,#10b981,#059669)}.stat-card:nth-child(2):before{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.stat-card:nth-child(3):before{background:linear-gradient(90deg,#f59e0b,#d97706)}.stat-card:nth-child(4):before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.stat-card:nth-child(5):before{background:linear-gradient(90deg,#ec4899,#db2777)}.stat-card:nth-child(6):before{background:linear-gradient(90deg,#ef4444,#dc2626)}.stat-number{font-size:36px;color:rgba(255,255,255,.95);margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.2);display:block}.stat-label{color:rgba(255,255,255,.8);font-size:13px;text-transform:uppercase;letter-spacing:.8px;font-weight:500;display:block}.card .btn,.stat-label{text-shadow:0 1px 2px rgba(0,0,0,.1)}.card .btn{background:rgba(255,255,255,.2);color:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:600}.card .btn:hover{background:rgba(255,255,255,.3);border-color:rgba(255,255,255,.5);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.card .btn i{color:rgba(255,255,255,.9)}.lottery-balls{margin:20px 0;flex-wrap:wrap}.lottery-ball{background:var(--gradient-gold);font-size:24px;box-shadow:0 8px 16px rgba(251,191,36,.3);animation:bounce .6s ease-out;position:relative;overflow:hidden}.lottery-ball:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);transform:rotate(45deg);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}50%{transform:translateX(0) translateY(0) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-15px,0)}70%{transform:translate3d(0,-7px,0)}90%{transform:translate3d(0,-2px,0)}}.number-grid{margin:20px 0}.number-btn.selected{transform:scale(1.1)}.form-section{background:white;border-radius:12px;padding:25px;box-shadow:var(--shadow);margin-bottom:20px;position:relative;overflow:hidden}.form-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:2px solid var(--border-color);border-radius:8px;font-size:16px;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(30,58,138,.1)}.btn{padding:12px 24px;font-size:16px;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn-sm{padding:6px 12px;font-size:14px}.btn-primary{background:var(--gradient-primary)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-success{background:var(--success-color)}.btn-success:hover{background:#059669}.btn-warning{background:var(--warning-color)}.btn-warning:hover{background:#d97706}.btn-danger{background:var(--danger-color)}.btn-danger:hover{background:#dc2626}.btn-secondary{background:#6b7280}.btn-secondary:hover{background:#4b5563}.table-container{background:white;box-shadow:var(--shadow)}.table td,.table th{padding:15px;text-align:left;border-bottom:1px solid var(--border-color)}.table th{background:var(--light-color);color:var(--dark-color)}.badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.badge-success{background:rgba(16,185,129,.1);color:var(--success-color)}.badge-danger{background:rgba(239,68,68,.1);color:var(--danger-color)}.badge-warning{background:rgba(245,158,11,.1);color:var(--warning-color)}.badge-primary{background:rgba(30,58,138,.1);color:var(--primary-color)}@media (max-width:768px){.nav-content{padding:0 15px}.main-content{padding:20px 15px}.cards-grid,.demo-cards,.form-row{grid-template-columns:1fr}.lottery-balls{gap:10px}.lottery-ball{width:50px;height:50px;font-size:20px}.number-grid{grid-template-columns:repeat(auto-fill,minmax(45px,1fr));gap:8px}.number-btn{width:45px;height:45px;font-size:14px}}.unauthorized-content{text-align:center;padding:20px 0}.error-icon{font-size:64px;color:var(--danger-color);margin-bottom:20px}.error-message{margin-bottom:30px}.error-message h3{color:var(--danger-color);margin-bottom:10px}.action-buttons{gap:15px;justify-content:center;flex-wrap:wrap}.action-buttons .btn:not(.btn-xs){min-width:150px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;min-height:44px}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:white;border:none}.btn-secondary{background:linear-gradient(135deg,#6b7280,#4b5563);color:white;border:none}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:white;border:none}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:white;border:none}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-danger,.btn-info{color:white;border:none}.btn-info{background:linear-gradient(135deg,#06b6d4,#0891b2)}.btn-large{padding:16px 32px;font-size:16px;min-height:52px}.logout-btn{background:var(--gradient-danger);color:white;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px;font-size:14px}.logout-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.user-info{color:var(--dark-color);font-weight:500;margin-right:15px}.recent-activity{margin-top:40px}.recent-activity h2{margin-bottom:20px;color:var(--dark-color)}.activity-list{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:20px;box-shadow:var(--shadow-lg)}.activity-item{display:flex;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid var(--border-color)}.activity-item:last-child{border-bottom:none}.activity-item i{color:var(--primary-color);width:20px;text-align:center}.activity-item span:first-of-type{flex:1 1;color:var(--dark-color)}.activity-time{color:#6b7280;font-size:12px}.lottery-section{margin-top:40px}.lottery-section h2{margin-bottom:20px;color:var(--dark-color)}.number-picker{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:30px;box-shadow:var(--shadow-lg)}.number-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr));grid-gap:10px;gap:10px;margin-bottom:30px}.number-btn{height:50px;border:2px solid var(--border-color);background:white;border-radius:50%;font-weight:600;transition:all .3s ease}.number-btn:hover{background:var(--primary-color);transform:scale(1.1)}.number-btn.selected,.number-btn:hover{border-color:var(--primary-color);color:white}.number-btn.selected{background:var(--gradient-primary)}.selected-numbers{text-align:center}.selected-numbers h3{margin-bottom:20px;color:var(--dark-color)}.lottery-balls{gap:15px;margin-bottom:30px}.lottery-ball,.lottery-balls{display:flex;justify-content:center}.lottery-ball{width:60px;height:60px;border-radius:50%;background:var(--gradient-rainbow);color:white;align-items:center;font-weight:700;font-size:18px;box-shadow:var(--shadow)}.dashboard-layout{display:flex;min-height:100vh;background:#f8fafc;position:relative}.sidebar{width:280px;background:linear-gradient(135deg,#667eea,#764ba2);border-right:1px solid rgba(255,255,255,.2);box-shadow:4px 0 12px rgba(0,0,0,.1);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:1000;transition:all .3s ease;flex-shrink:0;overflow:hidden}.sidebar.collapsed{width:80px}.sidebar.collapsed .nav-link span{opacity:0;width:0;overflow:hidden;transition:all .3s ease}.sidebar.collapsed .nav-divider{opacity:0;height:0;padding:0;margin:0;border:none;overflow:hidden;transition:all .3s ease}.sidebar.collapsed .nav-link{justify-content:center;padding:14px;margin:3px 12px}.sidebar.collapsed .nav-link i{margin:0}.sidebar.collapsed .sidebar-footer .logout-btn span,.sidebar.collapsed .sidebar-header h2{opacity:0;width:0;overflow:hidden}body.sidebar-collapsed .main-wrapper{margin-left:80px}.sidebar-header{padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.2);justify-content:space-between;background:rgba(255,255,255,.1)}.sidebar-brand,.sidebar-header{display:flex;align-items:center}.sidebar-brand{gap:12px;font-size:20px;font-weight:700;color:#ffffff}.sidebar-brand i{font-size:24px;color:#ffffff;text-shadow:0 0 10px rgba(255,255,255,.5)}.sidebar-toggle{background:none;border:none;color:#94a3b8;cursor:pointer;padding:8px;border-radius:6px;transition:all .3s ease}.sidebar-toggle:hover{background:rgba(255,255,255,.1);color:#ffffff}.sidebar-user{padding:20px;border-bottom:1px solid rgba(255,255,255,.2);display:flex;align-items:center;gap:15px;background:rgba(255,255,255,.1);transition:all .3s ease}.sidebar-user:hover{background:rgba(255,255,255,.15)}.sidebar-user .user-avatar{font-size:36px;color:#ffffff;text-shadow:0 2px 4px rgba(0,0,0,.2);transition:all .3s ease}.sidebar-user .user-avatar:hover{transform:scale(1.05)}.user-details{flex:1 1;min-width:0}.sidebar-user .user-name{font-weight:600;color:#ffffff;font-size:15px;line-height:1.3;margin-bottom:2px;text-shadow:0 1px 2px rgba(0,0,0,.2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user .user-role{font-size:11px;color:#cbd5e1;text-transform:uppercase;letter-spacing:.8px;font-weight:500;opacity:.9}.sidebar.collapsed .sidebar-user{justify-content:center;padding:15px 10px}.sidebar.collapsed .user-avatar{font-size:28px}.sidebar-user *{transition:all .3s ease}.sidebar-nav{flex:1 1;padding:20px 0;overflow-y:auto;overflow-x:hidden}.nav-list{list-style:none;padding:0;margin:0}.nav-item{margin-bottom:4px}.nav-link{display:flex;align-items:center;gap:14px;padding:14px 20px;color:rgba(255,255,255,.9);text-decoration:none;border:none;background:none;width:calc(100% - 16px);text-align:left;cursor:pointer;transition:all .3s ease;border-radius:10px;position:relative;margin:3px 8px;box-sizing:border-box;font-size:14px;font-weight:500;letter-spacing:.3px}.nav-link:hover{background:rgba(255,255,255,.15);color:#ffffff;transform:translateX(4px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.nav-link.active{background:rgba(255,255,255,.25);color:#ffffff;box-shadow:0 4px 12px rgba(255,255,255,.2);font-weight:600;border:1px solid rgba(255,255,255,.3)}.nav-link.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#fbbf24;border-radius:0 4px 4px 0}.nav-link i{font-size:16px;width:20px;text-align:center;flex-shrink:0;opacity:.9}.nav-link span{flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-badge{background:var(--danger-color);color:white;font-size:10px;padding:2px 6px;border-radius:10px;margin-left:auto}.nav-divider{padding:16px 20px 8px;font-size:11px;font-weight:600;color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid rgba(255,255,255,.15);margin:16px 8px 8px;position:relative}.nav-divider:before{content:"";position:absolute;top:0;left:20px;right:20px;height:1px;background:rgba(255,255,255,.1)}.sidebar-footer{padding:20px;border-top:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);margin-top:auto;flex-shrink:0}.sidebar-footer .logout-btn{display:flex;align-items:center;gap:12px;padding:12px 20px;background:linear-gradient(135deg,#ef4444,#dc2626);color:white;border:none;border-radius:8px;cursor:pointer;width:100%;transition:all .3s ease;box-shadow:0 2px 8px rgba(239,68,68,.2);box-sizing:border-box}.sidebar-footer .logout-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(239,68,68,.3)}.main-wrapper{flex:1 1;display:flex;flex-direction:column;transition:all .3s ease;min-height:100vh;background:#ffffff;margin-left:280px}.top-header{background:linear-gradient(135deg,#ffffff,#f8fafc);border-bottom:1px solid #e2e8f0;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px rgba(0,0,0,.1);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-left .page-title{font-size:24px;font-weight:700;color:#1e293b;margin:0;line-height:1.2}.header-left .page-subtitle{color:#64748b;margin:4px 0 0;font-size:14px;line-height:1.4}.header-right{gap:16px}.header-right,.header-user{display:flex;align-items:center}.header-user{gap:12px;background:#f8fafc;padding:8px 16px;border-radius:12px;border:1px solid #e2e8f0}.header-user .user-avatar{font-size:24px;color:#3b82f6}.header-user .user-info{display:flex;flex-direction:column;align-items:flex-start}.header-user .user-name{font-weight:600;color:#1e293b;font-size:14px;line-height:1.2}.header-user .user-role{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;line-height:1.2}.header-user .logout-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:white;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;box-shadow:0 2px 4px rgba(239,68,68,.2)}.header-user .logout-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(239,68,68,.3)}.content-body{flex:1 1;padding:24px;overflow-y:auto;background:#f1f5f9}@media (max-width:768px){.dashboard-layout{flex-direction:column}.sidebar{width:100%;height:auto;position:relative;order:2}.main-wrapper{order:1;height:auto;margin-left:0}body.sidebar-collapsed .main-wrapper{margin-left:0}.top-header{padding:12px 16px;flex-direction:column;gap:12px;align-items:stretch}.header-user{justify-content:center}.header-left .page-title{font-size:20px;text-align:center}.content-body{padding:16px}}@media (max-width:480px){.login-card{padding:30px 20px}.page-title{font-size:24px}.stat-number{font-size:28px}.table-container{overflow-x:auto}.table{min-width:600px}.action-buttons{flex-direction:column}.action-buttons .btn{min-width:auto;width:100%}.content-header{padding:15px 20px}.content-body{padding:20px}}.actions-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px}.search-box{position:relative;max-width:300px;flex:1 1}.search-box i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6b7280}.search-box input{width:100%;padding:10px 12px 10px 40px;border:2px solid var(--border-color);border-radius:8px;font-size:14px;transition:all .3s ease}.search-box input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(30,58,138,.1)}.agents-grid,.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:20px;gap:20px;margin-bottom:30px}.agent-card,.user-card{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:25px;box-shadow:var(--shadow-lg);transition:all .3s ease}.agent-card:hover,.user-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.agent-header,.user-header{display:flex;align-items:center;gap:15px;margin-bottom:20px}.agent-avatar,.user-avatar{width:60px;height:60px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:24px}.agent-info h3,.user-info h3{margin:0 0 5px;color:var(--dark-color);font-size:18px}.agent-info p,.user-info p{margin:0 0 8px;color:#6b7280;font-size:14px}.status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.inactive{background:#fef2f2;color:#dc2626}.role-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;background:#f3f4f6;color:#374151;margin-left:8px}.role-badge.admin{background:#fef3c7;color:#d97706}.role-badge.agent{background:#dbeafe;color:#2563eb}.role-badge.user{background:#f3e8ff;color:#7c3aed}.agent-stats,.user-stats{display:flex;justify-content:space-around;margin-bottom:20px;padding:15px 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.agent-actions,.user-actions{display:flex;gap:8px;flex-wrap:wrap}.agent-meta,.user-meta{margin-top:15px;padding-top:15px;border-top:1px solid var(--border-color)}.agent-meta small,.user-meta small{display:block;color:#6b7280;font-size:12px;margin-bottom:4px}.table-container{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:var(--shadow-lg)}.users-table{width:100%;border-collapse:collapse;font-size:14px}.users-table thead{background:#f8fafc;border-bottom:2px solid #e5e7eb}.users-table th{padding:14px 12px;text-align:left;font-weight:600;color:#374151;font-size:13px;text-transform:uppercase;letter-spacing:.5px;position:relative}.users-table th.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .2s ease}.users-table th.sortable:hover{background:rgba(59,130,246,.1);color:#3b82f6}.users-table th.sortable i{margin-left:8px;font-size:12px;color:#3b82f6}.users-table td{padding:12px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.users-table tbody tr{transition:all .2s ease}.users-table tbody tr:hover{background:rgba(59,130,246,.05);transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.05)}.users-table td:first-child{padding-left:16px}.users-table td:last-child{padding-right:16px}.users-table th:first-child{padding-left:16px}.users-table th:last-child{padding-right:16px}.user-cell{gap:12px}.user-avatar-small,.user-cell{display:flex;align-items:center}.user-avatar-small{width:32px;height:32px;background:var(--gradient-primary);border-radius:50%;justify-content:center;color:white;font-size:14px;flex-shrink:0}.user-name{font-weight:500;color:#374151}.parent-info{color:#6b7280;font-size:12px;max-width:150px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.users-table .action-buttons{display:flex;gap:4px;justify-content:center}.users-table .btn-xs{padding:6px 8px!important;font-size:12px!important;min-width:28px!important;height:28px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:6px!important;border:none!important;line-height:1!important;transition:all .2s ease!important}.users-table .btn-xs:hover{transform:translateY(-1px)!important;box-shadow:0 2px 4px rgba(0,0,0,.15)!important}.users-table .btn-xs.btn-success:hover{background:#16a34a!important}.users-table .btn-xs.btn-warning:hover{background:#d97706!important}.users-table .btn-xs.btn-info:hover{background:#0284c7!important}.users-table .btn-xs.btn-secondary:hover{background:#4b5563!important}.users-table .btn-xs.btn-danger:hover{background:#dc2626!important}.loading-state{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px}.loading-state i{font-size:20px}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:20px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;margin-bottom:20px}.pagination-info{color:#6b7280;font-size:14px}.pagination{display:flex;align-items:center;gap:8px}.page-numbers{display:flex;gap:4px}.btn-outline{background:transparent;border:1px solid #d1d5db;color:#374151}.btn-outline:hover{background:#f3f4f6;border-color:#9ca3af}.hierarchy-section{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:25px;margin:25px 0;box-shadow:var(--shadow-lg)}.hierarchy-section.compact{padding:20px;margin:20px 0}.hierarchy-section h2{text-align:center;margin-bottom:20px;color:var(--dark-color);font-size:20px;font-weight:600}.hierarchy-flow{display:flex;flex-direction:column;align-items:center;gap:15px}.flow-level{display:flex;gap:30px;justify-content:center}.flow-item{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.9);border:2px solid #e5e7eb;border-radius:10px;padding:12px 16px;min-width:160px;transition:all .3s ease}.flow-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.flow-item.master{border-color:#f59e0b;background:linear-gradient(135deg,#fef3c7,#fde68a)}.flow-item.agent{border-color:#3b82f6;background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.flow-item.user{border-color:#6b7280;background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.flow-item.sub-agent{border-color:#06b6d4;background:linear-gradient(135deg,#cffafe,#a7f3d0)}.flow-item.sub-user{border-color:#8b5cf6;background:linear-gradient(135deg,#f3e8ff,#e9d5ff)}.flow-icon{font-size:20px;width:24px;text-align:center}.flow-item.master .flow-icon{color:#f59e0b}.flow-item.agent .flow-icon{color:#3b82f6}.flow-item.user .flow-icon{color:#6b7280}.flow-item.sub-agent .flow-icon{color:#06b6d4}.flow-item.sub-user .flow-icon{color:#8b5cf6}.flow-content h4{margin:0;font-size:14px;font-weight:600;color:var(--dark-color)}.flow-content span{font-size:12px;color:#6b7280;display:block;margin-top:2px}.flow-arrow{color:#9ca3af;font-size:16px}.confirmation-modal{background:white;border-radius:16px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);max-width:480px;width:90%;position:relative;overflow:hidden;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close-btn{position:absolute;top:16px;right:16px;background:rgba(107,114,128,.1);border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#6b7280;cursor:pointer;transition:all .2s ease;z-index:10}.modal-close-btn:hover{background:rgba(107,114,128,.2);color:#374151}.modal-close-btn:disabled{opacity:.5;cursor:not-allowed}.confirmation-header{padding:32px 32px 24px;text-align:center;border:2px solid;border-bottom:none;border-radius:16px 16px 0 0;position:relative}.confirmation-icon{font-size:48px;margin-bottom:16px;display:block}.confirmation-title{margin:0;font-size:20px;font-weight:600;color:var(--dark-color)}.confirmation-content{padding:0 32px 24px;text-align:center}.confirmation-message{font-size:16px;color:var(--dark-color);margin:0 0 12px;font-weight:500}.confirmation-sub-message{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.confirmation-actions{padding:24px 32px 32px;display:flex;gap:12px;justify-content:center}.confirmation-actions .btn{min-width:100px;padding:10px 20px;font-weight:500;border-radius:8px;transition:all .2s ease}.confirmation-actions .btn:disabled{opacity:.7;cursor:not-allowed}.confirmation-actions .btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.confirmation-actions .btn-secondary:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af}.confirmation-actions .btn-danger{background:#ef4444;color:white;border:1px solid #ef4444}.confirmation-actions .btn-danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626}.confirmation-actions .btn-success{background:#10b981;color:white;border:1px solid #10b981}.confirmation-actions .btn-success:hover:not(:disabled){background:#059669;border-color:#059669}.confirmation-actions .btn-warning{background:#f59e0b;color:white;border:1px solid #f59e0b}.confirmation-actions .btn-warning:hover:not(:disabled){background:#d97706;border-color:#d97706}.confirmation-actions .btn i.fa-spinner{margin-right:8px}@media (max-width:768px){.confirmation-modal{max-width:95%;margin:20px}.confirmation-header{padding:24px 20px 20px}.confirmation-content{padding:0 20px 20px}.confirmation-actions{padding:20px 20px 24px;flex-direction:column}.confirmation-actions .btn{width:100%;min-width:auto}.confirmation-icon{font-size:40px;margin-bottom:12px}.confirmation-title{font-size:18px}.confirmation-message{font-size:15px}.confirmation-sub-message{font-size:13px}}.add-game-container{width:100%;padding:0}.day-tabs{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:8px;margin-bottom:24px;box-shadow:var(--shadow-lg)}.day-tab{border-radius:12px;transition:all .3s ease;color:#64748b;position:relative}.day-tab.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px rgba(59,130,246,.3)}.day-tab .day-full{font-size:14px}.day-tab .day-short{font-size:12px;font-weight:600}.game-settings-form{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;margin-bottom:24px;box-shadow:var(--shadow-lg);width:100%}.form-header{justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.form-header,.form-header h3{display:flex;align-items:center}.form-header h3{margin:0;color:var(--dark-color);font-size:20px;font-weight:600;gap:8px}.form-header h3 i{color:#3b82f6}.status-indicator .status-badge{padding:6px 12px;letter-spacing:.5px}.status-badge.active{background:linear-gradient(135deg,#10b981,#059669);color:white}.status-badge.inactive{background:linear-gradient(135deg,#ef4444,#dc2626);color:white}.form-content{display:flex;flex-direction:column;gap:24px}.form-group{gap:8px}.form-group label{color:var(--dark-color);display:flex;align-items:center;gap:8px}.form-group label i{color:#3b82f6;width:16px}.form-input{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .3s ease;background:white}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.form-help{font-size:12px;margin-top:4px}.hours-header{margin-bottom:8px}.hours-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:16px;max-height:400px;overflow-y:auto;padding:8px;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb}.hour-slot{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:white;transition:all .3s ease}.hour-slot:hover{border-color:#3b82f6;box-shadow:0 2px 4px rgba(59,130,246,.1)}.hour-time{color:var(--dark-color);min-width:80px}.hour-toggle{gap:8px;padding:6px 12px;transition:all .3s ease;font-size:12px;min-width:90px}.hour-toggle.active{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 4px rgba(16,185,129,.3)}.hour-toggle.inactive{background:linear-gradient(135deg,#ef4444,#dc2626);color:white;box-shadow:0 2px 4px rgba(239,68,68,.3)}.hour-toggle:hover{box-shadow:0 4px 8px rgba(0,0,0,.15)}.hour-toggle i{font-size:14px}.toggle-option,.toggle-switch{display:flex;gap:8px}.toggle-option{flex:1 1;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;background:white;cursor:pointer;transition:all .3s ease;align-items:center;justify-content:center;font-weight:500;color:#6b7280}.toggle-option:hover{border-color:#3b82f6;color:#3b82f6}.toggle-option.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#3b82f6;color:white;box-shadow:0 4px 12px rgba(59,130,246,.3)}.form-actions{padding-top:16px}.settings-overview{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:var(--shadow-lg);width:100%}.settings-overview h4{margin:0 0 16px;color:var(--dark-color);gap:8px}.settings-overview h4 i{color:#3b82f6}.overview-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.overview-item{padding:16px;border-radius:12px;transition:all .3s ease;background:white}.overview-item.active{background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.overview-item.inactive{border-color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fee2e2)}.overview-day{color:var(--dark-color);font-size:14px}.overview-status{margin-bottom:8px}@media (max-width:768px){.day-tab .day-full{display:none}.day-tab .day-short{display:block}.day-tab{min-width:60px;padding:10px 8px}.form-header{align-items:flex-start;gap:12px}.form-actions,.form-header,.toggle-switch{flex-direction:column}.overview-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}.overview-item{padding:12px 8px}.hours-header{flex-direction:column;align-items:flex-start;gap:12px}.bulk-actions{width:100%;justify-content:space-between}.hours-grid{grid-template-columns:1fr;max-height:300px}.hour-slot{padding:10px 12px}.hour-time{font-size:13px;min-width:70px}.hour-toggle{min-width:80px;padding:5px 10px;font-size:11px}}@media (max-width:480px){.add-game-container{padding:0 8px}.game-settings-form,.settings-overview{padding:16px}.day-tabs{padding:4px;gap:2px}.day-tab{min-width:50px;padding:8px 4px}}.empty-state{text-align:center;padding:60px 20px;background:#ffffff;border-radius:12px;border:2px dashed #e5e7eb;margin:20px 0;color:#6b7280}.empty-state i{font-size:48px;color:#d1d5db;margin-bottom:16px;display:block}.empty-state h3{font-size:20px;font-weight:600;color:#374151;margin:0 0 8px}.empty-state p{font-size:14px;color:#6b7280;max-width:400px;margin:0 auto;line-height:1.5}.table-container{background:#ffffff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);margin-bottom:20px;border:1px solid #e5e7eb}.loading-state{text-align:center;padding:40px 20px;color:#6b7280}.loading-state i{font-size:24px;margin-right:8px;color:#3b82f6}.loading-state span{font-size:14px;font-weight:500}@media (max-width:1024px){.users-table{font-size:12px}.users-table td,.users-table th{padding:8px 6px}.parent-info{max-width:100px}.flow-level{flex-direction:column;align-items:center;gap:15px}.flow-item{min-width:200px}}@media (max-width:768px){.table-container{overflow-x:auto}.users-table{min-width:800px}.pagination-container{flex-direction:column;gap:12px}.pagination{flex-wrap:wrap;justify-content:center}.hierarchy-section{padding:15px}.flow-item{min-width:150px;padding:10px 12px}.flow-icon{font-size:18px}}.clients-table{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-lg)}.table{width:100%;border-collapse:collapse}.table th{background:#1e3a8a;color:white;padding:15px 20px;text-align:left;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.table td{padding:15px 20px;border-bottom:1px solid var(--border-color);vertical-align:middle}.table tr:hover{background:rgba(30,58,138,.05)}.client-info{gap:12px}.client-avatar,.client-info{display:flex;align-items:center}.client-avatar{width:40px;height:40px;background:var(--gradient-info);border-radius:50%;justify-content:center;color:white;font-size:16px}.client-name{font-weight:600;color:var(--dark-color)}.client-id,.contact-info .phone{font-size:12px;color:#6b7280}.balance{font-weight:600;color:var(--success-color)}.ticket-count{background:var(--gradient-info);color:white;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600}.action-buttons{gap:3px}.action-buttons .btn-sm{padding:3px 6px;font-size:10px;min-width:28px;height:28px;border-radius:3px}.btn-xs{padding:4px 8px!important;font-size:11px!important;min-width:24px!important;height:24px!important;border-radius:4px!important;gap:2px!important;min-height:auto!important;border:none!important;line-height:1!important}.btn-xs:hover{transform:translateY(-1px)}.btn-sm{padding:4px 8px;font-size:11px;min-height:auto;border-radius:4px;gap:4px}.btn-sm:hover{transform:translateY(-1px)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease-out;padding:20px}.modal-content{background:#ffffff;border-radius:20px;box-shadow:0 25px 50px rgba(0,0,0,.25),inset 0 0 0 1px rgba(255,255,255,.1);width:100%;max-width:600px;max-height:90vh;overflow:hidden;animation:slideInScale .4s cubic-bezier(.4,0,.2,1);position:relative}@keyframes slideInScale{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal{background:white;border-radius:16px;box-shadow:var(--shadow-lg);max-width:650px;width:90%;max-height:90vh;overflow-y:auto;animation:slideIn .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:32px 32px 24px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f8fafc,#f1f5f9);position:relative}.modal-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#667eea,#764ba2)}.modal-header h3{margin:0;font-size:24px;font-weight:700;color:#1f2937;display:flex;align-items:center;gap:12px}.modal-header h3:before{content:"🎰";font-size:28px}.close-btn{background:#f3f4f6;border:none;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#6b7280;font-size:16px}.close-btn:hover{background:#ef4444;color:white;transform:scale(1.05)}.modal-body{padding:32px;max-height:60vh;overflow-y:auto}.modal-body .form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;margin-bottom:24px}.modal-body .form-group,.modal-body .form-row:last-child{margin-bottom:0}.modal-body .form-group label{display:block;margin-bottom:8px;font-weight:600;color:#374151;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.modal-body .form-control{width:100%;padding:14px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);background:#f9fafb;color:#374151;box-sizing:border-box}.modal-body .form-control:focus{outline:none;border-color:#667eea;background:#ffffff;box-shadow:0 0 0 3px rgba(102,126,234,.1);transform:translateY(-1px)}.modal-body .form-control:hover{border-color:#d1d5db}.modal-body select.form-control{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.modal-footer{padding:24px 32px 32px;border-top:1px solid #e5e7eb;background:#f8fafc;gap:12px}.modal-footer .btn{min-width:120px;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.modal-footer .btn-secondary{background:#f3f4f6;color:#6b7280;border:2px solid #e5e7eb}.modal-footer .btn-secondary:hover{background:#e5e7eb;color:#374151;transform:translateY(-1px)}.modal-footer .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:2px solid transparent;box-shadow:0 4px 12px rgba(102,126,234,.4)}.modal-footer .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px rgba(102,126,234,.6)}.modal-footer .btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width:768px){.modal-overlay{padding:16px}.modal-content{max-width:100%;border-radius:16px}.modal-header{padding:24px 24px 20px}.modal-header h3{font-size:20px}.modal-body{padding:24px}.modal-body .form-row{grid-template-columns:1fr;gap:16px;margin-bottom:20px}.modal-footer{padding:20px 24px 24px;flex-direction:column-reverse}.modal-footer .btn{width:100%;min-width:auto}}@media (max-width:480px){.modal-overlay{padding:12px}.modal-header{padding:20px 20px 16px}.modal-body{padding:20px}.modal-footer{padding:16px 20px 20px}}.modal-close{background:none;border:none;font-size:18px;color:#6b7280;cursor:pointer;padding:5px;border-radius:4px;transition:all .3s ease}.modal-close:hover{background:#f3f4f6;color:var(--danger-color)}.modal-body{padding:25px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px 25px;border-top:1px solid var(--border-color)}.form-row{grid-template-columns:1fr 1fr}.add-user-form .form-group,.add-user-form .form-row{margin-bottom:16px}.add-user-form .form-row:last-child{margin-bottom:0}.form-error-message{background:rgba(239,68,68,.1);border:1px solid #ef4444;border-radius:8px;padding:12px 16px;margin-bottom:20px;display:flex;align-items:center;gap:10px;color:#dc2626;font-size:14px;font-weight:500}.form-error-message i{color:#ef4444;font-size:16px}.auth-loading,.persist-loading{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.loading-spinner{text-align:center;color:white}.spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.loading-spinner p{margin:0;font-size:16px;font-weight:500}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;transition:color .2s ease}.password-toggle:hover{color:#374151}.password-toggle:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.actions-bar{flex-direction:column;align-items:stretch}.search-box{max-width:none}.agents-grid{grid-template-columns:1fr}.agent-actions{justify-content:center}.clients-table{overflow-x:auto}.table{min-width:600px}.form-row{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.pulse{animation:pulse 2s infinite}.loading{display:inline-block;width:20px;height:20px;border-radius:50%;border:3px solid rgba(255,255,255,.3);border-top-color:white;animation:spin 1s ease-in-out infinite}.search-input{padding:8px 12px;border:2px solid var(--border-color);border-radius:6px;font-size:14px;width:200px;transition:all .3s ease}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(30,58,138,.1)}.filter-select{padding:8px 12px;border:2px solid var(--border-color);border-radius:6px;font-size:14px;background:white;cursor:pointer;transition:all .3s ease;margin-left:10px}.filter-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(30,58,138,.1)}.message{padding:15px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;gap:10px}.message-success{background:rgba(16,185,129,.1);border:1px solid var(--success-color);color:var(--success-color)}.message-error{background:rgba(239,68,68,.1);border:1px solid var(--danger-color);color:var(--danger-color)}.message-info{background:rgba(30,58,138,.1);border:1px solid var(--primary-color);color:var(--primary-color)}.add-game-container{max-width:1200px;margin:0 auto;padding:20px}.game-info-form{background:#ffffff;border-radius:12px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:30px;border:1px solid #e5e7eb}.game-info-form .form-header{display:flex;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e5e7eb}.game-info-form .form-header h3{margin:0;font-size:18px;font-weight:600;color:#374151;display:flex;align-items:center;gap:10px}.game-info-form .form-header i{color:#3b82f6;font-size:20px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:20px;gap:20px;margin-bottom:20px}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;color:#374151;margin-bottom:8px;font-size:14px}.form-control{padding:12px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .2s ease}.form-control:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.day-tabs{display:flex;background:#f8fafc;border-radius:12px;padding:4px;margin-bottom:20px;overflow-x:auto;gap:4px}.day-tab{flex:1 1;min-width:120px;padding:12px 16px;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;font-weight:500;color:#6b7280;text-align:center}.day-tab:hover{background:rgba(59,130,246,.1);color:#3b82f6}.day-tab.active{background:#3b82f6;color:white;box-shadow:0 2px 4px rgba(59,130,246,.2)}.day-tab .day-full{display:block}.day-tab .day-short{display:none}.game-settings-form{background:#ffffff;border-radius:12px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:30px;border:1px solid #e5e7eb}.game-settings-form .form-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e5e7eb}.game-settings-form .form-header h3{margin:0;font-size:18px;font-weight:600;color:#374151;display:flex;align-items:center;gap:10px}.status-indicator .status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.status-badge.inactive{background:rgba(239,68,68,.1);color:#ef4444}.hours-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.hours-header label{font-weight:600;color:#374151;font-size:16px;align-items:center}.bulk-actions,.hours-header label{display:flex;gap:8px}.form-help{color:#6b7280;font-size:13px;margin-bottom:20px;display:block}.hours-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:12px;gap:12px;margin-bottom:20px}.hour-slot{background:#f8fafc;border-radius:8px;padding:12px;border:1px solid #e5e7eb}.hour-time{font-weight:600;color:#374151;margin-bottom:8px;font-size:14px}.hour-toggle{width:100%;padding:8px 12px;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;font-weight:500;font-size:13px;display:flex;align-items:center;justify-content:center;gap:6px}.hour-toggle.active{background:#10b981;color:white}.hour-toggle.inactive{background:#e5e7eb;color:#6b7280}.hour-toggle:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid #e5e7eb}.settings-overview{background:#ffffff;border-radius:12px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid #e5e7eb}.settings-overview h4{margin:0 0 20px;font-size:18px;font-weight:600;color:#374151;display:flex;align-items:center;gap:10px}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:12px;gap:12px}.overview-item{text-align:center;padding:16px 12px;border-radius:8px;border:2px solid #e5e7eb;transition:all .2s ease}.overview-item.active{border-color:#10b981;background:rgba(16,185,129,.05)}.overview-item.inactive{border-color:#e5e7eb;background:#f8fafc}.overview-day{font-weight:600;color:#374151;margin-bottom:8px}.overview-status i{font-size:20px;margin-bottom:4px}.overview-item.active .overview-status i{color:#10b981}.overview-item.inactive .overview-status i{color:#ef4444}.overview-hours{font-size:12px;color:#6b7280;font-weight:500}@media (max-width:768px){.add-game-container{padding:15px}.day-tab .day-full{display:none}.day-tab .day-short{display:block}.day-tab{min-width:60px;padding:12px 8px}.hours-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.overview-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.hours-header{flex-direction:column;align-items:flex-start;gap:10px}.bulk-actions{width:100%;justify-content:flex-start}}.roulette-management{max-width:1400px;margin:0 auto;padding:20px}.tab-navigation{display:flex;background:#f8fafc;border-radius:12px;padding:4px;margin-bottom:30px;gap:4px}.tab-btn{flex:1 1;padding:12px 20px;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;font-weight:500;color:#6b7280;display:flex;align-items:center;justify-content:center;gap:8px}.tab-btn:hover{background:rgba(59,130,246,.1);color:#3b82f6}.tab-btn.active{background:#3b82f6;color:white;box-shadow:0 2px 4px rgba(59,130,246,.2)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-header h3{margin:0;font-size:20px;font-weight:600;color:#374151;display:flex;align-items:center;gap:10px}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:20px;gap:20px}.game-card{background:#ffffff;border-radius:12px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid #e5e7eb;transition:all .2s ease}.game-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.game-header{align-items:center;justify-content:between;margin-bottom:15px}.game-header h4{margin:0;font-size:18px;font-weight:600;color:#374151;flex:1 1}.game-details{margin-bottom:15px}.game-details p{margin:8px 0;color:#6b7280;font-size:14px}.game-actions{display:flex;gap:8px;justify-content:flex-end}.sessions-table{width:100%;border-collapse:collapse;background:#ffffff;border-radius:12px;overflow:hidden}.sessions-table td,.sessions-table th{padding:12px;text-align:left;border-bottom:1px solid #e5e7eb}.sessions-table th{background:#f8fafc;font-weight:600;color:#374151;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.sessions-table tbody tr:hover{background:rgba(59,130,246,.05)}.status-badge.scheduled{background:rgba(59,130,246,.1);color:#3b82f6}.status-badge.active{background:rgba(16,185,129,.1);color:#10b981}.status-badge.drawing{background:rgba(245,158,11,.1);color:#f59e0b}.status-badge.completed{background:rgba(107,114,128,.1);color:#6b7280}.status-badge.cancelled{background:rgba(239,68,68,.1);color:#ef4444}.roulette-game{max-width:1200px;margin:0 auto;padding:20px;background:#0a5d2c;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.3)}.game-header{background:#1a472a;border-radius:12px;padding:16px 24px;margin-bottom:20px;display:flex;justify-content:center}.game-info{display:flex;align-items:center;gap:40px;color:white;font-weight:600}.balance-display,.timer-display{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);padding:8px 16px;border-radius:8px}.status-display .status{padding:8px 20px;border-radius:20px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.status.betting{background:#10b981;color:white}.status.spinning{background:#f59e0b;color:white;animation:pulse 1s infinite}.status.result{background:#ef4444;color:white}.roulette-table{background:#0f5132;border:4px solid #ffd700;border-radius:16px;padding:20px;margin-bottom:20px;position:relative}.table-layout{display:flex;gap:4px;align-items:flex-start}.zero-section{margin-right:4px}.number-btn.zero{background:#22c55e;color:white;width:50px;height:68px;border:3px solid #ffd700;border-radius:8px;font-size:16px;font-weight:900;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.numbers-grid{flex:1 1}.numbers-row{display:flex;gap:4px}.number-btn{width:50px;height:44px;border:2px solid #ffd700;border-radius:6px;font-size:14px;font-weight:900;cursor:pointer;transition:all .2s ease;position:relative;display:flex;align-items:center;justify-content:center}.number-btn.red{background:#dc2626;color:white}.number-btn.black{background:#1f2937;color:white}.number-btn.green{background:#22c55e;color:white}.number-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(255,215,0,.5)}.number-btn.selected{border-color:#fff;border-width:3px;box-shadow:0 0 15px rgba(255,255,255,.8)}.section-btn{width:50px;height:44px;background:#1a472a;color:#ffd700;border:2px solid #ffd700;border-radius:6px;font-size:10px;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.1}.section-btn:hover{background:#ffd700;color:#1a472a}.outside-bets{display:flex;gap:4px;margin-bottom:8px;margin-left:54px}.outside-bet-btn{flex:1 1;height:50px;background:#1a472a;color:#ffd700;border:2px solid #ffd700;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease;text-align:center;line-height:1.2;display:flex;align-items:center;justify-content:center}.outside-bet-btn:hover{background:#ffd700;color:#1a472a}.even-money-bets{margin-left:54px}.even-money-btn{flex:1 1;height:45px;background:#1a472a;color:#ffd700;border:2px solid #ffd700;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.even-money-btn:hover{background:#ffd700;color:#1a472a}.even-money-btn.red{background:#dc2626;color:white}.even-money-btn.red:hover{background:#b91c1c;color:white}.even-money-btn.black{background:#1f2937;color:white}.even-money-btn.black:hover{background:#111827;color:white}.diamond{width:20px;height:20px;transform:rotate(45deg);border-radius:2px}.red-diamond{background:#dc2626}.black-diamond{background:#1f2937}.roulette-casino{max-width:1200px;margin:0 auto;padding:20px;background:#1a1a1a;border-radius:15px}.roulette-table-image{background:linear-gradient(135deg,#2c3e50,#34495e 50%,#2c3e50);border:3px solid #7f8c8d;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 8px 25px rgba(0,0,0,.4)}.main-table-layout{display:flex;margin-bottom:15px}.zero-section-image{display:flex;flex-direction:column;margin-right:10px}.zero-btn-image{width:50px;height:60px;background:#27ae60;color:white;border:2px solid #2c3e50;border-radius:8px;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s ease;margin-bottom:5px;display:flex;align-items:center;justify-content:center}.zero-btn-image:hover{background:#2ecc71;transform:scale(1.05)}.numbers-section-image{flex:1 1;display:flex;flex-direction:column;gap:2px}.number-row-image{display:flex;gap:2px}.number-btn-image{width:50px;height:40px;border:2px solid #2c3e50;border-radius:6px;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s ease;color:white;display:flex;align-items:center;justify-content:center}.number-btn-image.red{background:#e74c3c}.number-btn-image.black{background:#2c3e50}.number-btn-image:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.4)}.column-section-image{display:flex;flex-direction:column;margin-left:10px;gap:2px}.column-btn-image{width:60px;height:40px;background:#34495e;color:white;border:2px solid #2c3e50;border-radius:6px;font-weight:700;font-size:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.column-btn-image:hover{background:#4a6741;transform:scale(1.05)}.dozen-row-image{display:flex;margin-bottom:10px;gap:2px}.empty-space-image{width:60px}.dozen-btn-image{flex:1 1;height:45px;background:#34495e;color:white;border:2px solid #2c3e50;border-radius:6px;font-weight:700;font-size:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.dozen-btn-image:hover{background:#4a6741;transform:scale(1.02)}.even-money-row-image{display:flex;gap:2px}.even-money-btn-image{flex:1 1;height:40px;background:#34495e;color:white;border:2px solid #2c3e50;border-radius:6px;font-weight:700;font-size:11px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.even-money-btn-image:hover{background:#4a6741;transform:scale(1.02)}.red-diamond-btn{background:#e74c3c!important}.black-diamond-btn{background:#2c3e50!important}.diamond-shape{width:20px;height:20px;transform:rotate(45deg);border-radius:3px}.red-diamond{background:#c0392b}.black-diamond{background:#1a1a1a}.number-btn-image.has-bet,.zero-btn-image.has-bet{border-color:#fff!important;box-shadow:0 0 15px rgba(255,255,255,.8)!important}@media (max-width:768px){.roulette-table-image{padding:15px}.zero-btn-image{width:40px;height:50px;font-size:14px}.number-btn-image{width:40px;height:32px;font-size:12px}.column-btn-image{width:50px;height:32px;font-size:10px}.dozen-btn-image{height:38px;font-size:11px}.even-money-btn-image{height:35px;font-size:10px}.empty-space-image{width:50px}}@media (max-width:480px){.zero-btn-image{width:35px;height:45px;font-size:12px}.number-btn-image{width:35px;height:28px;font-size:11px}.column-btn-image{width:45px;height:28px;font-size:9px}.dozen-btn-image{height:35px;font-size:10px}.even-money-btn-image{height:32px;font-size:9px}.empty-space-image{width:45px}.diamond-shape{width:15px;height:15px}}.number-btn-exact.zero-exact{width:40px;height:32px;font-size:11px}.number-btn-exact{width:32px;height:32px;font-size:11px}.column-btn-exact{width:32px;height:32px;font-size:8px}.roulette-casino:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(255,215,0,.1) 0,transparent 70%);pointer-events:none}.casino-header{justify-content:space-between;background:linear-gradient(90deg,#1a1a1a,#2a2a2a 50%,#1a1a1a);border:2px solid #ffd700;border-radius:15px;padding:20px 30px;margin-bottom:30px;box-shadow:inset 0 2px 10px rgba(255,215,0,.2)}.casino-header,.game-stats{display:flex;align-items:center}.game-stats{gap:30px}.stat-item{display:flex;align-items:center;gap:10px;color:#ffd700;font-weight:700;font-size:16px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.stat-item i{font-size:20px;color:#ffd700;filter:drop-shadow(0 0 5px rgba(255,215,0,.5))}.game-status{padding:8px 16px;border-radius:20px;font-weight:800;text-transform:uppercase;letter-spacing:1px;animation:pulse 2s infinite}.game-status.betting{background:linear-gradient(45deg,#10b981,#059669);box-shadow:0 0 20px rgba(16,185,129,.5)}.game-status.spinning{background:linear-gradient(45deg,#f59e0b,#d97706);box-shadow:0 0 20px rgba(245,158,11,.5);animation:spin 1s linear infinite}.game-status.result{background:linear-gradient(45deg,#ef4444,#dc2626);color:white;box-shadow:0 0 20px rgba(239,68,68,.5)}.last-winners{display:flex;align-items:center;gap:15px;color:#ffd700;font-weight:600}.winner-numbers{display:flex;gap:8px}.winner-ball{width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;border:2px solid #ffd700;box-shadow:0 4px 15px rgba(0,0,0,.3);position:relative}.winner-ball.red{background:linear-gradient(45deg,#dc2626,#b91c1c);color:white}.winner-ball.black{background:linear-gradient(45deg,#1f2937,#111827);color:white}.winner-ball.green{background:linear-gradient(45deg,#059669,#047857);color:white}.roulette-table-container{margin-bottom:30px}.felt-table{background:linear-gradient(135deg,#0f5132,#166534 50%,#0f5132);border:6px solid #ffd700;border-radius:20px;padding:25px;box-shadow:inset 0 0 50px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.5);position:relative}.felt-table:before{content:"";position:absolute;top:10px;left:10px;right:10px;bottom:10px;border:2px solid rgba(255,215,0,.3);border-radius:15px;pointer-events:none}.zero-section{gap:4px;float:left;margin-right:8px}.number-cell.zero{width:60px;height:80px;background:linear-gradient(45deg,#059669,#047857);color:white;border:3px solid #ffd700;border-radius:12px;font-size:18px;font-weight:900;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;text-shadow:0 2px 4px rgba(0,0,0,.5);box-shadow:0 4px 15px rgba(0,0,0,.3)}.number-cell.zero:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,215,0,.4);border-color:#fff}.numbers-grid{flex-direction:column;overflow:hidden}.number-row,.numbers-grid{display:flex;gap:4px}.number-cell{width:60px;height:50px;border:2px solid #ffd700;border-radius:8px;font-size:16px;font-weight:900;transition:all .3s ease;text-shadow:0 1px 3px rgba(0,0,0,.7);box-shadow:0 3px 10px rgba(0,0,0,.2);overflow:hidden}.number-cell:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.number-cell:hover:before{left:100%}.number-cell.red{background:linear-gradient(45deg,#dc2626,#b91c1c)}.number-cell.black{background:linear-gradient(45deg,#1f2937,#111827)}.number-cell:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px rgba(255,215,0,.6);border-color:#fff;z-index:10}.number-cell.has-bet{border-color:#fff;box-shadow:0 0 20px rgba(255,255,255,.8);animation:betGlow 2s infinite}@keyframes betGlow{0%,to{box-shadow:0 0 20px rgba(255,255,255,.8)}50%{box-shadow:0 0 30px rgba(255,215,0,1)}}.bet-placed{animation:betPlaced 1s ease-out}@keyframes betPlaced{0%{transform:scale(1)}50%{transform:scale(1.2);box-shadow:0 0 30px rgba(255,215,0,1)}to{transform:scale(1)}}.column-bet{width:60px;height:50px;background:linear-gradient(45deg,#1a472a,#166534);color:#ffd700;border:2px solid #ffd700;border-radius:8px;font-size:12px;transition:all .3s ease;text-align:center;line-height:1.2}.column-bet:hover{background:linear-gradient(45deg,#ffd700,#f59e0b);color:#1a472a;transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,215,0,.4)}.dozen-bets{display:flex;gap:4px;margin:12px 0 12px 68px}.dozen-bet{flex:1 1;height:60px;background:linear-gradient(45deg,#1a472a,#166534);color:#ffd700;border:2px solid #ffd700;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:1px}.dozen-bet:hover{background:linear-gradient(45deg,#ffd700,#f59e0b);color:#1a472a;transform:translateY(-3px);box-shadow:0 8px 25px rgba(255,215,0,.5)}.even-money-bets{display:flex;gap:4px;margin-left:68px}.even-money-bet{flex:1 1;height:55px;background:linear-gradient(45deg,#1a472a,#166534);color:#ffd700;border:2px solid #ffd700;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.5px}.even-money-bet:hover{background:linear-gradient(45deg,#ffd700,#f59e0b);color:#1a472a;transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,215,0,.4)}.even-money-bet.red-bet{background:linear-gradient(45deg,#dc2626,#b91c1c);color:white}.even-money-bet.red-bet:hover{background:linear-gradient(45deg,#ef4444,#dc2626);transform:translateY(-2px);box-shadow:0 6px 20px rgba(239,68,68,.4)}.even-money-bet.black-bet{background:linear-gradient(45deg,#1f2937,#111827);color:white}.even-money-bet.black-bet:hover{background:linear-gradient(45deg,#374151,#1f2937);transform:translateY(-2px);box-shadow:0 6px 20px rgba(55,65,81,.4)}.color-diamond{width:25px;height:25px;transform:rotate(45deg);border-radius:3px}.color-diamond.red{background:linear-gradient(45deg,#dc2626,#b91c1c)}.color-diamond.black{background:linear-gradient(45deg,#1f2937,#111827)}.casino-controls{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:2px solid #ffd700;border-radius:15px;padding:25px;margin-bottom:20px;box-shadow:0 10px 30px rgba(0,0,0,.5)}.chip-selector{margin-bottom:25px}.control-label{display:block;color:#ffd700;font-weight:700;font-size:18px;margin-bottom:15px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.chips{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.casino-chip{font-weight:900;font-size:14px;box-shadow:0 6px 20px rgba(0,0,0,.4)}.casino-chip:before{content:"";position:absolute;top:8px;left:8px;right:8px;bottom:8px;border-radius:50%;border:2px dashed rgba(255,255,255,.3)}.casino-chip:hover{transform:translateY(-5px) scale(1.1);box-shadow:0 12px 35px rgba(0,0,0,.6)}.casino-chip.selected{transform:translateY(-3px) scale(1.05);box-shadow:0 0 30px rgba(255,215,0,.8);animation:chipSelected 2s infinite}@keyframes chipSelected{0%,to{box-shadow:0 0 30px rgba(255,215,0,.8)}50%{box-shadow:0 0 40px rgba(255,215,0,1)}}.chip-1{background:linear-gradient(45deg,#f8fafc,#e2e8f0);border-color:#64748b;color:#1e293b}.chip-5{background:linear-gradient(45deg,#dc2626,#b91c1c)}.chip-25,.chip-5{border-color:#ffd700}.chip-25{background:linear-gradient(45deg,#059669,#047857)}.chip-100{background:linear-gradient(45deg,#1d4ed8,#1e40af)}.chip-100,.chip-500{border-color:#ffd700}.chip-500{background:linear-gradient(45deg,#7c2d12,#92400e)}.chip-value{text-shadow:0 2px 4px rgba(0,0,0,.5)}.game-controls{display:flex;justify-content:space-between;align-items:center;gap:30px}.bet-info{display:flex;flex-direction:column;gap:8px}.bet-total{color:#ffd700;font-size:20px;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.5)}.bet-count{color:#94a3b8;font-size:14px;font-weight:600}.action-buttons{gap:20px;align-items:center}.control-btn{border-radius:10px;font-size:16px;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 15px rgba(0,0,0,.3)}.control-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.4)}.control-btn:disabled{transform:none}.clear-btn{background:linear-gradient(45deg,#ef4444,#dc2626);border-color:#ef4444}.clear-btn:hover:not(:disabled){background:linear-gradient(45deg,#f87171,#ef4444);box-shadow:0 8px 25px rgba(239,68,68,.4)}.spin-btn{background:linear-gradient(45deg,#ffd700,#f59e0b);color:#1a1a1a;border-color:#ffd700;font-size:18px;padding:15px 30px}.spin-btn:hover:not(:disabled){background:linear-gradient(45deg,#fbbf24,#ffd700);box-shadow:0 8px 25px rgba(255,215,0,.6)}.auto-spin-toggle{display:flex;align-items:center;gap:12px;cursor:pointer;color:#ffd700;font-weight:600}.auto-spin-toggle input{display:none}.toggle-slider{width:50px;height:25px;background:#374151;border-radius:25px;position:relative;transition:all .3s ease;border:2px solid #6b7280}.toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:17px;height:17px;background:white;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 5px rgba(0,0,0,.3)}.auto-spin-toggle input:checked+.toggle-slider{background:linear-gradient(45deg,#10b981,#059669);border-color:#10b981}.auto-spin-toggle input:checked+.toggle-slider:before{transform:translateX(25px);background:#ffd700;box-shadow:0 2px 10px rgba(255,215,0,.5)}.betting-history{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:2px solid #ffd700;border-radius:15px;padding:20px;box-shadow:0 10px 30px rgba(0,0,0,.5)}.betting-history h3{color:#ffd700;font-size:20px;font-weight:700;margin-bottom:15px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.bet-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:12px;gap:12px;max-height:200px;overflow-y:auto}.bet-item{background:rgba(255,215,0,.1);border:1px solid rgba(255,215,0,.3);border-radius:8px;padding:12px;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.bet-item:hover{background:rgba(255,215,0,.2);border-color:rgba(255,215,0,.5);transform:translateY(-2px)}.bet-type{color:#ffd700;font-weight:600;font-size:14px}.bet-amount{color:#10b981;font-weight:700;font-size:16px}.bet-odds{color:#94a3b8;font-size:12px;font-weight:500}@media (max-width:1200px){.roulette-casino{padding:15px}.casino-header{flex-direction:column;gap:20px;text-align:center}.game-stats{flex-wrap:wrap;justify-content:center;gap:20px}}@media (max-width:768px){.felt-table{padding:15px}.zero-section{float:none;flex-direction:row;margin-bottom:10px;margin-right:0}.number-cell.zero{width:50px;height:50px;font-size:14px}.number-cell{width:45px;height:40px;font-size:14px}.column-bet{width:45px;height:40px;font-size:10px}.dozen-bets,.even-money-bets{margin-left:0}.chips{gap:10px}.casino-chip{width:60px;height:60px;font-size:12px}.game-controls{flex-direction:column;gap:20px;text-align:center}.action-buttons{flex-wrap:wrap;justify-content:center}}.betting-controls{background:#1a472a;border-radius:12px;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.bet-amount-selector{display:flex;align-items:center;gap:12px}.bet-amount-selector span{color:#ffd700;font-weight:700;font-size:16px}.amount-buttons{display:flex;gap:8px}.amount-btn{padding:8px 16px;background:#0f5132;color:#ffd700;border:2px solid #ffd700;border-radius:8px;font-weight:700;cursor:pointer;transition:all .2s ease}.amount-btn.active,.amount-btn:hover{background:#ffd700;color:#0f5132}.chip-display{display:flex;gap:8px;align-items:center}.chip{width:40px;height:40px;font-weight:900;font-size:14px;border:3px solid #333;box-shadow:0 4px 8px rgba(0,0,0,.3)}.chip.white{background:#fff;color:#333}.chip.red{background:#dc2626;color:white}.chip.blue{background:#2563eb;color:white}.chip.green{background:#16a34a;color:white}.chip.orange{background:#ea580c;color:white}.action-buttons{display:flex;gap:12px}.control-btn{padding:12px 24px;transition:all .2s ease;border:2px solid;text-transform:uppercase;letter-spacing:1px}.control-btn.undo{background:#f59e0b;color:white;border-color:#f59e0b}.control-btn.undo:hover{background:#d97706;border-color:#d97706}.control-btn.rebet{background:#6366f1;color:white;border-color:#6366f1}.control-btn.rebet:hover{background:#4f46e5;border-color:#4f46e5}.control-btn.spin{background:#dc2626;color:white;border-color:#dc2626;font-size:16px;padding:14px 32px}.control-btn.spin:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c;transform:scale(1.05)}.control-btn:disabled{opacity:.5;cursor:not-allowed}.bet-summary{background:rgba(26,71,42,.8);border-radius:12px;padding:16px 24px;justify-content:space-between}.bet-summary,.total-bet{display:flex;align-items:center}.total-bet{gap:20px;color:#ffd700;font-weight:700;font-size:18px}.clear-btn{background:#ef4444;border:none;padding:8px 16px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.clear-btn:hover{background:#dc2626;transform:scale(1.05)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.balance-timer-header{display:flex;justify-content:space-between;align-items:center;background:rgba(0,0,0,.8);border:2px solid #ffd700;border-radius:12px;padding:15px 25px;margin-bottom:15px;color:white;font-weight:600;position:relative;z-index:10}.balance-display,.timer-display,.total-bet-header{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);padding:8px 16px;border-radius:8px;font-size:16px}.balance-display i{color:#4ade80}.timer-display i{color:#f59e0b}.total-bet-header i{color:#8b5cf6}.total-bet-header span{color:#fbbf24;font-weight:700}.status-display .game-status{padding:8px 20px;border-radius:20px;font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:14px}.game-status.betting{background:#10b981;color:white}.game-status.spinning{background:#f59e0b;color:white;animation:pulse 1s infinite}.roulette-casino .main-container{display:flex;padding:20px 10px;gap:10px}.roulette-casino .stats-sidebar{background:rgba(0,0,0,.8);border-radius:10px;padding:15px;width:80px;height:-moz-fit-content;height:fit-content}.stats-title{font-size:12px;font-weight:700;margin-bottom:10px;text-align:center}.stats-numbers{flex-direction:column;gap:8px}.stat-number,.stats-numbers{display:flex;align-items:center}.stat-number{width:30px;height:30px;border-radius:50%;justify-content:center;font-weight:700;font-size:14px}.stat-number.red{background:#dc2626;color:white}.stat-number.black{background:#1f2937;color:white}.stat-number.green{background:#22c55e;color:white}.perfect-roulette-table{flex:1 1;background:#22c55e;border-radius:15px;padding:15px;border:3px solid #16a34a}.number-grid{display:grid;grid-template-columns:60px repeat(12,1fr) 40px;grid-gap:2px;gap:2px;margin-bottom:15px}.zero-section{grid-row:1/4;display:flex;flex-direction:column;gap:2px}.zero-cell{background:#22c55e;border:2px solid white;border-radius:8px;font-size:18px;color:white;height:38px;flex:1 1}.number-cell,.zero-cell{display:flex;align-items:center;justify-content:center;font-weight:700;cursor:pointer}.number-cell{height:40px;border:1px solid white;font-size:14px;border-radius:50%;position:relative}.number-cell.red{background:#dc2626;color:white}.number-cell.black{background:#1f2937;color:white}.number-cell.has-chip:after{content:"";position:absolute;top:-5px;right:-5px;width:20px;height:20px;background:#3b82f6;border-radius:50%;border:2px solid white;font-size:10px;display:flex;align-items:center;justify-content:center;color:white}.number-cell.has-chip[data-chip="10"]:after{content:"10"}.number-cell.has-chip[data-chip="1"]:after{content:"1"}.number-cell.has-chip[data-chip="5"]:after{content:"5"}.number-cell.has-chip[data-chip="25"]:after{content:"25"}.number-cell.has-chip[data-chip="50"]:after{content:"50"}.column-bet{background:rgba(0,0,0,.3);border:1px solid white;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;font-weight:700;border-radius:5px;cursor:pointer}.betting-areas{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:10px;gap:10px;margin-bottom:15px}.twelve-bet{background:rgba(0,0,0,.3);border:2px solid white;border-radius:8px;padding:15px;text-align:center;font-weight:700;cursor:pointer}.twelve-bet .title{font-size:16px;margin-bottom:5px}.twelve-bet .range{font-size:14px}.bottom-bets{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-gap:5px;gap:5px}.bottom-bet{background:rgba(0,0,0,.3);border:2px solid white;border-radius:8px;padding:10px 5px;text-align:center;font-weight:700;font-size:12px;cursor:pointer}.diamond-black,.diamond-red{width:30px;height:30px;transform:rotate(45deg);margin:0 auto 5px}.diamond-red{background:#dc2626}.diamond-black{background:#1f2937}.chip-icon{width:25px;height:25px;border-radius:50%;margin:0 auto 5px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:white}.chip-red{background:#dc2626}.roulette-casino .perfect-controls{background:linear-gradient(135deg,#8b4513,#654321);padding:15px;display:flex;align-items:center;justify-content:space-between;border-top:3px solid #d4af37;border-radius:0 0 15px 15px;margin-top:20px}.control-left,.control-right{display:flex;gap:10px}.control-btn{padding:10px 15px;border:none;border-radius:8px;font-weight:700;cursor:pointer;font-size:14px}.btn-blue{background:#3b82f6;color:white}.btn-gray{background:#6b7280;color:white}.btn-green{background:#22c55e;color:white}.chips-container{display:flex;gap:8px}.chip{width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;cursor:pointer;border:3px solid white}.chip-1{background:#f3f4f6;color:#1f2937}.chip-5{background:#dc2626;color:white}.chip-10{background:#3b82f6}.chip-25{background:#22c55e}.chip-50{background:#f97316}.chip.selected{box-shadow:0 0 15px rgba(255,255,255,.8);transform:scale(1.1)}.casino-controls-panel{background:linear-gradient(135deg,#2c1810,#1a0f08);border:3px solid #d4af37;border-radius:15px;padding:20px;margin-top:15px;display:flex;flex-direction:column;align-items:center;gap:20px;box-shadow:inset 0 2px 10px rgba(212,175,55,.3),0 8px 25px rgba(0,0,0,.5);position:relative;z-index:10}.casino-chips-section{display:flex;gap:15px;align-items:center}.casino-chip{width:70px;height:70px;border-radius:50%;position:relative;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px rgba(0,0,0,.3),inset 0 2px 4px rgba(255,255,255,.2);border:4px solid;display:flex;align-items:center;justify-content:center}.casino-chip:hover{transform:translateY(-3px);box-shadow:0 8px 16px rgba(0,0,0,.4),inset 0 2px 4px rgba(255,255,255,.3)}.casino-chip.active{transform:translateY(-3px) scale(1.1);box-shadow:0 0 25px rgba(255,215,0,.8),0 8px 16px rgba(0,0,0,.4),inset 0 2px 4px rgba(255,255,255,.3);border-color:#ffd700!important;position:relative}.casino-chip.active:before{content:"✓";position:absolute;top:-8px;right:-8px;background:#22c55e;color:white;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border:2px solid white;z-index:20}.chip-10{background:radial-gradient(circle,#4dabf7 0,#339af0 50%,#228be6 100%);border-color:#1971c2;color:white}.chip-25{background:radial-gradient(circle,#10b981 0,#059669 50%,#047857 100%);border-color:#065f46;color:white}.chip-50{background:radial-gradient(circle,#f59e0b 0,#d97706 50%,#b45309 100%);border-color:#92400e;color:white}.chip-100{background:radial-gradient(circle,#495057 0,#343a40 50%,#212529 100%);border-color:#000;color:white}.chip-500{background:radial-gradient(circle,#22d3ee 0,#06b6d4 50%,#0891b2 100%);border-color:#0e7490;color:white}.chip-inner{text-align:center;font-weight:700}.chip-value{font-size:18px;line-height:1;margin-bottom:2px}.chip-currency{font-size:12px;opacity:.8}.total-bet-display{background:rgba(0,0,0,.7);border:2px solid #d4af37;border-radius:25px;padding:12px 25px;font-size:18px;font-weight:700;color:#d4af37;text-align:center;min-width:200px}.bet-label{margin-right:10px;color:#fff}.bet-amount{color:#4ade80;font-size:20px}.casino-buttons{display:flex;gap:15px}.casino-btn{padding:12px 25px;border:none;border-radius:8px;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;min-width:100px;box-shadow:0 4px 8px rgba(0,0,0,.3)}.casino-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.4)}.undo-btn{background:linear-gradient(135deg,#6b7280,#4b5563);color:white}.clear-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:white}.spin-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:white;font-size:16px;padding:15px 35px;box-shadow:0 4px 8px rgba(0,0,0,.3),0 0 20px rgba(34,197,94,.3)}.spin-btn:hover{box-shadow:0 6px 12px rgba(0,0,0,.4),0 0 25px rgba(34,197,94,.5)}.casino-btn:disabled{opacity:.5;cursor:not-allowed}.casino-btn:disabled,.casino-btn:disabled:hover{transform:none!important;box-shadow:0 2px 4px rgba(0,0,0,.2)!important}.roulette-table-container [data-bet]{position:relative}.roulette-table-container [data-bet].has-bet:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;background:radial-gradient(circle,#ffd700 0,#ffed4e 30%,#f59e0b 100%);border:3px solid #fff;border-radius:50%;z-index:15;box-shadow:0 3px 8px rgba(0,0,0,.4),inset 0 1px 3px rgba(255,255,255,.3);animation:chipPulse 2s infinite}.bet-amount-display{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.8);color:#ffd700;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;border:1px solid #ffd700;z-index:20;min-width:20px;text-align:center;box-shadow:0 2px 6px rgba(0,0,0,.5)}@keyframes chipPulse{0%,to{box-shadow:0 3px 8px rgba(0,0,0,.4),inset 0 1px 3px rgba(255,255,255,.3),0 0 0 0 rgba(255,215,0,.4)}50%{box-shadow:0 3px 8px rgba(0,0,0,.4),inset 0 1px 3px rgba(255,255,255,.3),0 0 0 8px rgba(255,215,0,.1)}}.roulette-table-container [data-bet].has-bet[data-amount="1"]:after{background:radial-gradient(circle,#f8f9fa 0,#e9ecef 50%,#dee2e6 100%);border-color:#6c757d}.roulette-table-container [data-bet].has-bet[data-amount="10"]:after{background:radial-gradient(circle,#4dabf7 0,#339af0 50%,#228be6 100%);border-color:#1971c2}.roulette-table-container [data-bet].has-bet[data-amount="100"]:after{background:radial-gradient(circle,#495057 0,#343a40 50%,#212529 100%);border-color:#000}.roulette-table-container [data-bet].has-bet[data-amount="500"]:after{background:radial-gradient(circle,#22d3ee 0,#06b6d4 50%,#0891b2 100%);border-color:#0e7490}.roulette-table-container [data-bet]:hover{background-color:rgba(255,215,0,.2)!important;cursor:pointer}@media (max-width:768px){.game-info,.table-layout{flex-direction:column;gap:12px}.table-layout{align-items:center}.zero-section{flex-direction:row;gap:2px;margin-right:0;margin-bottom:8px}.number-btn{width:32px;height:32px;font-size:11px}.number-btn.zero{width:40px;height:32px;font-size:11px}.section-btn{width:32px;height:32px;font-size:8px}.even-money-bets,.outside-bets{margin-left:0}.outside-bet-btn{height:45px;font-size:12px}.even-money-btn{height:40px;font-size:12px}}.roulette-wheel-wrapper{margin:0 auto 30px;overflow:hidden}.roulette-wrapper{width:800px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);margin:auto;padding:0 30px;border-radius:30px;border:1px solid #fff}@media (max-width:800px){.roulette-wrapper{width:100%;padding:0}}.menu{display:flex;flex-direction:column}.menu .buttons,.menu .chips,.roulette-wheel-wrapper .buttons{display:flex;justify-content:center}.roulette-wheel-wrapper .buttons{margin-top:30px}.buttons button{padding:15px 20px;background-color:#e74c3c;border:none;cursor:pointer;color:#fff;font-weight:700;text-transform:uppercase;font-size:1rem;transition:.5s ease}.buttons button:hover{transform:scale(1.08)}.buttons button:disabled{background-color:#333;cursor:not-allowed}.chips{list-style:none;margin-top:30px;margin-bottom:30px}.chips li{margin-right:20px;cursor:pointer;transition:transform .3s ease-in-out}.chips li:hover{transform:scale(1.1)}.chips li.active{transform:scale(1.3)}.chips li:last-child{margin-right:0}.score{text-align:center;color:#fff;margin-bottom:30px;font-weight:700;font-size:1.5rem;text-shadow:#000 1px 0 10px}.menu button{margin-right:3px}.menu button:last-child{margin-right:0}.roulette-table-container *{box-sizing:border-box;margin:0;padding:0}.roulette-table-container{--red:#dc2626;--black:#1f2937;--hover:rgba(126,220,70,0.8);--green:#16a34a;font-size:18px;font-weight:400;font-family:Helvetica,sans-serif;line-height:1.14;border-radius:20px;padding:25px;box-shadow:inset 0 0 50px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.5)}.roulette-table-container-first{position:relative;display:flex;flex-flow:column-reverse wrap;align-content:flex-start;height:228px}.basket-catcher-bottom,.basket-catcher-top,.corner-bet-catcher,.double-street-catcher-top-right,.six-lines-catcher,.spleet-bet-catcher,.split-up-bet-catcher-bottom,.split-up-bet-catcher-right,.split-up-bet-catcher-top{position:absolute;z-index:11}.corner-bet-catcher,.double-street-catcher-top-right,.six-lines-catcher,.spleet-bet-catcher{width:30px;height:30px;z-index:12}.roulette-table-container.debug .basket-catcher-bottom,.roulette-table-container.debug .basket-catcher-top,.roulette-table-container.debug .corner-bet-catcher,.roulette-table-container.debug .double-street-catcher-top-right,.roulette-table-container.debug .six-lines-catcher,.roulette-table-container.debug .spleet-bet-catcher,.roulette-table-container.debug .split-up-bet-catcher-bottom,.roulette-table-container.debug .split-up-bet-catcher-right,.roulette-table-container.debug .split-up-bet-catcher-top{background-color:royalblue}.split-up-bet-catcher-top{top:-3px;width:100%;height:calc(3px + 2px)}.split-up-bet-catcher-right{top:0;bottom:0;right:-3px;width:calc(3px + 2px);height:100%}.split-up-bet-catcher-bottom{bottom:-3px;left:0;right:0;width:100%;height:calc(3px + 2px)}.spleet-bet-catcher{border-radius:50%;top:-15px;left:-15px}.corner-bet-catcher{border-radius:50%;top:-15px;right:-15px}.corner-bet-catcher.bottom{top:auto;bottom:-15px}.double-street-catcher-top-right,.six-lines-catcher{border-radius:50%}.six-lines-catcher{bottom:-15px;right:-15px}.double-street-catcher-top-right{top:-15px;right:-15px}.basket-catcher-bottom,.basket-catcher-top{width:100%;height:5px}.basket-catcher-top{top:-5px}.basket-catcher-bottom{bottom:-5px}.black-item,.red-item,.zero-item{position:relative;border:3px solid #fff;border-right:none;border-bottom:none;padding-top:25px;padding-bottom:25px;text-align:center;width:7.14%;color:#fff}.red-item{background-color:var(--red)!important;color:white!important}.black-item{background-color:var(--black)!important;color:white!important}.zero-item:first-child{border-bottom:1px solid #fff;margin-bottom:-1px}.zero-item{background-color:var(--green)!important;color:white!important;padding-top:50px;padding-bottom:36.8px}.black-item,.column-item,.doz-item,.item-hover,.outside-section,.red-item,.zero-item{transition:background-color .2s ease}.black-item:hover,.item-hover,.red-item:hover,.zero-item:hover{background-color:var(--hover);cursor:pointer}.column-item{position:relative;border:3px solid #fff;border-top:none;padding-top:25px;padding-bottom:25px;text-align:center;width:7.14%;color:#fff;background-color:#16a34a}.column-item[data-action="1ST_COLUMN"]{border-bottom:1px solid #fff;margin-bottom:-1px}.column-item:last-child{border-top:3px solid #fff}.roulette-table-container-second{display:flex;justify-content:center;background:rgba(0,0,0,.3);border:2px solid white;border-radius:8px;width:calc(100% - 7.14% - 7.14%);margin:0 auto;height:70px;flex-flow:row wrap;align-content:flex-start}.doz-item{position:relative;display:flex;justify-content:center;align-items:center;flex:1 1;border:solid #fff;background:rgba(0,0,0,.3)!important;text-align:center;height:100%;font-size:16px;font-weight:700;color:#fff!important;cursor:pointer}.roulette-table-container-third{display:flex;background:rgba(0,0,0,.3);border:2px solid white;border-radius:8px;width:calc(100% - 7.14% - 7.14%);margin:0 auto;flex-flow:row wrap;align-content:flex-start}.outside-section{position:relative;flex:1 1;border:solid #fff;background:rgba(0,0,0,.3)!important;text-align:center;height:70px;font-size:14px;font-weight:700;color:#fff!important;display:flex;justify-content:center;align-items:center;cursor:pointer}.rhomb-red{background-color:var(--red)!important}.rhomb-black,.rhomb-red{display:inline-block;width:30px;height:30px;border:2px solid white;transform:rotate(45deg)}.rhomb-black{background-color:var(--black)!important}.value{transform:rotate(-90deg)}@media (max-width:640px){.roulette-table-container{font-size:18px}.zero-item{padding-bottom:35.3px}.roulette-table-container-second{height:50px}.outside-section{height:60px}}.login-form .form-group input[type=checkbox],.login-form .form-group label{position:relative!important;z-index:10000!important;pointer-events:auto!important;background:transparent!important}