@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}.signin-page{background:linear-gradient(#43b3d3,#0b6d8b,#08445d);justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.signin-page:after{content:"";background:linear-gradient(#0000,#0006);width:100%;height:220px;position:absolute;bottom:0;left:0}.floating-area{width:100%;height:100%;position:absolute;overflow:hidden}.ball{border-radius:50%;justify-content:center;align-items:center;animation:linear infinite floatUp;display:flex;position:absolute;bottom:-100px;box-shadow:inset -5px -5px 15px #0000004d,0 5px 20px #00000059}.ball-inner{color:#222;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:60%;height:60%;font-weight:700;display:flex;box-shadow:inset 1px 1px 3px #0003}.rupee-symbol{font-size:1.2em}@keyframes floatUp{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-120vh)rotate(360deg)}}.particle{background:#ffe86b;border-radius:50%;width:6px;height:6px;animation:2s infinite blink;position:absolute}@keyframes blink{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.5)}}.login-card{z-index:5;background:#fff;border-radius:16px;width:450px;padding:35px 40px;position:relative;box-shadow:0 20px 60px #00000040}.logo-wrapper{justify-content:center;margin-bottom:15px;display:flex}.logo-container{flex-direction:column;justify-content:center;align-items:center;display:flex}.custom-logo{width:50px;height:auto;margin-bottom:4px}.logo-text-small{color:#1e293b;letter-spacing:.5px;font-size:8px;font-weight:700}.login-card h1{text-align:center;color:#1e293b;margin-bottom:6px;font-size:26px;font-weight:700}.login-card p{text-align:center;color:#94a3b8;margin-bottom:30px;font-size:13px;font-weight:500}.login-card label{color:#475569;margin-top:16px;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.input-group-custom{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;height:52px;padding:0 16px;display:flex}.input-group-custom svg{color:#94a3b8;font-size:15px}.input-group-custom input{color:#334155;background:0 0;border:none;outline:none;flex:1;padding:0 12px;font-size:15px}.input-group-custom input::placeholder{color:#94a3b8}.eye-btn{cursor:pointer;color:#7d8ba8;background:0 0;border:none;font-size:18px}.signin-btn{color:#fff;cursor:pointer;background:#08819d;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:52px;margin-top:28px;font-size:16px;font-weight:600;transition:all .3s;display:flex}.signin-btn:hover{background:#076f87;transform:translateY(-2px);box-shadow:0 10px 25px #08819d4d}.footer-text{letter-spacing:2px;color:#94a3b8;justify-content:center;align-items:center;margin-top:35px;font-size:10px;font-weight:700;display:flex}.footer-text:before,.footer-text:after{content:"";border-bottom:1px solid #e2e8f0;flex:1;margin:0 15px}@media (width<=576px){.login-card{width:92%;padding:30px}.login-card h1{font-size:30px}}.dashboard-wrapper{transform-origin:0 0;background-color:#f8fafc;width:117.647vw;height:117.647vh;font-family:Inter,sans-serif;display:flex;position:fixed;top:0;left:0;overflow:hidden;transform:scale(.85)}.sidebar{z-index:10;background-color:#fff;border-right:1px solid #edf2f7;flex-direction:column;width:260px;display:flex;position:relative}.logo-area{border-bottom:1px solid #edf2f7;align-items:center;gap:12px;padding:20px 24px;display:flex}.logo-area img{width:45px;height:auto}.logo-text h4{color:#1e293b;margin:0;font-size:22px;font-weight:800;line-height:1}.logo-text span{color:#94a3b8;letter-spacing:.5px;font-size:10px;font-weight:700}.sidebar ul{flex:1;margin:0;padding:20px 12px;list-style:none;overflow-y:auto}.sidebar ul li{color:#475569;cursor:pointer;border:1.5px solid #0000;border-radius:8px;align-items:center;gap:12px;margin-bottom:6px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex;position:relative}.sidebar ul li svg{color:#64748b;font-size:15px}.sidebar ul li.active{color:#0891b2;background:linear-gradient(90deg,#0891b205 0%,#0891b22e 100%);border:1.5px solid #0000;border-left:4px solid #0891b2;border-radius:8px;font-weight:600}.sidebar ul li.active svg{color:#0891b2}.sidebar ul li.active-parent{color:#0891b2;background-color:#0000;font-weight:600}.sidebar ul li.active-parent svg{color:#0891b2}.sidebar ul li:hover:not(.active):not(.active-parent){background-color:#f1f5f9}.sidebar .sub-menu{margin:0;padding:0;list-style:none}.sidebar .sub-menu li{border:1.5px solid #0000;border-radius:8px;padding-left:36px}.sidebar-badge{color:#fff;background-color:#3b82f6;border-radius:20px;justify-content:center;align-items:center;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.sidebar-badge.danger{background-color:#ef4444}.ms-auto{margin-left:auto;font-size:12px!important}.badge{color:#fff;background-color:#3b82f6;border-radius:10px;margin-left:auto;padding:3px 7px;font-size:10px;font-weight:700}.sidebar-user{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;margin:15px 20px 25px;padding:12px 16px;display:flex}.sidebar-user .avatar,.profile .avatar{color:#fff;background-color:#06b6d4;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:600;display:flex;position:relative}.status-dot{background-color:#22c55e;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;bottom:-2px;right:-2px}.user-info h6{color:#1e293b;margin:0 0 2px;font-size:13px;font-weight:700}.user-info span{color:#f59e0b;font-size:11px;font-weight:600}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{background-color:#fff;border-bottom:1px solid #edf2f7;flex-shrink:0;justify-content:space-between;align-items:center;height:70px;padding:0 30px;display:flex}.topbar .left{color:#1e293b;align-items:center;gap:20px;font-size:15px;font-weight:600;display:flex}.topbar .left svg{cursor:pointer;color:#475569}.topbar .right{align-items:center;gap:24px;display:flex}.topbar .right>svg{color:#64748b;cursor:pointer;font-size:18px}.profile{align-items:center;gap:12px;margin-left:10px;display:flex}.profile div{flex-direction:column;display:flex}.profile strong{color:#1e293b;font-size:13px}.profile small{color:#94a3b8;font-size:11px}.dashboard-content{flex:1;padding:30px 40px;overflow-y:auto}.dashboard-header{background-color:#fff;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:35px;padding:24px 30px;display:flex;box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000003}.header-title{align-items:center;gap:18px;display:flex}.header-icon-box{color:#fff;background-color:#22c55e;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.header-title h2{color:#1e293b;margin:0 0 6px;font-size:20px;font-weight:700}.header-title p{color:#94a3b8;margin:0;font-size:14px;font-weight:500}.date-box{color:#475569;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;padding:8px 16px;font-size:14px;display:flex}.date-box input{color:#475569;background:0 0;border:none;outline:none;font-family:inherit;font-weight:500}.section-title{color:#1e293b;margin-bottom:20px;font-size:16px;font-weight:700}.cards-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px;display:grid}.stat-card{color:#fff;border-radius:12px;justify-content:space-between;padding:18px 16px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a}.stat-content{z-index:2;position:relative}.stat-card h2{color:#fff;letter-spacing:-.5px;margin:0 0 20px;font-size:22px;font-weight:800}.stat-card h5{margin:0 0 6px;font-size:11px;font-weight:600}.stat-card .icon{color:#ffffffe6;z-index:1;font-size:18px;position:absolute;top:18px;right:16px}.stat-card.green{background:linear-gradient(135deg,#22c55e,#15803d)}.stat-card.red{background:linear-gradient(135deg,#ec4899,#e11d48)}.stat-card.blue{background:linear-gradient(135deg,#3b82f6,#1e3a8a)}.stat-card.purple{background:linear-gradient(135deg,#a855f7,#7e22ce)}.stat-card.orange{background:linear-gradient(135deg,#f97316,#c2410c)}@media (width<=1200px){.cards-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=992px){.cards-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.sidebar{height:100%;transition:transform .3s;position:absolute;transform:translate(-100%)}.cards-grid{grid-template-columns:1fr}.dashboard-header{flex-direction:column;align-items:flex-start;gap:20px}}.custom-tooltip-wrapper{cursor:pointer;display:flex;position:relative}.custom-tooltip{visibility:hidden;color:#fff;text-align:center;z-index:100;opacity:0;white-space:nowrap;background-color:#222;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:opacity .2s,visibility .2s;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 4px 6px #0000004d}.custom-tooltip:after{content:"";border:5px solid #0000;border-bottom-color:#222;margin-left:-5px;position:absolute;bottom:100%;left:50%}.custom-tooltip-wrapper:hover .custom-tooltip{visibility:visible;opacity:1}.notification-wrapper{align-items:center;display:flex;position:relative}.bell-icon-container{cursor:pointer;align-items:center;display:flex;position:relative}.bell-badge{background-color:#ef4444;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;right:-2px}.notification-dropdown{z-index:1000;background-color:#fff;border:1px solid #edf2f7;border-radius:12px;width:320px;padding:16px;animation:.2s ease-out dropdownFadeIn;position:absolute;top:calc(100% + 15px);right:-10px;box-shadow:0 10px 25px #0000001a}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-dropdown:before{content:"";background-color:#fff;border-top:1px solid #edf2f7;border-left:1px solid #edf2f7;width:12px;height:12px;position:absolute;top:-6px;right:12px;transform:rotate(45deg)}.notification-item{align-items:center;gap:15px;margin-bottom:16px;display:flex}.notification-icon{color:#fff;background-color:#f59e0b;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex}.notification-text h6{color:#1e293b;margin:0 0 4px;font-size:14px;font-weight:700}.notification-text p{color:#94a3b8;margin:0;font-size:12px}.view-all-btn{color:#0ea5e9;cursor:pointer;background-color:#f1f5f9;border:none;border-radius:8px;width:100%;padding:12px;font-size:13px;font-weight:700;transition:background-color .2s}.view-all-btn:hover{background-color:#e2e8f0}body.dark-mode{color:#e2e8f0;background-color:#0f172a}body.dark-mode .dashboard-wrapper{background-color:#0f172a}body.dark-mode .sidebar{background-color:#1e293b;border-right:1px solid #334155}body.dark-mode .sidebar .logo-text h4{color:#f8fafc}body.dark-mode .sidebar ul li{color:#cbd5e1;border:1.5px solid #0000}body.dark-mode .sidebar ul li:hover:not(.active):not(.active-parent){color:#fff;background-color:#334155}body.dark-mode .sidebar ul li.active{color:#06b6d4;background:linear-gradient(90deg,#06b6d405 0%,#06b6d438 100%);border:1.5px solid #0000;border-left:4px solid #06b6d4;border-radius:8px}body.dark-mode .sidebar ul li.active svg{color:#06b6d4}body.dark-mode .sidebar ul li.active-parent{color:#06b6d4;background-color:#0000}body.dark-mode .sidebar ul li.active-parent svg{color:#06b6d4}body.dark-mode .sidebar .sub-menu li{color:#94a3b8}body.dark-mode .sidebar .sub-menu li:hover{color:#fff}body.dark-mode .sidebar .sub-menu li.active{color:#06b6d4}body.dark-mode .sidebar-user{background-color:#0f172a;border:1px solid #334155}body.dark-mode .sidebar-user h6{color:#f8fafc}body.dark-mode .sidebar-user span{color:#94a3b8}body.dark-mode .topbar{color:#e2e8f0;background-color:#1e293b;border-bottom:1px solid #334155}body.dark-mode .topbar h5{color:#f8fafc}body.dark-mode .topbar .topbar-icons{color:#94a3b8}body.dark-mode .topbar .topbar-icons svg:hover{color:#fff}body.dark-mode .topbar .profile strong{color:#f8fafc}body.dark-mode .topbar .profile small{color:#94a3b8}body.dark-mode .section-title{color:#f8fafc}body.dark-mode .dashboard-card,body.dark-mode .chart-card{background-color:#1e293b;border:1px solid #334155}body.dark-mode .dashboard-card h3{color:#f8fafc}body.dark-mode .info-row span{color:#cbd5e1}body.dark-mode .info-row strong,body.dark-mode .chart-card h4{color:#f8fafc}body.dark-mode .chart-card .subtitle{color:#94a3b8}body.dark-mode .sales-amount{color:#f8fafc}body.dark-mode .dashboard-header{box-shadow:none;background-color:#1e293b}body.dark-mode .header-title h2{color:#f8fafc}body.dark-mode .date-box{color:#cbd5e1;background-color:#0f172a;border-color:#334155}body.dark-mode .date-box input{color:#f8fafc}body.dark-mode .bell-badge{border-color:#1e293b}body.dark-mode .notification-dropdown{background-color:#1e293b;border-color:#334155;box-shadow:0 10px 25px #00000080}body.dark-mode .notification-dropdown:before{background-color:#1e293b;border-color:#334155}body.dark-mode .notification-text h6{color:#f8fafc}body.dark-mode .view-all-btn{background-color:#0f172a}body.dark-mode .view-all-btn:hover{background-color:#334155}.profile-wrapper{cursor:pointer;position:relative}.profile-wrapper .profile{border:1px solid #0000;border-radius:30px;align-items:center;gap:12px;padding:6px 16px 6px 6px;transition:all .2s;display:flex}.profile-wrapper .profile.active{background-color:#e0f2fe;border-color:#bae6fd}.profile-dropdown{z-index:100;background-color:#fff;border-radius:12px;min-width:180px;padding:8px 0;animation:.2s ease-out modalFadeIn;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 4px 20px #0000001a}.profile-dropdown-item{color:#334155;cursor:pointer;align-items:center;gap:12px;padding:12px 20px;font-size:14px;transition:background-color .2s;display:flex}.profile-dropdown-item:hover{background-color:#f8fafc}.profile-dropdown-item.logout{color:#ef4444;border-top:1px solid #f1f5f9}.profile-dropdown-item.logout:hover{background-color:#fef2f2}body.dark-mode .profile-wrapper .profile.active{background-color:#1e293b;border-color:#334155}body.dark-mode .profile-dropdown{background-color:#1e293b;border:1px solid #334155;box-shadow:0 10px 25px #00000080}body.dark-mode .profile-dropdown-item{color:#e2e8f0}body.dark-mode .profile-dropdown-item:hover{background-color:#0f172a}body.dark-mode .profile-dropdown-item.logout{color:#ef4444;border-top-color:#334155}body.dark-mode .profile-dropdown-item.logout:hover{background-color:#ef44441a}.charts-grid{grid-template-columns:2fr 1fr;gap:20px;margin-bottom:20px;display:grid}.chart-card{background:#fff;border:1px solid #eee;border-radius:12px;padding:20px;box-shadow:0 4px 6px -1px #0000000d}.chart-title{color:#475569;margin-bottom:20px;font-size:14px;font-weight:600}.full-width-chart{background:#fff;border:1px solid #eee;border-radius:12px;margin-bottom:40px;padding:20px;box-shadow:0 4px 6px -1px #0000000d}@media (width<=992px){.charts-grid{grid-template-columns:1fr}}body.dark-mode .chart-card,body.dark-mode .full-width-chart{background-color:#1e293b;border-color:#334155}body.dark-mode .chart-title{color:#f8fafc}.custom-recharts-tooltip{background-color:#fff;border:1px solid #f1f5f9;border-radius:8px;padding:12px;font-family:Inter,sans-serif;box-shadow:0 10px 15px -3px #0000001a}body.dark-mode .custom-recharts-tooltip{color:#f8fafc;background-color:#1e293b;border-color:#334155}.dashboard-wrapper.shrunk .sidebar{width:80px}.dashboard-wrapper.shrunk .sidebar .logo-area{justify-content:center;padding:20px 0}.dashboard-wrapper.shrunk .sidebar .logo-text{display:none}.dashboard-wrapper.shrunk .sidebar ul li{justify-content:center;padding:15px 0;font-size:0}.dashboard-wrapper.shrunk .sidebar ul li svg{font-size:20px;margin:0!important}.dashboard-wrapper.shrunk .sidebar ul li .ms-auto,.dashboard-wrapper.shrunk .sidebar ul li .notification-badge,.dashboard-wrapper.shrunk .sidebar ul li .sidebar-badge{display:none!important}.dashboard-wrapper.shrunk .sidebar-user{justify-content:center;padding:20px 0}.dashboard-wrapper.shrunk .sidebar-user .user-info{display:none}.dashboard-wrapper.shrunk .sub-menu{display:none!important}.sidebar,.main-content{transition:width .3s,margin-left .3s}.lottery-page{background-color:#f8fafc;min-height:100%;padding:30px 40px}.page-header{background-color:#fff;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:25px;padding:24px 30px;display:flex;box-shadow:0 2px 4px #00000005}.header-icon{color:#fff;background-color:#f59e0b;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.header-left h2{color:#1e293b;margin:0 0 5px;font-size:20px;font-weight:700}.header-left p{color:#94a3b8;margin:0;font-size:14px}.btn-light{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-weight:600;display:flex}.btn-primary{color:#fff;cursor:pointer;background-color:#0ea5e9;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-weight:600;display:flex}.tabs-container{margin-bottom:30px}.tabs{border-bottom:1px solid #e2e8f0;gap:25px;padding-bottom:10px;display:flex}.tab{color:#64748b;cursor:pointer;padding-bottom:10px;font-size:15px;font-weight:600;position:relative}.tab.active{color:#1e293b}.tab.active:after{content:"";background-color:#0ea5e9;border-radius:3px 3px 0 0;width:100%;height:3px;position:absolute;bottom:-11px;left:0}.category-section{background-color:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 4px #00000005}.category-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;display:flex}.category-header h4{color:#1e293b;align-items:center;gap:15px;margin:0;font-size:16px;display:flex}.count{color:#94a3b8;font-size:12px;font-weight:400}.btn-text{color:#0ea5e9;cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;font-weight:600;display:flex}.lottery-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.lottery-card{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000000d}.card-top{color:#fff;justify-content:space-between;min-height:140px;padding:20px;display:flex}.lottery-card.blue .card-top{background:linear-gradient(135deg,#0284c7,#0ea5e9)}.lottery-card.pink .card-top{background:linear-gradient(135deg,#d946ef,#e879f9)}.lottery-card.purple .card-top{background:linear-gradient(135deg,#6200ea,#9c27b0)}.card-info{flex-direction:column;justify-content:space-between;display:flex}.type{color:#fffc;font-size:11px}.badge{color:#fff;text-align:center;background-color:#2563eb;border-radius:12px;padding:6px 10px;font-size:10px;font-weight:700;line-height:1.4;display:inline-block}.lottery-card.pink .badge{background-color:#a21caf}.lottery-card.purple .badge{background-color:#3f51b5}.card-prize{text-align:right;flex-direction:column;justify-content:space-between;display:flex}.card-prize p{color:#ffffffe6;margin:0;font-size:10px;font-weight:600}.card-prize h3{margin:2px 0 8px;font-size:24px;font-weight:800}.ticket-price{margin-bottom:8px!important;font-size:11px!important}.btn-play{color:#0284c7;cursor:pointer;background-color:#fff;border:none;border-radius:20px;padding:6px 15px;font-size:12px;font-weight:800}.lottery-card.pink .btn-play{color:#d946ef}.lottery-card.purple .btn-play{color:#6200ea}.card-stats{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:15px 20px}.stat-row{color:#64748b;justify-content:space-between;margin-bottom:8px;font-size:11px;display:flex}.stat-row:last-child{margin-bottom:0}.stat-row strong{color:#1e293b}.card-actions{background-color:#fff;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.action-btns{gap:8px;display:flex}.btn-detail{color:#fff;cursor:pointer;background-color:#0ea5e9;border:none;border-radius:4px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;display:flex}.btn-icon{color:#64748b;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:4px;padding:5px 8px}.text-danger{color:#ef4444;border-color:#fca5a5}.toggle-switch{color:#64748b;align-items:center;gap:8px;font-size:12px;display:flex}body.dark-mode .lottery-page{background-color:#0f172a}body.dark-mode .page-header{box-shadow:none;background-color:#1e293b}body.dark-mode .header-left h2{color:#f8fafc}body.dark-mode .btn-light{color:#cbd5e1;background-color:#1e293b;border-color:#334155}body.dark-mode .tabs{border-bottom:1px solid #334155}body.dark-mode .tab{color:#94a3b8}body.dark-mode .tab.active{color:#f8fafc}body.dark-mode .category-section{box-shadow:none;background-color:#1e293b}body.dark-mode .category-header{border-bottom:1px solid #334155}body.dark-mode .category-header h4{color:#f8fafc}body.dark-mode .lottery-card{border:1px solid #334155}body.dark-mode .card-stats{background-color:#0f172a;border-bottom:1px solid #334155}body.dark-mode .stat-row strong{color:#f8fafc}body.dark-mode .card-actions{background-color:#1e293b}body.dark-mode .btn-icon{color:#94a3b8;border-color:#334155}.lottery-logo{object-fit:contain;height:40px;margin-bottom:5px}.timer-badge{color:#fff;background-color:#0006;border-radius:12px;gap:4px;padding:4px 8px;font-size:11px;display:inline-flex}.timer-badge strong{font-size:13px}.closed-badge{color:#fff;background-color:#ef4444;border-radius:10px;align-self:flex-end;margin-bottom:5px;padding:2px 6px;font-size:9px;font-weight:700}.last-results{align-items:center;gap:4px;display:flex}.result-ball.color-0{color:#f59e0b}.result-ball.color-1{color:#0ea5e9}.result-ball.color-2{color:#3b82f6}.result-ball.color-3{color:#22c55e}.empty-dash{color:#94a3b8;font-weight:700}.custom-toggle{width:70px;height:24px;display:inline-block;position:relative}.custom-toggle input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:#d1d5db;border-radius:24px;align-items:center;transition:all .4s;display:flex;position:absolute;inset:0}.toggle-slider:before{content:"";z-index:2;background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .4s;position:absolute;bottom:2px;left:2px;box-shadow:0 1px 3px #0000004d}.toggle-text{color:#6b7280;text-align:right;-webkit-user-select:none;user-select:none;width:100%;padding-right:8px;font-size:11px;font-weight:700}input:checked+.toggle-slider .toggle-text{color:#fff;text-align:left;padding-left:10px}.badge-yellow{color:#fff!important;background-color:#f59e0b!important}.wide-card{grid-column:span 2}@media (width<=992px){.wide-card{grid-column:span 1}}.pending-draw-alert{background-color:#fffbeb;border:1px solid #fcd34d;border-left:none;border-right:none;flex-direction:column;gap:10px;padding:10px 15px;display:flex}.pending-draw-alert .alert-text{color:#b45309;font-size:11px;font-weight:600}.pending-draw-alert .alert-time{color:#f59e0b;border:1px solid #f59e0b;border-radius:12px;align-items:center;gap:5px;width:max-content;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.dubai-bg-logo{opacity:.1;pointer-events:none;height:120%;position:absolute;top:50%;right:-20px;transform:translateY(-50%)}.lottery-card{position:relative;overflow:hidden}.result-ball-plain{color:#1e293b;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.lottery-card.magenta .card-top{background:linear-gradient(135deg,#be185d,#db2777)}.lottery-card.magenta .badge{background-color:#9d174d}.lottery-card.magenta .btn-play{color:#be185d}.global-draw-alert{background-color:#fffbeb;border:1px solid #fde68a;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 20px;display:flex}.global-draw-alert .alert-content{align-items:center;gap:12px;display:flex}.global-draw-alert .alert-icon{color:#fff;background-color:#f59e0b;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-weight:700;display:flex}.global-draw-alert strong{color:#334155;font-size:14px;display:block}.global-draw-alert p{color:#475569;margin:4px 0 0;font-size:13px}.global-draw-alert .btn-review{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 16px;font-weight:600}.create-dropdown-item{cursor:pointer;color:#1e293b;padding:10px 16px;font-size:14px;transition:background-color .2s}.create-dropdown-item:hover{color:#0ea5e9;background-color:#f1f5f9}body.dark-mode .create-dropdown-menu{background-color:#1e293b!important;border-color:#334155!important}body.dark-mode .create-dropdown-item{color:#f8fafc!important}body.dark-mode .create-dropdown-item:hover{background-color:#334155!important}.lottery-details-page{padding:20px}.ld-top-bar{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.btn-back,.btn-refresh,.btn-pause-header{cursor:pointer;color:#475569;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}body.dark-mode .btn-back,body.dark-mode .btn-refresh,body.dark-mode .btn-pause-header{color:#94a3b8;background-color:#1e293b;border-color:#334155}.btn-back:hover,.btn-refresh:hover,.btn-pause-header:hover{background-color:#f8fafc}body.dark-mode .btn-back:hover,body.dark-mode .btn-refresh:hover,body.dark-mode .btn-pause-header:hover{background-color:#334155}.ld-main-card{background-color:#fff;border:1px solid #f1f5f9;border-radius:12px;padding:0;overflow:hidden;box-shadow:0 1px 3px #0000000d}body.dark-mode .ld-main-card{background-color:#1e293b;border-color:#334155}.ld-game-header{align-items:center;gap:20px;padding:25px 30px;display:flex}.ld-icon-box{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;font-size:20px;display:flex}.ld-title-block h2{color:#1e293b;margin:0 0 5px;font-size:22px;font-weight:700}body.dark-mode .ld-title-block h2{color:#f8fafc}.ld-title-block p{color:#94a3b8;margin:0;font-size:13px}.ld-tabs{border-bottom:1px solid #f1f5f9;gap:30px;padding:0 30px;display:flex}body.dark-mode .ld-tabs{border-bottom-color:#334155}.ld-tab{color:#64748b;cursor:pointer;border-bottom:3px solid #0000;align-items:center;gap:8px;padding:15px 0;font-size:14px;font-weight:600;transition:all .2s;display:flex}.ld-tab-icon{font-size:15px}.ld-tab:hover{color:#1e293b}body.dark-mode .ld-tab:hover{color:#cbd5e1}.ld-tab.active{color:#06b6d4;border-bottom-color:#06b6d4}.ld-tab-content{padding:30px}.ld-data-grid{border:1px solid #f1f5f9;border-radius:12px;margin-bottom:30px;overflow:hidden}body.dark-mode .ld-data-grid{border-color:#334155}.ld-grid-row{border-bottom:1px solid #f1f5f9;grid-template-columns:repeat(3,1fr);display:grid}body.dark-mode .ld-grid-row{border-bottom-color:#334155}.ld-grid-row:last-child{border-bottom:none}.ld-grid-col{border-right:1px solid #f1f5f9;align-items:center;padding:20px;display:flex}body.dark-mode .ld-grid-col{border-right-color:#334155}.ld-grid-col:last-child{border-right:none}.ld-label{color:#64748b;flex:0 0 140px;font-size:13px}.ld-val{color:#1e293b;flex:1;font-size:13px;font-weight:500}body.dark-mode .ld-val{color:#f8fafc}.ld-val strong{font-weight:700}.pill{border-radius:4px;align-items:center;margin-right:8px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.pill-purple{color:#a855f7;background-color:#f3e8ff}body.dark-mode .pill-purple{background-color:#a855f733}.pill-green{color:#10b981;background-color:#dcfce7}body.dark-mode .pill-green{background-color:#10b98133}.pill-gray{color:#475569;background-color:#f1f5f9}body.dark-mode .pill-gray{color:#cbd5e1;background-color:#334155}.pill-lightgreen{color:#10b981;background-color:#ecfdf5}body.dark-mode .pill-lightgreen{background-color:#10b9811a}.ld-game-control{align-items:center;gap:40px;padding:20px 0 0 20px;display:flex}.ld-control-header{color:#1e293b;font-size:12px;font-weight:700}body.dark-mode .ld-control-header{color:#f8fafc}.ld-control-header span{color:#64748b;font-weight:400}.ld-control-actions{gap:15px;display:flex}.btn-outline,.btn-outline-danger{cursor:pointer;background-color:#0000;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.btn-outline{color:#475569;border:1px solid #e2e8f0}body.dark-mode .btn-outline{color:#cbd5e1;border-color:#334155}.btn-outline:hover{background-color:#f1f5f9}body.dark-mode .btn-outline:hover{background-color:#334155}.btn-outline-danger{color:#ef4444;border:1px solid #fca5a5}body.dark-mode .btn-outline-danger{border-color:#ef444480}body.dark-mode .btn-outline-danger:hover{background-color:#ef44441a}.ld-empty-tab{text-align:center;color:#94a3b8;padding:50px;font-size:14px}.create-lottery-page{padding:20px}.cl-top-bar{margin-bottom:25px}.cl-main-card{background-color:#fff;border:1px solid #f1f5f9;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}body.dark-mode .cl-main-card{background-color:#1e293b;border-color:#334155}.cl-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:25px 30px;display:flex}body.dark-mode .cl-header{border-bottom-color:#334155}.cl-header-left{align-items:center;gap:20px;display:flex}.cl-icon-box{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;font-size:20px;display:flex}.cl-title-block h2{color:#1e293b;margin:0 0 5px;font-size:20px;font-weight:700}body.dark-mode .cl-title-block h2{color:#f8fafc}.cl-title-block p{color:#94a3b8;margin:0;font-size:13px}.cl-wizard-container{padding:40px}.cl-stepper{justify-content:space-between;margin-bottom:50px;display:flex;position:relative}.cl-step{flex:1;align-items:center;gap:15px;display:flex;position:relative}.cl-step:last-child{flex:0}.cl-step-indicator{align-items:center;width:100%;display:flex}.cl-step-circle{color:#94a3b8;z-index:2;background-color:#f1f5f9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}body.dark-mode .cl-step-circle{color:#64748b;background-color:#334155}.cl-step.active .cl-step-circle{color:#fff;background-color:#06b6d4}.cl-step-line{background-color:#f1f5f9;flex:1;height:2px;margin:0 15px}body.dark-mode .cl-step-line{background-color:#334155}.cl-step-text{text-align:center;min-width:120px;position:absolute;top:45px;left:16px;transform:translate(-50%)}.cl-step-title{color:#cbd5e1;margin-bottom:3px;font-size:14px;font-weight:600}.cl-step.active .cl-step-title{color:#1e293b}body.dark-mode .cl-step.active .cl-step-title{color:#f8fafc}.cl-step-subtitle{color:#94a3b8;font-size:11px}.cl-form-content{margin-top:60px}.cl-section-title{color:#1e293b;margin-bottom:20px;font-size:14px;font-weight:600}body.dark-mode .cl-section-title{color:#f8fafc}.cl-toggle-group{margin-bottom:20px}.cl-toggle-switch{color:#64748b;cursor:pointer;background-color:#f1f5f9;border-radius:20px;align-items:center;gap:10px;padding:6px 6px 6px 12px;font-size:12px;font-weight:600;transition:all .3s;display:inline-flex}body.dark-mode .cl-toggle-switch{color:#cbd5e1;background-color:#334155}.cl-toggle-switch.active{color:#fff;background-color:#06b6d4}.cl-toggle-thumb{background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .3s;transform:translate(0);box-shadow:0 1px 2px #0000001a}.cl-toggle-switch.active .cl-toggle-thumb{transform:translate(2px)}.cl-info-alert{background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;gap:15px;margin-bottom:30px;padding:20px;display:flex}body.dark-mode .cl-info-alert{background-color:#2563eb1a;border-color:#2563eb33}.cl-alert-icon{color:#3b82f6;flex-shrink:0;margin-top:2px;font-size:20px}.cl-alert-content h4{color:#1e293b;margin:0 0 5px;font-size:14px;font-weight:600}body.dark-mode .cl-alert-content h4{color:#f8fafc}.cl-alert-content p{color:#64748b;margin:0;font-size:13px}.cl-input-row{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:60px;display:grid}.cl-input-group label{color:#64748b;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.cl-input-group input{color:#1e293b;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:12px 15px;font-size:14px}body.dark-mode .cl-input-group input{color:#f8fafc;background-color:#1e293b;border-color:#334155}.cl-input-group input:focus{border-color:#06b6d4}.cl-input-hint{color:#94a3b8;margin-top:5px;font-size:11px;display:block}.cl-footer-actions{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:25px;display:flex}body.dark-mode .cl-footer-actions{border-top-color:#334155}.cl-footer-right{gap:15px;display:flex}.btn-wizard-prev,.btn-wizard-cancel{cursor:pointer;color:#94a3b8;background-color:#f1f5f9;border:none;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:600}body.dark-mode .btn-wizard-prev,body.dark-mode .btn-wizard-cancel{color:#64748b;background-color:#334155}.btn-wizard-cancel{color:#475569;background-color:#0000;border:1px solid #e2e8f0}body.dark-mode .btn-wizard-cancel{color:#cbd5e1;border-color:#334155}.btn-wizard-next{cursor:pointer;color:#fff;background-color:#0891b2;border:none;border-radius:8px;padding:10px 25px;font-size:13px;font-weight:600}.btn-wizard-next:hover{background-color:#06b6d4}.cl-step.completed .cl-step-circle{color:#10b981;background-color:#dcfce7}body.dark-mode .cl-step.completed .cl-step-circle{background-color:#10b98133}.cl-step-line.completed-line{background-color:#06b6d4}.mb-25{margin-bottom:25px}.label-row{justify-content:space-between;align-items:flex-end;display:flex}.char-count{color:#94a3b8;font-size:11px}.cl-input-row-half{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:25px;display:grid}.input-with-prefix{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;display:flex;overflow:hidden}body.dark-mode .input-with-prefix{background-color:#1e293b;border-color:#334155}.input-with-prefix:focus-within{border-color:#06b6d4}.input-prefix{color:#475569;background-color:#f8fafc;border-right:1px solid #e2e8f0;padding:12px 15px;font-size:13px;font-weight:600}body.dark-mode .input-prefix{color:#94a3b8;background-color:#0f172a;border-color:#334155}.input-with-prefix input{flex:1;border:none!important;border-radius:0!important}.input-with-prefix input:focus{box-shadow:none!important;border:none!important}.color-picker-box{cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:12px;height:44px;padding:8px 12px;display:flex}body.dark-mode .color-picker-box{background-color:#1e293b;border-color:#334155}.color-picker-box span{color:#1e293b;font-size:14px;font-weight:500}body.dark-mode .color-picker-box span{color:#f8fafc}.color-swatch{border:1px solid #e2e8f0;border-radius:4px;width:28px;height:28px;position:relative;overflow:hidden}body.dark-mode .color-swatch{border-color:#334155}.transparent-swatch{background:repeating-conic-gradient(#f8fafc 0% 25%,#fff 0% 50%) 50%/8px 8px}body.dark-mode .transparent-swatch{background:repeating-conic-gradient(#1e293b 0% 25%,#0f172a 0% 50%) 50%/8px 8px}.red-slash{background-color:#ef4444;width:2px;height:40px;position:absolute;top:-5px;left:13px;transform:rotate(45deg)}textarea{color:#1e293b;resize:vertical;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:12px 15px;font-family:inherit;font-size:14px}body.dark-mode textarea{color:#f8fafc;background-color:#1e293b;border-color:#334155}textarea:focus{border-color:#06b6d4}.bg-gray-100{cursor:not-allowed;color:#94a3b8!important;background-color:#f1f5f9!important}body.dark-mode .bg-gray-100{color:#475569!important;background-color:#0f172a!important}.cl-toggle-switch.inactive{color:#64748b;background-color:#f1f5f9}body.dark-mode .cl-toggle-switch.inactive{color:#94a3b8;background-color:#334155}.input-with-postfix{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;display:flex;overflow:hidden}body.dark-mode .input-with-postfix{background-color:#1e293b;border-color:#334155}.input-with-postfix:focus-within{border-color:#06b6d4}.input-postfix{color:#475569;background-color:#f8fafc;border-left:1px solid #e2e8f0;padding:12px 15px;font-size:13px;font-weight:600}body.dark-mode .input-postfix{color:#94a3b8;background-color:#0f172a;border-color:#334155}.input-with-postfix input{flex:1;border:none!important;border-radius:0!important}.input-with-postfix input:focus{box-shadow:none!important;border:none!important}.cl-upload-row{gap:30px;display:flex}.cl-upload-group{flex-direction:column;flex:1;display:flex}.cl-upload-group label{color:#64748b;margin-bottom:8px;font-size:12px;font-weight:600}.cl-upload-box{color:#94a3b8;cursor:pointer;background-color:#f8fafc;border:2px dashed #e2e8f0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;height:120px;margin-bottom:10px;font-size:13px;font-weight:500;transition:all .2s;display:flex}body.dark-mode .cl-upload-box{color:#64748b;background-color:#0f172a;border-color:#334155}.cl-upload-box:hover{color:#0891b2;border-color:#06b6d4}.plus-icon{margin-bottom:5px;font-size:24px;font-weight:300}.cl-link-input{color:#1e293b;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%2394a3b8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"></path><path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"></path></svg>");background-position:12px;background-repeat:no-repeat;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 15px 10px 35px;font-size:12px}body.dark-mode .cl-link-input{color:#f8fafc;background-color:#1e293b;border-color:#334155}.cl-subheading-divider{text-align:center;color:#94a3b8;align-items:center;margin:40px 0 25px;font-size:13px;font-weight:500;display:flex}.cl-subheading-divider:before,.cl-subheading-divider:after{content:"";border-bottom:1px solid #f1f5f9;flex:1}body.dark-mode .cl-subheading-divider:before,body.dark-mode .cl-subheading-divider:after{border-bottom-color:#334155}.cl-subheading-divider span{padding:0 15px}.cl-status-row{gap:30px;display:flex}.btn-wizard-create{cursor:pointer;color:#fff;background-color:#0891b2;border:none;border-radius:8px;padding:10px 25px;font-size:13px;font-weight:600}.btn-wizard-create:hover{background-color:#06b6d4}.page-card{background-color:#fff;border-radius:12px;padding:25px 30px;box-shadow:0 2px 4px #00000005}.draw-header{align-items:center;gap:15px;margin-bottom:25px;display:flex}.draw-header-icon{color:#fff;background-color:#ef4444;border-radius:10px;justify-content:center;align-items:center;width:45px;height:45px;font-size:20px;display:flex}.draw-header-info h2{color:#1e293b;margin:0 0 2px;font-size:22px;font-weight:700}.draw-header-info p{color:#94a3b8;margin:0;font-size:13px}.draw-tabs{border-bottom:1px solid #e2e8f0;gap:30px;margin-bottom:25px;display:flex}.draw-tab{color:#1e293b;cursor:pointer;padding-bottom:15px;font-size:15px;font-weight:600;position:relative}.draw-tab:not(.active){color:#64748b}.draw-tab.active:after{content:"";background-color:#06b6d4;width:100%;height:3px;position:absolute;bottom:-1px;left:0}.filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px;display:flex}.filter-left{align-items:center;gap:15px;display:flex}.search-box{align-items:center;display:flex;position:relative}.search-box input{color:#1e293b;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:200px;padding:10px 15px 10px 35px}.filter-select{color:#64748b;appearance:none;background:#fff url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" fill=\"%2364748b\" viewBox=\"0 0 16 16\"><path d=\"M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z\"/></svg>") right 12px center no-repeat;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:10px 35px 10px 15px}.date-range-box input{color:#94a3b8;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:220px;padding:10px 15px}.btn-icon{color:#64748b;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.filter-right{gap:15px;display:flex}.btn-outline{color:#1e293b;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 18px;font-weight:600}.custom-table{border-collapse:collapse;width:100%}.custom-table th{text-align:left;color:#64748b;letter-spacing:.5px;border-bottom:1px solid #e2e8f0;padding:15px;font-size:11px;font-weight:700}.custom-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:18px 15px;font-size:13px}.custom-table tbody tr:hover,.selected-row{background-color:#f0fdfa!important}.custom-table tbody tr:hover td:first-child,.selected-row td:first-child{box-shadow:inset 4px 0 #06b6d4}body.dark-mode .custom-table tbody tr:hover,body.dark-mode .selected-row{background-color:#06b6d41a!important}.text-dark{color:#1e293b;font-weight:500}.font-weight-bold{font-weight:700}.font-mono{font-family:monospace}.text-sm{font-size:12px}.text-success{color:#10b981}.text-danger{color:#ef4444}.text-primary{color:#0ea5e9}.game-cell{flex-direction:column;gap:5px;display:flex}.game-cell strong{color:#1e293b;font-size:14px}.ga.medal-icon.bronze{color:#7f1d1d;background-color:#fca5a5}.cancel-modal{border-radius:12px;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;background-color:#fff!important;width:90%!important;max-width:450px!important;padding:25px 30px!important}body.dark-mode .cancel-modal{background-color:#1e293b!important}.cancel-modal-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.cancel-modal-header h3{color:#1e293b;margin:0;font-size:16px;font-weight:600}body.dark-mode .cancel-modal-header h3{color:#f8fafc}.warning-icon{color:#f59e0b;font-size:20px}.cancel-modal-desc{color:#475569;margin:0 0 25px;font-size:14px;line-height:1.5}body.dark-mode .cancel-modal-desc{color:#94a3b8}.cancel-modal-actions{justify-content:flex-end;gap:12px;display:flex}.btn-cancel,.btn-ok{cursor:pointer;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.btn-cancel{color:#334155;background-color:#fff;border:1px solid #cbd5e1}body.dark-mode .btn-cancel{color:#cbd5e1;background-color:#1e293b;border-color:#475569}body.dark-mode .btn-cancel:hover{background-color:#334155}.btn-ok{color:#fff;background-color:#ef4444;border:1px solid #ef4444}.btn-ok:hover{background-color:#dc2626}.btn-ok-blue{cursor:pointer;color:#fff;background-color:#3b82f6;border:1px solid #3b82f6;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.btn-ok-blue:hover{background-color:#2563eb}.game-badge{color:#64748b;background-color:#f1f5f9;border-radius:12px;width:max-content;padding:3px 8px;font-size:10px;display:inline-block}.time-cell{color:#475569;flex-direction:column;display:flex}.status-pill.open{color:#10b981;background-color:#dcfce7}.status-pill.open .dot{background-color:#10b981}.status-pill.settled{color:#3b82f6;background-color:#e0f2fe}.status-pill.settled .dot{background-color:#3b82f6}.dot{border-radius:50%;width:6px;height:6px}.result-balls{gap:5px;display:flex}.result-ball{border:1.5px solid;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:flex}.action-cell{align-items:center;gap:15px;display:flex}.btn-link{cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:13px;font-weight:600;display:flex}.mode-badge{letter-spacing:.5px;border-radius:4px;align-items:center;gap:4px;width:70px;padding:3px 6px;font-size:9px;font-weight:800;display:inline-flex}.mode-badge .dot{width:4px;height:4px}.mode-manual{color:#f59e0b}.mode-manual .dot{background-color:#f59e0b}.mode-auto{color:#10b981}.mode-auto .dot{background-color:#10b981}.mode-smart{color:#d946ef}.mode-smart .dot{background-color:#d946ef}.pagination-wrapper{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:25px;padding-top:15px;display:flex}.total-items{color:#64748b;font-size:13px}.pagination{align-items:center;gap:5px;display:flex}.page-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;display:flex}.page-btn.active{color:#0ea5e9;background-color:#e0f2fe;font-weight:600}.page-dots{color:#64748b}.page-size-select{color:#64748b;appearance:none;background:#fff url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" fill=\"%2364748b\" viewBox=\"0 0 16 16\"><path d=\"M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z\"/></svg>") right 10px center no-repeat;border:1px solid #e2e8f0;border-radius:6px;outline:none;padding:6px 30px 6px 10px;font-size:13px}body.dark-mode .page-card{box-shadow:none;background-color:#1e293b}body.dark-mode .draw-header-info h2{color:#f8fafc}body.dark-mode .draw-tabs{border-bottom:1px solid #334155}body.dark-mode .draw-tab{color:#f8fafc}body.dark-mode .draw-tab:not(.active){color:#94a3b8}body.dark-mode .search-box input,body.dark-mode .filter-select,body.dark-mode .date-range-box input{color:#f8fafc;background-color:#0f172a;border-color:#334155}body.dark-mode .btn-icon,body.dark-mode .btn-outline{color:#f8fafc;background-color:#1e293b;border-color:#334155}body.dark-mode .custom-table th,body.dark-mode .custom-table td,body.dark-mode .pagination-wrapper{border-color:#334155}body.dark-mode .text-dark,body.dark-mode .time-cell,body.dark-mode .game-cell strong{color:#f8fafc!important}body.dark-mode .text-muted{color:#cbd5e1!important}body.dark-mode .text-primary{color:#38bdf8!important}body.dark-mode .game-badge{color:#cbd5e1;background-color:#334155}body.dark-mode .status-pill.open{background-color:#10b98133}body.dark-mode .status-pill.settled{background-color:#3b82f633}body.dark-mode .page-btn.active{background-color:#0ea5e933}body.dark-mode .page-size-select{color:#f8fafc;background-color:#0f172a;border-color:#334155}.modal-overlay{background-color:#0f172a99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;z-index:99999!important}.modal-content{background-color:#fff;border-radius:12px;width:90%;max-width:800px;padding:30px 40px;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.result-mode-modal{background-color:#fff!important}.modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:18px;position:absolute;top:20px;right:25px}.modal-title{color:#1e293b;margin-top:0;margin-bottom:20px;font-size:18px;font-weight:700}.modal-description{color:#64748b;margin-bottom:25px;font-size:13px;line-height:1.6}.modal-description strong{color:#475569}.modal-table-container{border:1px solid #f1f5f9;border-radius:8px;max-height:450px;overflow-y:auto}.modal-table{border-collapse:collapse;width:100%}.modal-table th{text-align:left;color:#475569;z-index:10;background-color:#fff;border-bottom:1px solid #e2e8f0;padding:15px;font-size:13px;font-weight:600;position:sticky;top:0}.modal-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:15px}.highlight-row{background-color:#f0fdfa}.row-flex{align-items:center;flex-direction:row!important}.modal-select,.modal-input{color:#1e293b;border:1px solid #e2e8f0;border-radius:6px;outline:none;width:140px;padding:8px 12px;font-size:13px}.modal-select{appearance:none;background:#fff url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" fill=\"%2394a3b8\" viewBox=\"0 0 16 16\"><path d=\"M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z\"/></svg>") right 12px center no-repeat}.modal-input:disabled{color:#cbd5e1;background-color:#f8fafc}.toggle-switch{width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:#cbd5e1;border-radius:24px;transition:all .4s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.toggle-slider{background-color:#0ea5e9}input:checked+.toggle-slider:before{transform:translate(20px)}body.dark-mode .modal-content{background-color:#1e293b}body.dark-mode .result-mode-modal{background-color:#1e293b!important}body.dark-mode .modal-title{color:#f8fafc}body.dark-mode .modal-description{color:#cbd5e1}body.dark-mode .modal-description strong{color:#f8fafc}body.dark-mode .modal-table-container{border-color:#334155}body.dark-mode .modal-table th{color:#f8fafc;background-color:#1e293b;border-color:#334155}body.dark-mode .modal-table td{border-color:#334155}body.dark-mode .highlight-row{background-color:#14b8a61a}body.dark-mode .modal-select,body.dark-mode .modal-input{color:#f8fafc;background-color:#0f172a;border-color:#334155}body.dark-mode .modal-input:disabled{color:#64748b;background-color:#1e293b}body.dark-mode .toggle-slider{background-color:#475569}.decision-log-modal{border-radius:12px;min-height:550px;padding:30px 40px;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;background-color:#fff!important;width:max-content!important;max-width:95vw!important}body.dark-mode .decision-log-modal{background-color:#1e293b!important}.modal-table-container.wide{max-height:500px;overflow-x:auto}.modal-table-container.wide .modal-table{min-width:max-content}.modal-table th,.modal-table td{white-space:nowrap}.bg-purple-light{color:#a855f7;background-color:#f3e8ff;border-radius:4px;padding:4px 10px;font-size:10px;font-weight:700}.result-icons{align-items:center;gap:5px;display:flex}.medal-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex}.medal-icon.gold{background-color:#fbbf24}.medal-icon.silver{background-color:#94a3b8}.medal-icon.bronze{background-color:#b45309}.avatar-icon{color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;font-weight:700;display:flex;box-shadow:0 0 0 1px #e2e8f0}.avatar-icon.purple{background-color:#a855f7}.avatar-icon.orange{background-color:#f97316}.avatar-icon.blue{background-color:#3b82f6}.avatar-icon.green{background-color:#10b981}.avatar-icon.yellow{background-color:#eab308}.result-dubai{align-items:center;gap:8px;display:flex}.dubai-icon{background-image:radial-gradient(circle at 30% 30%,#fffc,#0000);border-radius:50%;width:20px;height:20px;display:inline-block}.result-dice{align-items:center;gap:5px;display:flex}.dice-icon{color:#1e293b;font-size:20px;line-height:1}.dice-pill{color:#38bdf8;background-color:#e0f2fe;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:flex}.dice-pill.blue{color:#fff;background-color:#3b82f6}.modal-pagination{border-top:1px solid #f1f5f9;margin-top:15px;padding-top:15px}body.dark-mode .avatar-icon{border-color:#1e293b;box-shadow:0 0 0 1px #334155}body.dark-mode .dice-icon{color:#f8fafc}body.dark-mode .dice-pill:not(.blue){color:#38bdf8;background-color:#0f172a;border:1px solid #334155}body.dark-mode .modal-pagination{border-color:#334155}.custom-dropdown-container{position:relative}.custom-dropdown-trigger{color:#cbd5e1;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;min-width:140px;padding:8px 15px;font-size:13px;transition:all .2s;display:flex}body.dark-mode .custom-dropdown-trigger{color:#94a3b8;background-color:#1e293b;border-color:#334155}.custom-dropdown-trigger.active{color:#06b6d4;border-color:#06b6d4}.dropdown-chevron{margin-left:10px;font-size:10px}.custom-dropdown-trigger.date-trigger{justify-content:space-between;min-width:220px}.date-arrow{margin:0 10px}.dropdown-calendar-icon{font-size:14px}.custom-dropdown-menu{z-index:1000;background-color:#fff;border:1px solid #f1f5f9;border-radius:8px;flex-direction:column;gap:2px;min-width:100%;padding:8px;display:flex;position:absolute;top:calc(100% + 5px);left:0;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}body.dark-mode .custom-dropdown-menu{background-color:#1e293b;border-color:#334155;box-shadow:0 10px 25px -5px #00000080}.custom-dropdown-menu.status-menu{min-width:160px}.custom-dropdown-menu.date-menu{min-width:max-content;padding:20px}.dropdown-item{color:#1e293b;cursor:pointer;border-radius:6px;align-items:center;padding:10px 15px;font-size:13px;font-weight:500;transition:background-color .2s;display:flex}.dropdown-item:hover{color:#0891b2;background-color:#ecfeff}body.dark-mode .dropdown-item:hover{color:#22d3ee;background-color:#06b6d41a}.dropdown-item-icon{color:#6366f1;margin-right:12px;font-size:15px}.calendars-wrapper{gap:30px;display:flex}.calendar-pane{width:280px}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.cal-nav-left,.cal-nav-right{color:#94a3b8;cursor:pointer;gap:15px;display:flex}.cal-nav-left.invisible,.cal-nav-right.invisible{visibility:hidden}.cal-icon:hover{color:#1e293b}body.dark-mode .cal-icon:hover{color:#f8fafc}.cal-month{color:#1e293b;font-size:14px;font-weight:700}body.dark-mode .cal-month{color:#f8fafc}.calendar-grid{text-align:center;grid-template-columns:repeat(7,1fr);row-gap:15px;display:grid}.cal-day-name{color:#64748b;margin-bottom:10px;font-size:12px;font-weight:600}.cal-day{color:#1e293b;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;margin:0 auto;font-size:13px;transition:all .2s;display:flex}.cal-day:not(.prev-month):not(.next-month):not(.active):hover{background-color:#f1f5f9}body.dark-mode .cal-day:not(.prev-month):not(.next-month):not(.active):hover{background-color:#334155}.cal-day.prev-month,.cal-day.next-month{color:#cbd5e1}body.dark-mode .cal-day.prev-month,body.dark-mode .cal-day.next-month{color:#475569}.cal-day.active{color:#06b6d4;border:1.5px solid #06b6d4;font-weight:700}.draw-details-page{padding:20px}.draw-details-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.breadcrumb{color:#64748b;align-items:center;gap:8px;font-size:14px;display:flex}.header-actions{gap:15px;display:flex}.btn-back,.btn-refresh{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.btn-back:hover,.btn-refresh:hover{background-color:#f8fafc}body.dark-mode .btn-back,body.dark-mode .btn-refresh{color:#f8fafc;background-color:#1e293b;border-color:#475569}body.dark-mode .btn-back:hover,body.dark-mode .btn-refresh:hover{background-color:#334155}.game-title p{color:#64748b;margin:0;font-size:13px}.stat-card h4{color:#64748b;margin:0 0 15px;font-size:13px;font-weight:600}.stat-card.timer-card{background-color:#dc2626;border:none}.stat-card.timer-card h4{color:#fca5a5;align-items:center;gap:5px;display:flex}.timer-boxes{color:#fff;align-items:center;gap:8px;font-weight:700;display:flex}.t-box{color:#dc2626;background-color:#fff;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.t-label{font-size:8px;font-weight:800}.main-content-grid{grid-template-columns:2fr 1fr;gap:20px;display:grid}.action-card{background-color:#fff;border:1px solid #f1f5f9;border-radius:12px;padding:25px}body.dark-mode .action-card{background-color:#1e293b;border-color:#334155}.action-card h3{color:#1e293b;margin:0 0 20px;font-size:16px;font-weight:700}body.dark-mode .action-card h3{color:#f8fafc}.input-instructions{color:#64748b;margin-bottom:25px;font-size:12px}.circles-container{gap:15px;margin-bottom:30px;display:flex}.circle-input-wrapper{flex-direction:column;align-items:center;gap:8px;display:flex}.circle-label{border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:800;display:flex}.circle-input{text-align:center;color:#1e293b;background-color:#0000;border:2px solid;border-radius:50%;outline:none;width:50px;height:50px;font-size:20px;font-weight:700}body.dark-mode .circle-input{color:#f8fafc}.circle-x{color:#ef4444;border-color:#ef4444}.circle-a{color:#f97316;border-color:#f97316}.circle-b{color:#3b82f6;border-color:#3b82f6}.circle-c{color:#10b981;border-color:#10b981}.circle-d{color:#8b5cf6;border-color:#8b5cf6}.circle-e{color:#06b6d4;border-color:#06b6d4}.btn-confirm{color:#94a3b8;cursor:not-allowed;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:flex}.btn-confirm.active{color:#fff;cursor:pointer;background-color:#10b981;border-color:#10b981}body.dark-mode .btn-confirm{background-color:#0f172a;border-color:#1e293b}body.dark-mode .btn-confirm.active{background-color:#10b981;border-color:#10b981}.dubai-grid{grid-template-columns:repeat(11,1fr);gap:10px;margin-bottom:30px;display:grid}.dubai-icon-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:5px;padding:5px;display:flex}.d-icon-circle{color:#db2777;border:1px solid #fbcfe8;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;transition:all .2s;display:flex}.dubai-icon-btn:hover .d-icon-circle{background-color:#fbcfe8}.dubai-icon-btn.selected .d-icon-circle{color:#fff;background-color:#db2777;border-color:#db2777}.d-icon-num{color:#64748b;font-size:12px;font-weight:600}.preview-box{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:15px;height:200px;display:flex}.preview-box svg{opacity:.5;font-size:32px}.preview-box p{margin:0;font-size:13px}.settled-view-page{padding:20px}.breadcrumb{color:#64748b;align-items:center;gap:8px;margin-bottom:25px;font-size:14px;display:flex}.breadcrumb span{color:#1e293b;font-weight:600}body.dark-mode .breadcrumb span{color:#f8fafc}.header-actions{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.header-buttons{gap:15px;display:flex}.game-info-card{background-color:#fff;border-radius:12px;align-items:center;gap:20px;margin-bottom:25px;padding:20px 25px;display:flex;box-shadow:0 1px 3px #0000000d}body.dark-mode .game-info-card{background-color:#1e293b}.game-icon-box{color:#fff;background-color:#ef4444;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;font-size:20px;display:flex}.game-title h2{color:#1e293b;margin:0 0 5px;font-size:22px;font-weight:700}body.dark-mode .game-title h2{color:#f8fafc}.game-title p{color:#64748b;text-transform:uppercase;margin:0;font-size:13px}.stats-row{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:25px;display:grid}.stat-card{background-color:#fff;border:1px solid #f1f5f9;border-radius:12px;padding:20px}body.dark-mode .stat-card{background-color:#1e293b;border-color:#334155}.stat-card h4{color:#64748b;align-items:center;gap:5px;margin:0 0 15px;font-size:13px;font-weight:600;display:flex}.stat-card .stat-value{color:#1e293b;align-items:center;gap:10px;font-size:24px;font-weight:700;display:flex}body.dark-mode .stat-card .stat-value{color:#f8fafc}.status-badge{color:#2563eb;background-color:#eff6ff;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}body.dark-mode .status-badge{background-color:#2563eb33}.section-card{background-color:#fff;border:1px solid #f1f5f9;border-radius:12px;margin-bottom:20px;padding:25px}body.dark-mode .section-card{background-color:#1e293b;border-color:#334155}.section-card h3{color:#1e293b;margin:0 0 15px;font-size:16px;font-weight:700}body.dark-mode .section-card h3{color:#f8fafc}.section-desc{color:#94a3b8;margin-bottom:20px;font-size:13px}.results-circles{gap:12px;display:flex}.result-circle{color:#1e293b;border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:20px;font-weight:700;display:flex}body.dark-mode .result-circle{color:#f8fafc}.circle-pos-0{border-color:#ef4444}.circle-pos-1{border-color:#f97316}.circle-pos-2{border-color:#3b82f6}.circle-pos-3{border-color:#10b981}.circle-pos-4{border-color:#06b6d4}.reading-container{align-items:center;gap:20px;display:flex}.reading-letters{gap:12px;display:flex}.reading-col{flex-direction:column;align-items:center;gap:5px;display:flex}.reading-letter{font-size:10px;font-weight:800}.letter-0{color:#ef4444}.letter-1{color:#f97316}.letter-2{color:#3b82f6}.letter-3{color:#10b981}.letter-4{color:#06b6d4}.reading-combined{color:#64748b;margin-left:10px;font-size:20px;font-weight:700}.financial-stats{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:20px;display:grid}.fin-card{background-color:#fff;border:1px solid #f1f5f9;border-radius:12px;padding:20px}body.dark-mode .fin-card{background-color:#1e293b;border-color:#334155}.fin-card h4{color:#94a3b8;margin:0 0 10px;font-size:12px;font-weight:600}.fin-card .fin-val{color:#1e293b;font-size:20px;font-weight:700}body.dark-mode .fin-card .fin-val{color:#f8fafc}.fin-card.pl-card .fin-val{color:#10b981}.fin-winners{color:#10b981;margin-left:5px;font-size:14px;font-weight:600}.table-card{background-color:#fff;border:1px solid #f1f5f9;border-radius:12px;margin-bottom:20px;overflow:hidden}.table-header{color:#1e293b;border-bottom:1px solid #f1f5f9;padding:15px 20px;font-size:14px;font-weight:700}body.dark-mode .table-header{color:#f8fafc;border-bottom-color:#334155}.empty-table{border-collapse:collapse;width:100%}.empty-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.5px;padding:15px 20px;font-size:11px;font-weight:600}.empty-state{color:#cbd5e1;flex-direction:column;justify-content:center;align-items:center;gap:15px;height:200px;display:flex}.empty-state svg{opacity:.7;font-size:32px}.empty-state p{color:#94a3b8;margin:0;font-size:12px}.scroll-indicator{color:#cbd5e1;background-color:#f8fafc;justify-content:space-between;align-items:center;height:12px;padding:0 10px;font-size:10px;display:flex}body.dark-mode .scroll-indicator{color:#475569;background-color:#0f172a}.results-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.header-icon-green{color:#fff;background-color:#10b981;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.results-filter-bar{gap:15px;margin-bottom:30px;display:flex}.summary-cards-row{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px;display:grid}.summary-card{color:#fff;border-radius:12px;padding:25px 20px}.summary-card h2{margin:0 0 10px;font-size:32px;font-weight:800}.summary-card h5{margin:0 0 5px;font-size:14px;font-weight:600}.summary-card p{opacity:.8;margin:0;font-size:12px}.bg-blue{background:linear-gradient(135deg,#1e3a8a,#2563eb)}.bg-teal{background:linear-gradient(135deg,#0d9488,#06b6d4)}.bg-pink{background:linear-gradient(135deg,#be123c,#f43f5e)}.bg-green{background:linear-gradient(135deg,#15803d,#22c55e)}.uppercase{text-transform:uppercase}.text-pending{color:#94a3b8;font-weight:500}.btn-icon-link{cursor:pointer;background:0 0;border:none;padding:5px;font-size:16px}body.dark-mode .summary-card{border:1px solid #334155}.bg-orange{background:linear-gradient(135deg,#ea580c,#f97316)}.tickets-filter{flex-wrap:wrap;margin-top:30px}.tickets-table th{white-space:nowrap;padding:12px 10px}.tickets-table td{padding:15px 10px;font-size:12px}.circle-group{gap:5px;display:flex}.circle-badge{color:#1e293b;background-color:#fff;border:1.5px solid;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex}.border-red{border-color:#ef4444}.border-orange{border-color:#f59e0b}.border-blue{border-color:#3b82f6}.border-green{border-color:#22c55e}body.dark-mode .circle-badge{color:#f8fafc;background-color:#1e293b}.report-header-card{background-color:#fff;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:25px;padding:25px 30px;display:flex;box-shadow:0 2px 4px #00000005}.header-icon-orange{color:#fff;background-color:#d97706;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.header-actions{align-items:center;gap:15px;display:flex}.btn-primary-teal{color:#fff;cursor:pointer;background-color:#0d9488;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-weight:600;display:flex}.report-stats-row{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:25px;display:grid}.report-stat-card{cursor:pointer;background-color:#fff;border-top:3px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;padding:22px 30px 25px;transition:all .3s;display:flex;box-shadow:0 2px 4px #00000005}.report-stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px -5px #0000001a,0 8px 10px -6px #0000000d}.report-stat-card.icon-purple-hover:hover{border-top-color:#7c3aed}.report-stat-card.icon-orange-hover:hover{border-top-color:#d97706}.report-stat-card.icon-green-hover:hover{border-top-color:#10b981}.report-stat-card.icon-purple-light-hover:hover{border-top-color:#8b5cf6}.stat-info p{color:#94a3b8;margin:0 0 8px;font-size:13px;font-weight:600}.stat-info h3{color:#1e293b;margin:0;font-size:26px;font-weight:800}.stat-icon{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;font-size:22px;transition:transform .3s;display:flex}.report-stat-card:hover .stat-icon{transform:rotate(-12deg)}.icon-purple{background-color:#7c3aed}.icon-orange{background-color:#d97706}.icon-green{background-color:#10b981}.icon-purple-light{background-color:#8b5cf6}.mb-4{margin-bottom:25px}.report-filter-row{grid-template-columns:1fr 1fr;gap:30px;margin-bottom:25px;display:grid}.filter-group label{color:#1e293b;margin-bottom:10px;font-size:14px;font-weight:600;display:block}.full-width input,.full-width select{box-sizing:border-box;width:100%}.alert-warning{color:#854d0e;background-color:#fef9c3;border:1px solid #fde047;border-radius:8px;align-items:center;gap:10px;padding:15px 20px;font-size:14px;display:flex}.alert-icon{color:#ca8a04;font-size:16px}.chart-placeholder{height:250px;margin-top:20px;display:flex}.chart-y-axis{color:#94a3b8;text-align:right;flex-direction:column;justify-content:space-between;width:40px;padding-right:15px;font-size:12px;display:flex}.chart-grid{flex-direction:column;flex:1;justify-content:space-between;padding-top:6px;padding-bottom:6px;display:flex}.grid-line{border-bottom:1px dashed #e2e8f0;width:100%;height:1px}.custom-search-dropdown{width:100%;position:relative}.search-dropdown-input{cursor:text;background-color:#fff;border:1px solid #06b6d4;border-radius:8px;align-items:center;padding:0 16px;display:flex}.search-dropdown-input.active{box-shadow:0 0 0 2px #06b6d433}.search-dropdown-input input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;padding:12px 0;font-size:14px}.search-icon-sm{color:#94a3b8;font-size:12px}.search-dropdown-list{z-index:100;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;max-height:250px;padding:8px 0;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.search-dropdown-item{color:#1e293b;cursor:pointer;padding:10px 16px;font-size:14px;transition:background-color .2s}.search-dropdown-item:hover{background-color:#f8fafc}body.dark-mode .search-dropdown-input{background-color:#1e293b;border-color:#06b6d4}body.dark-mode .search-dropdown-input input{color:#f8fafc}body.dark-mode .search-dropdown-list{background-color:#1e293b;border-color:#334155}body.dark-mode .search-dropdown-item{color:#f8fafc}body.dark-mode .search-dropdown-item:hover{background-color:#334155}body.dark-mode .report-header-card,body.dark-mode .report-stat-card{box-shadow:none;background-color:#1e293b;border:1px solid #334155}body.dark-mode .stat-info h3{color:#f8fafc}body.dark-mode .filter-group label{color:#cbd5e1}body.dark-mode .alert-warning{color:#fef3c7;background-color:#422006;border-color:#713f12}body.dark-mode .grid-line{border-bottom:1px dashed #334155}.games-page{background-color:#f8fafc;min-height:100%;padding:30px 40px}.games-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:25px;display:flex}.dropdown-arrow{margin-left:5px;font-size:10px}.games-filter-bar{background-color:#f8fafc;border-radius:8px;align-items:center;gap:10px;margin-bottom:25px;padding:15px;display:flex}.search-box.wide input{background-color:#fff;width:250px}.categories-list{flex-direction:column;gap:15px;display:flex}.custom-dropdown-header{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 16px;font-size:14px;transition:all .2s;display:flex}.custom-dropdown-header.open{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.custom-dropdown-header .dropdown-icon{color:#94a3b8;font-size:12px;transition:transform .2s}.custom-dropdown-header.open .dropdown-icon{transform:rotate(180deg)}.custom-dropdown-menu{z-index:50;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.category-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;transition:all .3s}.category-container.expanded{border-color:#cbd5e1;box-shadow:0 4px 6px #0000000d}.category-row{cursor:pointer;background-color:#0000;justify-content:space-between;align-items:center;padding:15px 25px;transition:all .2s;display:flex}.category-row.expanded-row{border-bottom:1px solid #f1f5f9}.category-row:hover{background-color:#f8fafc}.category-left{align-items:center;gap:15px;display:flex}.arrow-icon{color:#94a3b8;cursor:pointer;font-size:14px}.category-icon{color:#fff;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:22px;display:flex}.bg-blue{background-color:#3b82f6}.bg-yellow{background-color:#eab308}.category-left h3{color:#1e293b;margin:0;font-size:16px;font-weight:700}.count-number{color:#64748b;font-size:14px;font-weight:500}.category-right{gap:15px;display:flex}.btn-outline-danger{color:#ef4444;cursor:pointer;background-color:#fff;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:600;display:flex}.btn-outline-danger:hover{background-color:#fef2f2}.btn-outline-primary{color:#3b82f6;cursor:pointer;background-color:#fff;border:1px solid #bfdbfe;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:600;display:flex}.btn-outline-primary:hover{background-color:#eff6ff}.games-grid{background-color:#f8fafc;flex-wrap:wrap;align-items:flex-start;gap:15px;padding:15px 25px;display:flex}.games-grid .game-card{color:#fff;background-color:#12a67e;border-radius:12px;flex-direction:row;align-items:center;width:320px;height:max-content;padding:15px;display:flex;position:relative}.games-grid .game-card.bg-teal{background-color:#12a67e}.games-grid .game-card.bg-blue{background-color:#5b5ff5}.games-grid .game-card.bg-orange{background-color:#f07b12}.games-grid .game-card.bg-magenta{background-color:#de1e70}.hide-badge{color:#fff;z-index:10;letter-spacing:.5px;cursor:pointer;background-color:#0e2d24;border-radius:20px;padding:4px 10px;font-size:10px;font-weight:800;transition:all .2s;position:absolute;top:10px;left:10px}.hide-badge:hover{background-color:#05100d}.show-badge{color:#1e293b;z-index:10;letter-spacing:.5px;cursor:pointer;background-color:#fff;border-radius:20px;padding:4px 10px;font-size:10px;font-weight:800;transition:all .2s;position:absolute;top:10px;left:10px;box-shadow:0 1px 3px #0000001a}.show-badge:hover{background-color:#f1f5f9}.hidden-overlay-badge{color:#fff;z-index:10;letter-spacing:.5px;background-color:#0f172a99;border-radius:4px;padding:4px 10px;font-size:10px;font-weight:800;position:absolute;top:10px;right:10px}.game-card.hidden-card .game-card-content{opacity:.65}.og-toast-success{z-index:1000;background-color:#fff;border:1px solid #f1f5f9;border-radius:30px;align-items:center;gap:10px;padding:10px 20px;animation:3s forwards slideDownFadeOut;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000014}.og-toast-icon{color:#22c55e;font-size:16px}.og-toast-success span{color:#1e293b;font-size:14px;font-weight:500}@keyframes slideDownFadeOut{0%{opacity:0;transform:translate(-50%,-20px)}10%{opacity:1;transform:translate(-50%)}80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20px)}}.game-card-content{align-items:center;gap:15px;width:100%;display:flex}.game-img-placeholder{background:#ffffff26;border:1px solid #ffffff4d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:85px;height:85px;font-size:40px;display:flex}.game-info{flex-direction:column;flex:1;justify-content:space-between;display:flex}.game-details h4{letter-spacing:-.3px;margin:0;font-size:18px;font-weight:800}.game-details p{opacity:.9;margin:4px 0 0;font-size:12px}.game-card-footer{justify-content:flex-end;align-items:center;gap:12px;margin-top:15px;display:flex}.timer-badge{background-color:#0b7056;border-radius:6px;align-items:baseline;gap:3px;padding:4px 8px;display:flex}.timer-badge.dark-blue{background-color:#3b3db0}.timer-badge.dark-orange{background-color:#b35607}.timer-badge strong{font-size:14px;font-weight:800}.timer-badge small{opacity:.8;margin-right:2px;font-size:11px}.price-badge{align-items:baseline;font-size:13px;display:flex}.price-badge strong{font-size:16px;font-weight:800}.price-badge small{opacity:.85;font-size:11px}.mystery-card{border-radius:12px;flex-direction:column;justify-content:space-between;width:250px;height:max-content;padding:15px 12px;display:flex;position:relative}.mystery-card.peach{background:linear-gradient(135deg,#dfa285,#c87a54)}.mystery-card.blue{background:linear-gradient(135deg,#a4c9f3,#78a2e1)}.mystery-card.purple{background:linear-gradient(135deg,#d3a4e9,#a879d7)}.mystery-card.green{background:linear-gradient(135deg,#a6d892,#7ab165)}.mystery-card.yellow{background:linear-gradient(135deg,#ebd47a,#c8ac42)}.mystery-image-container{justify-content:center;align-items:center;height:120px;margin-top:10px;display:flex;position:relative}.mystery-prize-value{color:#fff;background-color:#f97316;border-radius:4px;padding:4px 12px;font-size:13px;font-weight:800;position:absolute;bottom:-5px;box-shadow:0 2px 4px #0003}.mystery-footer{background-color:#fffffff2;border-radius:10px;justify-content:space-between;align-items:center;margin-top:20px;padding:6px 10px;display:flex;box-shadow:0 4px 10px #0000001a}.mystery-stop-btn{color:#fff;cursor:pointer;background-color:#ef4444;border:none;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:800}.mystery-price{color:#1e293b;font-size:12px;font-weight:700}.mystery-price small{color:#64748b;font-size:10px;font-weight:600}.stop-popover{z-index:100;cursor:default;background-color:#fff;border:1px solid #f1f5f9;border-radius:12px;width:320px;padding:15px 20px;animation:.2s ease-out popoverFadeIn;position:absolute;top:auto;bottom:calc(100% + 15px);right:55px;box-shadow:0 10px 25px #0000001a}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.stop-popover-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.warning-icon{color:#fff;background-color:#f59e0b;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:flex}.stop-popover-header strong{color:#1e293b;font-size:14px}.stop-popover p{color:#475569;margin:0 0 15px 30px;font-size:13px}.stop-popover-actions{justify-content:flex-end;gap:10px;display:flex}.btn-popover-cancel{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:600}.btn-popover-cancel:hover{background-color:#f8fafc}.btn-popover-stop{color:#fff;cursor:pointer;background-color:#ef4444;border:none;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:600}.btn-popover-stop:hover{background-color:#dc2626}.popover-arrow{z-index:-1;background-color:#fff;border:1px solid #f1f5f9;border-top:none;border-left:none;width:12px;height:12px;position:absolute;top:auto;bottom:-6px;right:50px;transform:rotate(45deg)}body.dark-mode .games-page{background-color:#0f172a}body.dark-mode .games-header{border-bottom:1px solid #334155}body.dark-mode .games-filter-bar{background-color:#1e293b}body.dark-mode .search-box.wide input{color:#f8fafc;background-color:#0f172a;border-color:#334155}body.dark-mode .btn-search-icon{color:#94a3b8;background-color:#0f172a;border-color:#334155}body.dark-mode .category-container{background-color:#1e293b;border-color:#334155}body.dark-mode .category-row.expanded-row{border-color:#334155}body.dark-mode .category-row:hover{background-color:#334155}body.dark-mode .games-grid{background-color:#0f172a}body.dark-mode .category-left h3{color:#f8fafc}body.dark-mode .btn-outline-danger{background-color:#1e293b;border-color:#7f1d1d}body.dark-mode .btn-outline-primary{background-color:#1e293b;border-color:#1e3a8a}body.dark-mode .stop-popover{background-color:#1e293b;border-color:#334155}body.dark-mode .stop-popover-header strong{color:#f8fafc}body.dark-mode .stop-popover p{color:#cbd5e1}body.dark-mode .btn-popover-cancel{color:#f8fafc;background-color:#1e293b;border-color:#334155}body.dark-mode .popover-arrow{background-color:#1e293b;border-color:#0000 #334155 #334155 #0000}.tpg-page{background-color:#f8fafc;min-height:100vh;padding:24px}.tpg-header-container{background-color:#fff;border-radius:12px;margin-bottom:24px;padding:20px;box-shadow:0 1px 3px #0000000d}.tpg-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.tpg-header-left{align-items:center;gap:16px;display:flex}.tpg-header-icon-purple{color:#fff;background-color:#8b5cf6;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.tpg-header-text h2{color:#1e293b;margin:0 0 4px;font-size:20px;font-weight:700}.tpg-header-text p{color:#64748b;margin:0;font-size:13px;font-weight:500}.tpg-btn-sync{color:#64748b;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.tpg-btn-sync:hover{background-color:#f1f5f9}.tpg-filters{align-items:center;gap:12px;display:flex}.tpg-search-box{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex:1;align-items:center;gap:12px;height:40px;padding:0 16px;display:flex}.tpg-search-icon{color:#94a3b8;font-size:14px}.tpg-search-box input{color:#1e293b;background:0 0;border:none;outline:none;width:100%;height:100%;font-size:14px}.tpg-search-box input::placeholder{color:#94a3b8}.tpg-btn-search{color:#94a3b8;cursor:pointer;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.tpg-status-filter select{color:#64748b;cursor:pointer;appearance:none;background-color:#f8fafc;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #e2e8f0;border-radius:8px;outline:none;height:40px;padding:0 32px 0 16px;font-size:14px;font-weight:500}.tpg-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.tpg-game-card{cursor:pointer;background-color:#334155;background-position:50%;background-size:cover;border-radius:12px;flex-direction:column;justify-content:space-between;height:280px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000000d}.tpg-game-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px #0000001a}.tpg-uid-badge{color:#ef4444;z-index:10;background-color:#fff;border-radius:4px;padding:4px 8px;font-size:10px;font-weight:700;position:absolute;top:12px;left:12px;box-shadow:0 2px 4px #0000001a}.tpg-game-info{color:#fff;z-index:5;background:linear-gradient(#0000 0%,#0009 50%,#000000e6 100%);justify-content:space-between;align-items:flex-end;margin-top:auto;padding:30px 16px 16px;display:flex}.tpg-game-details h4{text-shadow:1px 1px 2px #000c;white-space:nowrap;text-overflow:ellipsis;max-width:150px;margin:0 0 4px;font-size:16px;font-weight:800;overflow:hidden}.tpg-game-details p{color:#fffc;margin:0;font-size:12px;font-weight:500}.tpg-game-price{color:#ffffffb3;font-size:11px;font-weight:600}.bg-fish1{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.bg-color-game{background:linear-gradient(135deg,#f59e0b,#d97706)}.bg-chicken{background:linear-gradient(135deg,#ef4444,#b91c1c)}.bg-ganesha{background:linear-gradient(135deg,#a855f7,#7e22ce)}.bg-fish2{background:linear-gradient(135deg,#14b8a6,#0f766e)}.bg-pachinko{background:linear-gradient(135deg,#10b981,#047857)}.bg-chicken2{background:linear-gradient(135deg,#f43f5e,#be123c)}.bg-fruit{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.bg-shark{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.bg-dice{background:linear-gradient(135deg,#f97316,#c2410c)}.bg-aviator{background:linear-gradient(135deg,#64748b,#334155)}.bg-cash{background:linear-gradient(135deg,#ef4444,#991b1b)}.bg-mega{background:linear-gradient(135deg,#ec4899,#be185d)}.bg-baccarat{background:linear-gradient(135deg,#d946ef,#a21caf)}.bg-stairs{background:linear-gradient(135deg,#eab308,#a16207)}.bg-bass{background:linear-gradient(135deg,#06b6d4,#0369a1)}.bg-happy{background:linear-gradient(135deg,#3b82f6,#1e40af)}.bg-blackjack{background:linear-gradient(135deg,#ef4444,#991b1b)}.create-game-page{background-color:#f8fafc;min-height:100vh;padding:30px 40px}.create-game-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.header-icon-orange{background-color:#f97316;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.header-title-section h2{color:#1e293b;margin:0;font-size:20px;font-weight:700}.header-title-section p{color:#64748b;margin:4px 0 0;font-size:13px}.btn-back{color:#1e293b;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;padding:8px 16px;font-weight:600;display:flex}.btn-back:hover{background-color:#f1f5f9}.create-game-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;min-height:600px;padding:30px;display:flex}.stepper-container{align-items:flex-start;margin-bottom:40px;display:flex}.stepper-step{flex:1;align-items:center;display:flex}.stepper-step:last-child{flex:0}.stepper-content{align-items:center;gap:12px;display:flex}.step-circle{color:#94a3b8;background-color:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.step-circle.active{color:#fff;background-color:#0284c7}.step-circle.completed{color:#0284c7;background-color:#e0f2fe}.step-text h4{color:#94a3b8;margin:0;font-size:14px;font-weight:600}.step-text h4.active-text{color:#1e293b}.step-text p{color:#94a3b8;margin:2px 0 0;font-size:12px}.step-line{background-color:#f1f5f9;flex:1;height:2px;margin:0 15px;transform:translateY(-8px)}.step-line.completed-line{background-color:#0284c7}.form-content{flex:1;max-width:900px}.step-form{animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.form-input{color:#1e293b;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:border-color .2s}.form-input:focus{border-color:#0284c7}.form-input.disabled{color:#94a3b8;background-color:#f8fafc}.textarea-tall{resize:vertical;min-height:100px}.helper-text{color:#94a3b8;margin-top:6px;font-size:12px;display:block}.form-row.two-cols>.form-group,.form-row.three-cols>.form-group{flex:1}.input-with-prefix,.input-with-suffix,.input-with-count{align-items:center;display:flex;position:relative}.input-with-prefix .form-input{padding-left:30px}.input-with-suffix .suffix{color:#64748b;font-size:14px;position:absolute;right:12px}.input-with-suffix .form-input{padding-right:30px}.input-with-count .char-count{color:#94a3b8;font-size:12px;position:absolute;right:12px}.input-with-count .form-input{padding-right:60px}.toggle-switch-container{align-items:center;gap:12px;display:flex}.toggle-switch{cursor:pointer;background-color:#e2e8f0;border-radius:12px;width:44px;height:24px;transition:background-color .3s;position:relative}.toggle-switch.active{background-color:#0ea5e9}.toggle-knob{background-color:#fff;border-radius:50%;width:20px;height:20px;transition:transform .3s;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0000001a}.toggle-switch.active .toggle-knob{transform:translate(20px)}.toggle-label{color:#1e293b;font-size:14px;font-weight:600}.toggle-label.text-muted{color:#94a3b8}.toggle-label.active-status{color:#0ea5e9}.color-picker-input{color:#1e293b;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:14px;display:flex}.color-preview{border:1px solid #e2e8f0;border-radius:4px;width:24px;height:24px}.color-preview.transparent{background:repeating-linear-gradient(45deg,#f8fafc,#f8fafc 4px,#fff 4px 8px);position:relative}.color-preview.transparent:after{content:"";background-color:#ef4444;width:120%;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-45deg)}.info-alert{background-color:#e0f2fe;border:1px solid #bae6fd;border-radius:8px;align-items:center;gap:12px;margin-top:30px;padding:12px 16px;display:flex}.info-alert p{color:#0369a1;margin:0;font-size:13px}.file-upload-box{color:#64748b;cursor:pointer;background-color:#f8fafc;border:2px dashed #e2e8f0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:120px;transition:border-color .2s,background-color .2s;display:flex}.file-upload-box:hover{background-color:#f1f5f9;border-color:#cbd5e1}.upload-icon{font-size:20px}.file-upload-box span{font-size:13px;font-weight:500}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.form-divider{text-align:center;margin:30px 0 20px;position:relative}.form-divider:before{content:"";z-index:0;background-color:#e2e8f0;width:100%;height:1px;position:absolute;top:50%;left:0}.form-divider span{color:#64748b;z-index:1;background-color:#fff;padding:0 15px;font-size:13px;font-weight:600;position:relative}.form-actions{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:40px;padding-top:20px;display:flex}.action-right{gap:15px;display:flex}.btn-secondary{color:#475569;cursor:pointer;background-color:#f1f5f9;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600}.btn-secondary:hover{background-color:#e2e8f0}.btn-cancel{color:#1e293b;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600}.btn-cancel:hover{background-color:#f8fafc}.btn-primary{color:#fff;cursor:pointer;background-color:#0ea5e9;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600}.btn-primary:hover{background-color:#0284c7}body.dark-mode .create-game-page{background-color:#0f172a}body.dark-mode .header-title-section h2,body.dark-mode .form-group label,body.dark-mode .toggle-label{color:#f8fafc}body.dark-mode .create-game-card{background-color:#1e293b;border-color:#334155}body.dark-mode .btn-back,body.dark-mode .btn-cancel,body.dark-mode .color-picker-input{color:#f8fafc;background-color:#1e293b;border-color:#334155}body.dark-mode .btn-back:hover,body.dark-mode .btn-cancel:hover,body.dark-mode .step-circle{background-color:#334155}body.dark-mode .step-circle.active,body.dark-mode .step-circle.completed{color:#fff;background-color:#0284c7}body.dark-mode .step-line{background-color:#334155}body.dark-mode .step-text h4.active-text{color:#f8fafc}body.dark-mode .form-input{color:#f8fafc;background-color:#0f172a;border-color:#334155}body.dark-mode .form-input.disabled{background-color:#1e293b}body.dark-mode .form-actions{border-top-color:#334155}body.dark-mode .btn-secondary{color:#f8fafc;background-color:#334155}body.dark-mode .file-upload-box{background-color:#0f172a;border-color:#334155}body.dark-mode .form-divider:before{background-color:#334155}body.dark-mode .form-divider span{color:#94a3b8;background-color:#1e293b}.game-detail-page{background-color:#f8fafc;min-height:100vh;padding:24px}.gd-breadcrumb{color:#64748b;margin-bottom:20px;font-size:14px}.gd-breadcrumb span{margin:0 4px}.gd-breadcrumb span.active{color:#1e293b;font-weight:600}.gd-header-section{background-color:#fff;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px 24px;display:flex;box-shadow:0 1px 3px #0000000d}.gd-header-left{align-items:center;gap:16px;display:flex}.gd-game-icon{color:#fff;background-color:#f97316;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.gd-game-title h2{color:#1e293b;margin:0 0 4px;font-size:20px;font-weight:700}.gd-game-title p{color:#64748b;margin:0;font-size:13px;font-weight:500}.gd-header-right{gap:12px;display:flex}.gd-btn{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.gd-btn-outline{color:#475569;background-color:#fff;border:1px solid #e2e8f0}.gd-btn-outline:hover{background-color:#f1f5f9}.gd-btn-primary{color:#fff;background-color:#0ea5e9;border:none}.gd-btn-primary:hover{background-color:#0284c7}.gd-tabs{border-bottom:1px solid #e2e8f0;gap:32px;margin-bottom:24px;padding-bottom:0;display:flex}.gd-tab{color:#64748b;cursor:pointer;align-items:center;gap:8px;padding:12px 0;font-size:14px;font-weight:600;transition:color .2s;display:flex;position:relative}.gd-tab:hover{color:#1e293b}.gd-tab.active{color:#0ea5e9}.gd-tab.active:after{content:"";background-color:#0ea5e9;width:100%;height:2px;position:absolute;bottom:-1px;left:0}.gd-info-grid{background-color:#fff;border-radius:12px;margin-bottom:24px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.gd-info-row{border-bottom:1px solid #f1f5f9;display:flex}.gd-info-row.border-none{border-bottom:none}.gd-info-item{border-right:1px solid #f1f5f9;flex:1;padding:16px 24px;display:flex}.gd-info-item:last-child{border-right:none}.gd-info-item .label{color:#64748b;width:120px;font-size:13px;font-weight:500}.gd-info-item .value{color:#1e293b;font-size:13px;font-weight:500}.font-bold{font-weight:700!important}.status-badge{border-radius:4px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.status-active{color:#10b981;background-color:#ecfdf5}.gd-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:24px;display:grid}.gd-metric-card{background-color:#fff;border-top:3px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;padding:20px;transition:all .2s ease-in-out;display:flex;box-shadow:0 1px 3px #0000000d}.gd-metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.gd-metric-card.hover-purple:hover{border-top-color:#8b5cf6}.gd-metric-card.hover-green:hover{border-top-color:#10b981}.gd-metric-card.hover-orange:hover{border-top-color:#f59e0b}.gd-metric-card.hover-red:hover{border-top-color:#ef4444}.gd-metric-card.hover-purple-dark:hover{border-top-color:#6d28d9}.gd-metric-card.hover-teal:hover{border-top-color:#06b6d4}.gd-metric-info{flex-direction:column;gap:8px;display:flex}.gd-metric-label{color:#64748b;font-size:13px;font-weight:500}.gd-metric-value{color:#1e293b;font-size:20px;font-weight:700}.gd-metric-icon{color:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s;display:flex}.gd-metric-card:hover .gd-metric-icon{transform:rotate(15deg)scale(1.1);box-shadow:0 6px 12px #00000026}.bg-orange{background-color:#f59e0b}.bg-purple-dark{background-color:#6d28d9}.bg-teal{background-color:#06b6d4}.gd-date-filter{align-items:center;gap:16px;margin-bottom:24px;display:flex}.gd-date-picker{color:#475569;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:12px;padding:8px 16px;font-size:14px;display:flex}.gd-date-picker .arrow{color:#94a3b8}.gd-date-picker .icon{color:#94a3b8;margin-left:8px}.gd-tables-section{grid-template-columns:1fr 1fr;gap:24px;display:grid}.gd-table-card{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.gd-table-header{border-bottom:1px solid #f1f5f9;padding:16px 20px}.gd-table-header h3{color:#1e293b;margin:0;font-size:15px;font-weight:600}.gd-table-wrapper{overflow-x:auto}.gd-table-wrapper.rounded-bg{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d}.gd-table{border-collapse:collapse;width:100%}.gd-table th{text-align:left;color:#64748b;text-transform:uppercase;border-bottom:1px solid #f1f5f9;padding:12px 20px;font-size:12px;font-weight:600}.gd-table td{color:#1e293b;border-bottom:1px solid #f1f5f9;padding:16px 20px;font-size:13px}.gd-empty-state{text-align:center;padding:40px 20px!important}.gd-empty-state.padded{padding:80px 20px!important}.gd-empty-state .empty-icon{color:#cbd5e1;margin-bottom:8px;font-size:40px}.gd-empty-state p{color:#94a3b8;margin:0;font-size:14px}.gd-action-bar{justify-content:flex-end;margin-bottom:16px;display:flex}.gd-config-tab{flex-direction:column;gap:24px;display:flex}.gd-config-section{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.gd-config-header{border-bottom:1px solid #f1f5f9;padding:16px 24px}.gd-config-header h3{color:#1e293b;align-items:center;margin:0;font-size:16px;font-weight:700;display:flex}.icon-mr{color:#475569;margin-right:10px}.gd-config-body{padding:24px}.gd-image-uploads{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px;display:grid}.gd-image-upload-group{flex-direction:column;gap:12px;display:flex}.gd-image-upload-group label{color:#1e293b;font-size:13px;font-weight:600}.gd-image-preview{border-radius:12px;width:140px;height:140px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.placeholder-img{object-fit:cover;width:100%;height:100%}.gd-image-upload-placeholder{color:#94a3b8;cursor:pointer;background-color:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:140px;height:140px;transition:all .2s;display:flex}.gd-image-upload-placeholder:hover{background-color:#f1f5f9;border-color:#94a3b8}.gd-image-upload-placeholder span{margin-top:8px;font-size:13px;font-weight:500}.gd-input-with-icon{width:100%;max-width:250px;position:relative}.gd-input-with-icon .input-icon{color:#94a3b8;font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.gd-input-with-icon .input-icon.disabled{color:#cbd5e1}.gd-input-with-icon input{color:#475569;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 12px 10px 36px;font-size:13px;transition:border-color .2s}.gd-input-with-icon input:focus{border-color:#0ea5e9;outline:none}.gd-form-row{gap:24px;margin-bottom:20px;display:flex}.gd-form-row.two-cols>*,.gd-form-row.three-cols>*{flex:1}.gd-form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.gd-form-group label{color:#1e293b;font-size:13px;font-weight:600}.gd-form-group input,.gd-form-group textarea{color:#475569;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 16px;font-family:inherit;font-size:14px;transition:border-color .2s}.gd-form-group input:focus,.gd-form-group textarea:focus{border-color:#0ea5e9;outline:none}.gd-form-group small{color:#94a3b8;font-size:12px}.gd-input-group{align-items:center;display:flex;position:relative}.gd-input-group input{width:100%;padding-right:40px}.group-icon{color:#94a3b8;cursor:pointer;position:absolute;right:12px}.gd-helper-text{color:#64748b;margin:0 0 16px;font-size:13px}.gd-color-pickers{gap:24px;margin-top:10px;display:flex}.gd-color-picker{flex-direction:column;gap:8px;display:flex}.gd-color-picker label{color:#64748b;font-size:12px;font-weight:500}.gd-color-box{cursor:pointer;color:#475569;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;display:flex}.gd-color-box.transparent{position:relative}.slash{background-color:#ef4444;width:20px;height:2px;transform:rotate(-45deg)}.gd-config-actions{justify-content:flex-start;display:flex}.gd-config-actions .gd-btn{padding:10px 24px;font-size:15px}.gd-rules-card{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000d}.gd-rules-alert{background-color:#e0f2fe;border:1px solid #bae6fd;border-radius:8px;gap:16px;margin-bottom:40px;padding:16px 20px;display:flex}.gd-rules-alert-icon{color:#3b82f6;align-items:flex-start;margin-top:2px;font-size:20px;display:flex}.gd-rules-alert-content h4{color:#1e293b;margin:0 0 8px;font-size:15px;font-weight:700}.gd-rules-alert-content p{color:#475569;margin:0;font-size:13px;line-height:1.5}.gd-rules-empty{flex-direction:column;justify-content:center;align-items:center;padding:40px 0 60px;display:flex}.gd-rules-empty .empty-icon{color:#e2e8f0;margin-bottom:16px;font-size:48px}.gd-rules-empty p{color:#94a3b8;margin:0;font-size:14px;font-weight:500}.gd-rules-list{flex-direction:column;gap:20px;margin-bottom:24px;display:flex}.gd-rule-section-item{background-color:#fff;border:1px solid #bae6fd;border-radius:12px;flex-direction:column;gap:12px;padding:20px;display:flex}.gd-rule-header{align-items:center;gap:12px;display:flex}.gd-rule-input{color:#1e293b;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:1;padding:10px 16px;font-size:14px;transition:border-color .2s}.gd-rule-input:focus{border-color:#0ea5e9;outline:none}.gd-rule-delete-btn{color:#ef4444;cursor:pointer;background-color:#fff;border:1px solid #fca5a5;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex}.gd-rule-delete-btn:hover{background-color:#fef2f2}.gd-rule-textarea{color:#1e293b;resize:vertical;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;min-height:100px;padding:12px 16px;font-family:inherit;font-size:14px;transition:border-color .2s}.gd-rule-textarea:focus{border-color:#0ea5e9;outline:none}.gd-rules-actions{gap:16px;margin-top:20px;display:flex}.gd-schedule-card{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000d}.gd-required{color:#ef4444}.gd-select{color:#475569;cursor:pointer;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:10px 16px;font-size:14px}.gd-schedule-mode{flex-direction:column;gap:8px;margin-top:24px;display:flex}.gd-mode-label{color:#1e293b;font-size:13px;font-weight:600}.gd-toggle-container{align-items:center;display:flex}.gd-toggle{cursor:pointer;align-items:center;gap:12px;display:inline-flex;position:relative}.gd-toggle input{opacity:0;width:0;height:0;position:absolute}.gd-slider{background-color:#cbd5e1;border-radius:24px;width:44px;height:24px;transition:all .4s;position:relative}.gd-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 2px #0003}.gd-toggle input:checked+.gd-slider{background-color:#0ea5e9}.gd-toggle input:checked+.gd-slider:before{transform:translate(20px)}.gd-toggle-text{color:#475569;font-size:14px;font-weight:500}.gd-result-engine-card{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000d}.gd-result-engine-top{margin-bottom:40px}.gd-hold-approval{flex-direction:column;display:flex}.gd-hold-approval .gd-toggle-container{margin-top:8px}.gd-toggle-text.small{color:#94a3b8;background-color:#f1f5f9;border-radius:4px;padding:2px 8px;font-size:13px}.gd-result-engine-options{grid-template-columns:1fr 1fr;gap:24px;display:grid}.gd-result-option{align-items:flex-start;gap:16px;display:flex}.gd-result-option .gd-toggle-container{margin-top:2px}.gd-option-text{flex-direction:column;gap:4px;display:flex}.gd-option-text label{color:#1e293b;margin:0;font-size:14px;font-weight:600}.gd-option-text p{color:#64748b;margin:0;font-size:12px;line-height:1.4}.gd-modal-overlay{z-index:1000;background-color:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.gd-modal-content{background-color:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:500px;display:flex;box-shadow:0 10px 25px #0000001a}.gd-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.gd-modal-header h3{color:#1e293b;margin:0;font-size:16px;font-weight:700}.gd-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;font-size:16px;transition:all .2s;display:flex}.gd-modal-close:hover{color:#64748b;background-color:#f1f5f9}.gd-modal-body{flex-direction:column;gap:20px;padding:24px;display:flex}.gd-modal-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.gd-modal-footer .gd-btn{padding:8px 24px}.header-icon-purple-dark{color:#fff;background-color:#6366f1;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.orders-table td{padding:15px 10px;font-size:13px}.user-cell{color:#1e293b;align-items:center;gap:10px;font-weight:500;display:flex}.user-avatar{background-color:#cbd5e1;border-radius:50%;width:24px;height:24px}.picked-text{color:#1e293b;font-weight:600}.solid-circle{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}body.dark-mode .orders-table td{color:#f8fafc;border-color:#334155}body.dark-mode .user-cell,body.dark-mode .picked-text{color:#f8fafc}body.dark-mode .user-avatar{background-color:#334155}.custom-modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9999;background-color:#0f172a66;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-container{background-color:#fff;border-radius:12px;width:90%;max-width:700px;padding:24px 30px;animation:.2s ease-out modalFadeIn;overflow:hidden;box-shadow:0 10px 25px #0000001a}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.btn-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;font-size:16px;display:flex}.btn-close:hover{color:#475569;background-color:#f1f5f9}.details-table{border-collapse:collapse;border:1px solid #f1f5f9;border-radius:8px;width:100%}.details-table td{color:#1e293b;vertical-align:middle;word-break:break-word;border:1px solid #f1f5f9;padding:14px 16px;font-size:13px}.details-table td:nth-child(odd){color:#64748b;background-color:#fafafa;width:14%;font-weight:400}.details-table td:nth-child(2n){width:19%;font-weight:500}.modal-user-cell{color:#1e293b;justify-content:flex-start;align-items:center;gap:8px;font-weight:500;display:flex;flex-direction:row!important}.status-badge.pending{color:#f97316;background-color:#ffedd5}.result-text{color:#3b82f6}body.dark-mode .modal-container{background-color:#1e293b;border:1px solid #334155}body.dark-mode .btn-close:hover{color:#f8fafc;background-color:#334155}body.dark-mode .details-table{border-color:#334155}body.dark-mode .details-table td:nth-child(odd){color:#94a3b8;background-color:#0f172a}body.dark-mode .status-badge.pending{color:#fb923c;background-color:#7c2d12}.overall-report-page{background-color:#f8fafc;min-height:100%;padding:30px 40px}.header-icon.bg-indigo{color:#fff;background-color:#6366f1;border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.bg-teal-light{background-color:#ccfbf1}.text-teal{color:#14b8a6}.bg-red-light{background-color:#fee2e2}.bg-blue-light{background-color:#e0f2fe}.bg-pink-light{background-color:#fce7f3}.text-pink{color:#ec4899}.charts-container{gap:20px;margin-bottom:25px;display:flex}.chart-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:1;padding:24px}.table-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.daily-table tfoot td{color:#1e293b;background-color:#f8fafc;border-bottom:none;padding:16px;font-size:14px}body.dark-mode .overall-report-page{background-color:#0f172a}body.dark-mode .metric-value,body.dark-mode .chart-title,body.dark-mode .table-title{color:#f8fafc}body.dark-mode .bg-teal-light{background-color:#14b8a633}body.dark-mode .bg-red-light{background-color:#ef444433}body.dark-mode .bg-blue-light{background-color:#3b82f633}body.dark-mode .bg-pink-light{background-color:#ec489933}body.dark-mode .daily-table tfoot td{color:#f8fafc;background-color:#0f172a}.revenue-report-page{background-color:#f8fafc;min-height:100%;padding:30px 40px}.header-icon.bg-green-solid{color:#fff;background-color:#10b981;border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.revenue-metrics-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:25px;display:grid}.bg-purple-light{background-color:#ede9fe}.text-purple{color:#8b5cf6}.bg-orange-light{background-color:#ffedd5}.text-orange{color:#f97316}.bg-green-light{background-color:#dcfce7}.chart-wrapper{margin-left:-20px}.text-red-bold{color:#ef4444;font-weight:600}body.dark-mode .revenue-report-page{background-color:#0f172a}body.dark-mode .metric-value,body.dark-mode .chart-title,body.dark-mode .table-title{color:#f8fafc}body.dark-mode .bg-purple-light{background-color:#8b5cf633}body.dark-mode .bg-orange-light{background-color:#f9731633}body.dark-mode .bg-green-light{background-color:#22c55e33}.user-report-page{background-color:#f8fafc;min-height:100%;padding:30px 40px}.user-metrics-grid{grid-template-columns:repeat(5,1fr);gap:15px;margin-bottom:25px;display:grid}.bg-red-solid{background-color:#ef4444}.chart-card.full-width{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;margin-bottom:25px;padding:24px}.custom-chart-tooltip{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 15px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.custom-chart-tooltip .tooltip-label{color:#64748b;margin:0 0 5px;font-size:12px}.custom-chart-tooltip .tooltip-value{color:#1e293b;margin:0;font-size:13px;font-weight:600}.tables-row{gap:20px;margin-bottom:30px;display:flex}.table-card.half-width{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:1;min-width:0;padding:24px}.text-bold{color:#1e293b;font-weight:600}body.dark-mode .user-report-page{background-color:#0f172a}body.dark-mode .metric-value,body.dark-mode .chart-title,body.dark-mode .table-title{color:#f8fafc}body.dark-mode .text-bold{color:#f8fafc}body.dark-mode .custom-chart-tooltip{background-color:#1e293b;border-color:#334155}body.dark-mode .custom-chart-tooltip .tooltip-value{color:#f8fafc}.game-report-page{background-color:#f8fafc;min-height:100%;padding:30px 40px}.report-header-section{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.header-icon.bg-purple-solid{color:#fff;background-color:#8b5cf6;border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.btn-generate{color:#fff;cursor:pointer;background-color:#0ea5e9;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:flex}.game-metrics-grid{grid-template-columns:repeat(5,1fr);gap:15px;margin-bottom:25px;display:grid}.metric-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.text-white{color:#fff}.charts-split-layout{gap:20px;margin-bottom:25px;display:flex}.chart-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:0;padding:24px}.flex-2{flex:2}.flex-1{flex:1}.pie-wrapper .recharts-pie-label-text{fill:#8b5cf6;font-size:10px}.table-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:30px;padding:24px}.daily-table{border-collapse:collapse;width:100%}.daily-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #f1f5f9;padding:14px 10px;font-size:11px;font-weight:600}.daily-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:14px 10px;font-size:13px}.daily-table tbody tr.active-row td{background-color:#f8fafc}.daily-table tbody tr.active-row td:first-child{position:relative}.daily-table tbody tr.active-row td:first-child:before{content:"";background-color:#06b6d4;width:4px;position:absolute;top:0;bottom:0;left:-24px}.text-green-bold{color:#10b981;font-weight:600}.text-orange-bold{color:#f97316;font-weight:600}body.dark-mode .game-report-page{background-color:#0f172a}body.dark-mode .metric-card,body.dark-mode .chart-card,body.dark-mode .table-card{background-color:#1e293b;border-color:#334155}body.dark-mode .date-picker-wrapper,body.dark-mode .btn-export{color:#cbd5e1;background-color:#1e293b;border-color:#334155}body.dark-mode .metric-title{color:#94a3b8}body.dark-mode .metric-value,body.dark-mode .chart-title,body.dark-mode .table-title{color:#f8fafc}body.dark-mode .daily-table th,body.dark-mode .daily-table td{color:#cbd5e1;border-color:#334155}body.dark-mode .daily-table tbody tr.active-row td{background-color:#334155}.payment-report-page{background-color:#f8f9fa;min-height:100vh;padding:24px}.report-header-section{background-color:#fff;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px 24px;display:flex;box-shadow:0 2px 10px #00000005}.header-icon.bg-teal{background-color:#0ea5e9}.date-picker-wrapper{color:#334155;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:12px;padding:8px 16px;font-size:14px;display:flex}.date-picker-wrapper .arrow{color:#94a3b8}.date-picker-wrapper .calendar-icon{color:#64748b;margin-left:8px}.btn-generate{color:#fff;cursor:pointer;background-color:#00bcd4;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:background-color .2s;display:flex}.btn-generate:hover{background-color:#00acc1}.btn-export{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .2s;display:flex}.payment-tabs{border-bottom:1px solid #e2e8f0;gap:32px;margin-bottom:24px;display:flex}.tab-item{color:#64748b;cursor:pointer;padding:0 0 12px;font-size:15px;font-weight:600;transition:color .2s;position:relative}.tab-item:hover,.tab-item.active{color:#00bcd4}.tab-item.active:after{content:"";background-color:#00bcd4;border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-1px;left:0;right:0}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:24px;display:grid}.metric-card{background-color:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:24px;display:flex;box-shadow:0 2px 10px #00000005}.metric-info{flex-direction:column;gap:8px;display:flex}.metric-title{color:#8e95a5;font-size:13px;font-weight:500}.metric-value{color:#1a1a1a;font-size:20px;font-weight:700}.metric-icon-box{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.bg-purple-solid{background-color:#8b5cf6}.bg-green-solid{background-color:#10b981}.bg-blue-solid{background-color:#6366f1}.bg-orange-solid{background-color:#f59e0b}.bg-cyan-solid{background-color:#06b6d4}.charts-container{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;display:grid}.chart-card{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 10px #00000005}.chart-title{color:#64748b;margin:0 0 24px;font-size:14px;font-weight:600}.pie-chart-wrapper{flex-direction:column;align-items:center;display:flex}.custom-legend{justify-content:center;gap:16px;margin-top:16px;display:flex}.legend-item{align-items:center;gap:6px;display:flex}.legend-color{border-radius:50%;width:8px;height:8px}.legend-label{font-size:12px;font-weight:600}.table-card{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 10px #00000005}.table-title{color:#64748b;margin:0 0 16px;font-size:14px;font-weight:600}.table-responsive{overflow-x:auto}.payment-table{border-collapse:collapse;text-align:left;width:100%}.payment-table th{color:#64748b;text-transform:uppercase;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:16px;font-size:12px;font-weight:600}.payment-table td{color:#334155;border-bottom:1px solid #e2e8f0;padding:16px;font-size:14px}.payment-table tr:last-child td{border-bottom:none}body.dark-mode .payment-report-page{background-color:#1a1c24}body.dark-mode .report-header-section,body.dark-mode .metric-card,body.dark-mode .chart-card,body.dark-mode .table-card{box-shadow:none;background-color:#232632}body.dark-mode .header-titles h2,body.dark-mode .metric-value,body.dark-mode .payment-table td{color:#fff}body.dark-mode .header-titles p,body.dark-mode .metric-title,body.dark-mode .chart-title,body.dark-mode .table-title,body.dark-mode .payment-table th{color:#8e95a5}body.dark-mode .date-picker-wrapper{color:#fff;background-color:#1a1c24;border-color:#333848}body.dark-mode .btn-export{color:#fff;background-color:#232632;border-color:#333848}body.dark-mode .btn-export:hover{background-color:#333848}body.dark-mode .payment-tabs{border-color:#333848}body.dark-mode .payment-table th{background-color:#1a1c24;border-color:#333848}body.dark-mode .payment-table td{border-color:#333848}body.dark-mode .font-semibold.text-gray-800{color:#fff}@media (width<=1200px){.charts-container{grid-template-columns:1fr}}.wage-records-page{background-color:#f8f9fa;min-height:100vh;padding:24px}.wage-header-section{background-color:#0000;align-items:center;margin-bottom:24px;display:flex}.header-icon.bg-green{background-color:#10b981}.wage-content-container{background-color:#fff;border-radius:12px;min-height:500px;padding:24px;box-shadow:0 2px 10px #00000005}.wage-filter-bar{align-items:center;gap:16px;margin-bottom:24px;display:flex}.wage-table-responsive{overflow-x:auto}.wage-table{border-collapse:collapse;text-align:left;width:100%}.wage-table th{color:#64748b;text-transform:uppercase;white-space:nowrap;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:16px 20px;font-size:12px;font-weight:600}.wage-table td{color:#334155;border-bottom:1px solid #e2e8f0;padding:16px 20px;font-size:14px}body.dark-mode .wage-records-page{background-color:#1a1c24}body.dark-mode .wage-content-container{box-shadow:none;background-color:#232632}body.dark-mode .header-titles p,body.dark-mode .wage-table th{color:#8e95a5}body.dark-mode .wage-table th{background-color:#1a1c24;border-color:#333848}body.dark-mode .wage-table td{color:#d1d5db;border-color:#333848}.agent-commissions-page{background-color:#f8f9fa;min-height:100vh;padding:24px}.agent-header-section{background-color:#0000;align-items:center;margin-bottom:24px;display:flex}.header-icon.bg-orange{background-color:#f59e0b}.agent-content-container{background-color:#fff;border-radius:12px;min-height:500px;padding:24px;box-shadow:0 2px 10px #00000005}.agent-filter-bar{align-items:center;gap:16px;margin-bottom:24px;display:flex}.agent-table-responsive{overflow-x:auto}.agent-table{border-collapse:collapse;text-align:left;width:100%}.agent-table th{color:#64748b;text-transform:uppercase;white-space:nowrap;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:16px 20px;font-size:12px;font-weight:600}.agent-table td{color:#334155;border-bottom:1px solid #e2e8f0;padding:16px 20px;font-size:14px}.empty-state{text-align:center;border-bottom:none!important;padding:60px 0!important}.empty-content{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.empty-icon-wrapper{color:#cbd5e1;opacity:.7;font-size:48px}.empty-content p{margin:0;font-size:14px;font-weight:500}body.dark-mode .agent-commissions-page{background-color:#1a1c24}body.dark-mode .agent-content-container{box-shadow:none;background-color:#232632}body.dark-mode .header-titles p,body.dark-mode .agent-table th{color:#8e95a5}body.dark-mode .agent-table th{background-color:#1a1c24;border-color:#333848}body.dark-mode .agent-table td{color:#d1d5db;border-color:#333848}body.dark-mode .empty-icon-wrapper{color:#333848}body.dark-mode .empty-content{color:#6b7280}.rebate-records-page{background-color:#f8f9fa;min-height:100vh;padding:24px}.rebate-header-section{background-color:#0000;align-items:center;margin-bottom:24px;display:flex}.header-icon.bg-indigo{background-color:#6366f1}.rebate-content-container{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 10px #00000005}.rebate-filter-bar{align-items:center;gap:16px;margin-bottom:24px;display:flex}.rebate-table-responsive{overflow-x:auto}.rebate-table{border-collapse:collapse;text-align:left;width:100%}.rebate-table th{color:#64748b;text-transform:uppercase;white-space:nowrap;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:16px 20px;font-size:12px;font-weight:600}.rebate-table td{color:#334155;border-bottom:1px solid #e2e8f0;padding:16px 20px;font-size:14px}.game-badge{color:#a855f7;font-weight:500}.rebate-amount{font-weight:600;color:#10b981!important}.rebate-pagination{justify-content:flex-end;align-items:center;gap:16px;padding:24px 0 0;display:flex}.page-btn,.page-nav-btn{color:#334155;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;transition:all .2s;display:flex}.page-btn.active{color:#0ea5e9;border:1px solid #0ea5e9;font-weight:600}.per-page-selector{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;outline:none;margin-left:8px;padding:6px 12px;font-size:13px}body.dark-mode .rebate-records-page{background-color:#1a1c24}body.dark-mode .rebate-content-container{box-shadow:none;background-color:#232632}body.dark-mode .header-titles p,body.dark-mode .rebate-table th{color:#8e95a5}body.dark-mode .search-input-wrapper,body.dark-mode .refresh-btn{background-color:#1a1c24;border-color:#333848}body.dark-mode .rebate-table th{background-color:#1a1c24;border-color:#333848}body.dark-mode .rebate-table td{color:#d1d5db;border-color:#333848}body.dark-mode .game-badge{color:#c084fc}body.dark-mode .rebate-amount{color:#34d399!important}body.dark-mode .pagination-info,body.dark-mode .page-btn,body.dark-mode .page-nav-btn{color:#9ca3af}body.dark-mode .page-btn:hover,body.dark-mode .page-nav-btn:hover{color:#fff;background-color:#374151}.manual-reports-page{background-color:#f8f9fa;min-height:100vh;padding:24px}.reports-header-wrapper{background:#fff;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px 24px;display:flex;box-shadow:0 2px 10px #00000005}.title-icon-container{background-color:#ff9800;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.title-icon{color:#fff;font-size:20px}.date-picker-container{color:#555;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;align-items:center;gap:12px;padding:8px 16px;font-size:14px;display:flex}.calendar-icon{color:#aaa;margin-left:8px}.refresh-btn{color:#333;cursor:pointer;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-weight:500;transition:background .2s;display:flex}.reports-table-container{background:#fff;border-radius:12px;padding:0;overflow:hidden;box-shadow:0 2px 10px #00000005}.reports-table{border-collapse:collapse;text-align:left;width:100%}.reports-table th{color:#666;text-transform:uppercase;letter-spacing:.5px;background-color:#f9fafc;border-bottom:1px solid #edf2f9;padding:16px 24px;font-size:12px;font-weight:600}.reports-table td{vertical-align:middle;color:#444;border-bottom:1px solid #edf2f9;padding:16px 24px;font-size:14px}.reports-table tr:last-child td{border-bottom:none}.lottery-image-placeholder{background:#f0f0f0;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.lottery-image-placeholder img{object-fit:cover;max-width:100%;max-height:100%}.lottery-info{flex-direction:column;gap:4px;display:flex}.lottery-info strong{color:#333;font-weight:600}.phase-badge{color:#0284c7;background-color:#e0f2fe;border-radius:12px;width:fit-content;padding:2px 8px;font-size:12px;font-weight:500;display:inline-block}.report-pdf-btn{color:#fff;cursor:pointer;background-color:#ef4444;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:background .2s;display:flex}.report-pdf-btn:hover{background-color:#dc2626}.report-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.report-modal{box-sizing:border-box;background:#fff;border-radius:12px;width:700px;padding:48px;animation:.2s ease-out modalFadeIn;overflow:hidden;box-shadow:0 10px 25px #0000001a}.modal-header{border-bottom:1px solid #edf2f9;justify-content:space-between;align-items:center;margin-bottom:32px;padding:0 0 24px;display:flex}.close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0;font-size:24px;line-height:1;transition:color .2s}.close-btn:hover{color:#475569}.form-control{color:#334155;border:1px solid #e2e8f0;border-radius:6px;outline:none;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s}.custom-dropdown{width:100%;position:relative}.dropdown-header{color:#64748b;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:14px;transition:border-color .2s;display:flex}.dropdown-header.open{border-color:#06b6d4}.dropdown-arrow{color:#cbd5e1;font-size:12px;font-weight:700;transform:scaleY(.7)}.dropdown-list{z-index:10;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.dropdown-item{color:#334155;cursor:pointer;border-radius:4px;padding:10px 12px;font-size:14px;transition:background-color .2s}.dropdown-item:hover{background-color:#f1f5f9}.dropdown-item.selected{color:#0284c7;background-color:#e0f2fe;font-weight:500}.download-section h4,.single-slot-section h4{color:#1e293b;margin:0 0 12px;font-size:13px;font-weight:600}.download-buttons{border-bottom:1px solid #edf2f9;gap:12px;margin-bottom:32px;padding-bottom:32px;display:flex}.btn-red,.btn-blue{color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:700;transition:opacity .2s;display:flex}.btn-red{background-color:#ef4444}.btn-blue{background-color:#1798bd}.btn-red:hover,.btn-blue:hover{opacity:.9}.slot-table-wrapper{background-color:#fff;border:1px solid #f1f5f9;border-radius:8px;overflow:hidden}.slot-table{border-collapse:collapse;width:100%}.slot-table th,.slot-table td{text-align:left;padding:12px 16px}.slot-table th{color:#64748b;background-color:#f8fafc;border-bottom:1px solid #f1f5f9;font-size:13px;font-weight:500}.slot-table td{color:#334155;background-color:#fff;border-bottom:1px solid #f1f5f9;font-size:14px;font-weight:500}.slot-table tr:last-child td{border-bottom:none}.slot-actions{gap:8px;display:flex}.btn-outline-red,.btn-outline-dark{cursor:pointer;background:#fff;border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:background-color .2s;display:flex}.btn-outline-red{color:#ef4444;border:1px solid #ef4444}.btn-outline-red:hover{background-color:#fef2f2}.btn-outline-dark{color:#475569;border:1px solid #64748b}.btn-outline-dark:hover{background-color:#f8fafc}body.dark-mode .manual-reports-page{background-color:#0f172a}body.dark-mode .reports-header-wrapper,body.dark-mode .reports-table-container,body.dark-mode .report-modal{box-shadow:none;background-color:#1e293b;border:1px solid #334155}body.dark-mode .title-text-container h2,body.dark-mode .lottery-info strong,body.dark-mode .modal-header h3,body.dark-mode .form-group label,body.dark-mode .download-section h4,body.dark-mode .single-slot-section h4{color:#f8fafc}body.dark-mode .title-text-container p,body.dark-mode .close-btn{color:#94a3b8}body.dark-mode .date-picker-container,body.dark-mode .refresh-btn,body.dark-mode .form-control,body.dark-mode .dropdown-header,body.dark-mode .dropdown-list{color:#f8fafc;background-color:#0f172a;border-color:#334155}body.dark-mode .reports-table th,body.dark-mode .slot-table th{color:#94a3b8;background-color:#0f172a;border-bottom:1px solid #334155}body.dark-mode .reports-table td,body.dark-mode .slot-table td{color:#cbd5e1;background-color:#1e293b;border-bottom:1px solid #334155}body.dark-mode .modal-header,body.dark-mode .download-buttons{border-bottom:1px solid #334155}body.dark-mode .lottery-image-placeholder{background-color:#334155}body.dark-mode .phase-badge{color:#cbd5e1;background-color:#334155}body.dark-mode .dropdown-item{color:#f8fafc}body.dark-mode .dropdown-item:hover{background-color:#334155}body.dark-mode .slot-table-wrapper{border-color:#334155}body.dark-mode .btn-outline-red,body.dark-mode .btn-outline-dark{background-color:#1e293b}body.dark-mode .btn-outline-dark{color:#cbd5e1;border-color:#64748b}.date-range-picker-container{font-family:inherit;position:relative}.date-input-wrapper{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-width:280px;padding:8px 16px;font-size:14px;transition:border-color .2s,box-shadow .2s;display:flex}.date-input-wrapper.active{border-color:#06b6d4}.date-arrow,.calendar-icon{color:#94a3b8}.date-picker-dropdown{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;animation:.2s ease-out modalFadeIn;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 25px #0000001a}.calendar-wrapper{gap:32px;display:flex}.calendar-month{width:250px}.calendar-month-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.month-title{color:#1e293b;font-size:14px;font-weight:700}.nav-arrows{color:#cbd5e1;cursor:pointer;gap:12px;font-size:14px;display:flex}.nav-arrows span:hover{color:#64748b}.nav-arrows-placeholder{width:40px}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px 0;display:grid}.calendar-day-name{text-align:center;color:#64748b;margin-bottom:8px;font-size:13px;font-weight:600}.calendar-cell{color:#334155;cursor:pointer;justify-content:center;align-items:center;height:32px;font-size:13px;font-weight:500;transition:all .1s;display:flex}.calendar-cell:hover:not(.selected):not(.other-month){background-color:#f1f5f9;border-radius:4px}.calendar-cell.other-month{color:#cbd5e1}.calendar-cell.selected{color:#fff;background-color:#1798bd;border-radius:4px}.calendar-cell.in-range{background-color:#e0f7fa}.calendar-cell.selected.in-range{color:#fff;background-color:#1798bd}body.dark-mode .date-input-wrapper{color:#e2e8f0;background-color:#0f172a;border-color:#334155}body.dark-mode .date-picker-dropdown{background-color:#1e293b;border-color:#334155}body.dark-mode .month-title{color:#f8fafc}body.dark-mode .calendar-day-name{color:#94a3b8}body.dark-mode .calendar-cell{color:#cbd5e1}body.dark-mode .calendar-cell:hover:not(.selected):not(.other-month){background-color:#334155}body.dark-mode .calendar-cell.other-month{color:#475569}body.dark-mode .calendar-cell.in-range{color:#f8fafc;background-color:#334155}.recharge-page{background-color:#f8fafc;min-height:100%;padding:30px 40px}.recharge-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.btn-export{color:#14b8a6;cursor:pointer;background-color:#fff;border:1px solid #14b8a6;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;display:flex}.btn-export:hover{background-color:#f0fdfa}.recharge-stats{gap:20px;margin-bottom:25px;display:flex}.stat-card{color:#fff;border-radius:12px;flex:1;padding:20px;box-shadow:0 4px 6px #0000000d}.stat-card.bg-success{background:linear-gradient(135deg,#34d399 0%,#15803d 100%)}.stat-card.bg-warning{background:linear-gradient(135deg,#fb923c 0%,#c2410c 100%)}.stat-card.bg-danger{background:linear-gradient(135deg,#fb7185 0%,#be123c 100%)}.stat-card.bg-primary{background:linear-gradient(135deg,#60a5fa 0%,#1d4ed8 100%)}.stat-card h3{margin:0 0 10px;font-size:24px;font-weight:700}.stat-card p{opacity:.9;margin:0;font-size:14px;font-weight:600}.stat-card small{opacity:.8;margin-top:5px;font-size:12px;display:block}.recharge-filters{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;gap:15px;margin-bottom:25px;padding:15px;display:flex}.search-wrapper{align-items:center;display:flex;position:relative}.search-wrapper input{color:#1e293b;border:1px solid #e2e8f0;border-radius:8px;width:250px;padding:10px 10px 10px 35px;font-size:14px}.date-picker-wrapper{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;display:flex;overflow:hidden}.date-input{color:#475569;border:none;outline:none;padding:10px 15px;font-size:14px}.date-separator{color:#94a3b8;padding:0 5px}.btn-refresh{aspect-ratio:1;color:#64748b;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;display:flex}.recharge-table-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:25px;overflow:hidden}.recharge-table{border-collapse:collapse;width:100%}.recharge-table th{text-align:left;color:#64748b;border-bottom:1px solid #e2e8f0;padding:15px 20px;font-size:12px;font-weight:700}.recharge-table td{vertical-align:top;border-bottom:1px solid #f1f5f9;padding:15px 20px}.recharge-table td:first-child{position:relative}.recharge-table tbody tr{transition:all .2s}.recharge-table tbody tr:hover td,.recharge-table tbody tr.selected td{background-color:#ecfeff}.recharge-table tbody tr:hover td:first-child:before,.recharge-table tbody tr.selected td:first-child:before{content:"";background:linear-gradient(#06b6d4 0%,#3b82f6 100%);border-top-right-radius:4px;border-bottom-right-radius:4px;width:4px;position:absolute;top:0;bottom:0;left:0}.initiated-cell,.user-cell,.gateway-cell,.status-cell{flex-direction:column;gap:4px;display:flex}.datetime{color:#1e293b;font-size:13px;font-weight:600}.relative-time{color:#64748b;font-size:12px}.btn-view-link{color:#ef4444;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;width:fit-content;margin-top:2px;padding:0;font-size:12px;font-weight:600;display:flex}.username{color:#1e293b;font-size:13px;font-weight:600}.userid{color:#3b82f6;font-size:12px}.numberid{color:#94a3b8;font-size:11px}.balance-text,.amount-text{color:#10b981;font-size:14px;font-weight:700}.gateway-method{color:#64748b;font-size:12px}.status-pill.approved{color:#166534;background-color:#dcfce7}.status-pill.approved .status-dot{background-color:#22c55e}.status-pill.pending{color:#9a3412;background-color:#ffedd5}.status-pill.pending .status-dot{background-color:#f97316}.status-time{color:#94a3b8;margin-left:10px;font-size:11px}.btn-details{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:flex}.btn-details:hover{background-color:#f8fafc}.pagination{justify-content:flex-end;align-items:center;gap:20px;display:flex}.total-records{color:#64748b;font-size:13px}.page-numbers{gap:5px;display:flex}.page-btn{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;display:flex}.page-btn.active{color:#fff;background-color:#3b82f6;border-color:#3b82f6}.page-btn.disabled{opacity:.5;cursor:not-allowed}.ellipsis{color:#94a3b8;align-items:flex-end;padding:0 5px;display:flex}.page-size-select{color:#475569;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;outline:none;padding:6px 12px;font-size:13px}body.dark-mode .recharge-page{background-color:#0f172a}body.dark-mode .btn-export{background-color:#0f172a}body.dark-mode .recharge-filters,body.dark-mode .recharge-table-container{background-color:#1e293b;border-color:#334155}body.dark-mode .search-wrapper input,body.dark-mode .date-input,body.dark-mode .btn-refresh,body.dark-mode .page-btn,body.dark-mode .page-size-select,body.dark-mode .btn-details{color:#cbd5e1;background-color:#0f172a;border-color:#334155}body.dark-mode .date-picker-wrapper{border-color:#334155}body.dark-mode .recharge-table th{border-bottom-color:#334155}body.dark-mode .recharge-table td{border-bottom-color:#1e293b}body.dark-mode .recharge-table tr:hover td{background-color:#334155}body.dark-mode .datetime,body.dark-mode .username,body.dark-mode .gateway-name{color:#f8fafc}body.dark-mode .status-pill.approved{color:#34d399;background-color:#064e3b}body.dark-mode .status-pill.pending{color:#fb923c;background-color:#7c2d12}.modal-overlay{z-index:1000;background-color:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-container{background-color:#fff;border-radius:12px;width:90%;max-width:800px;animation:.3s modalFadeIn;overflow:hidden;box-shadow:0 10px 25px #0000001a}.details-table-wrapper{border:1px solid #f1f5f9;border-radius:8px;overflow:hidden}.details-table{border-collapse:collapse;width:100%}.details-table td{color:#1e293b;vertical-align:middle;border:1px solid #f1f5f9;padding:15px;font-size:13px}.details-table td.label{color:#64748b;background-color:#f8fafc;width:14%}.text-green{color:#10b981;font-weight:600}.modal-footer{justify-content:flex-end;padding:15px 25px 20px;display:flex}.btn-modal-close{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 20px;font-size:14px;font-weight:600}.btn-modal-close:hover{background-color:#f8fafc}body.dark-mode .modal-container{background-color:#1e293b}body.dark-mode .details-table-wrapper{border-color:#334155}body.dark-mode .details-table td{color:#cbd5e1;border-color:#334155}body.dark-mode .details-table td.label{color:#94a3b8;background-color:#0f172a}body.dark-mode .btn-modal-close{color:#cbd5e1;background-color:#0f172a;border-color:#334155}body.dark-mode .btn-modal-close:hover{background-color:#334155}.commission-page{background-color:#f8fafc;min-height:100%;padding:30px 40px}.commission-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.commission-table-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.commission-table{border-collapse:collapse;width:100%}.commission-table th{text-align:left;color:#64748b;border-bottom:1px solid #e2e8f0;padding:15px 20px;font-size:12px;font-weight:700}.commission-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:15px 20px}.commission-table td:first-child{position:relative}.commission-table tbody tr{transition:all .2s}.commission-table tbody tr:hover td{background-color:#ecfeff}.commission-table tbody tr:hover td:first-child:before{content:"";background:linear-gradient(#06b6d4 0%,#3b82f6 100%);border-top-right-radius:4px;border-bottom-right-radius:4px;width:4px;position:absolute;top:0;bottom:0;left:0}.level-pill{color:#a855f7;background-color:#f3e8ff;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.rate-text{color:#8b5cf6;font-size:14px;font-weight:600}.game-type-pill{color:#3b82f6;background-color:#e0f2fe;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}body.dark-mode .commission-page{background-color:#0f172a}body.dark-mode .commission-table-container{background-color:#1e293b;border-color:#334155}body.dark-mode .commission-table th{border-bottom-color:#334155}body.dark-mode .commission-table td{border-bottom-color:#1e293b}body.dark-mode .commission-table tr:hover td{background-color:#334155}body.dark-mode .level-pill{color:#d8b4fe;background-color:#3b0764}body.dark-mode .game-type-pill{color:#93c5fd;background-color:#1e3a8a}body.dark-mode .rate-text{color:#d8b4fe}.comm-modal-overlay{z-index:1000;background-color:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.comm-modal-container{background-color:#fff;border-radius:12px;width:90%;max-width:600px;animation:.3s modalFadeIn;overflow:hidden;box-shadow:0 10px 25px #0000001a}.comm-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.comm-modal-header h3{color:#1e293b;margin:0;font-size:16px;font-weight:700}.comm-modal-body{padding:25px}.comm-form-row{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.comm-form-row.single{grid-template-columns:1fr}.comm-form-group{flex-direction:column;gap:8px;display:flex}.comm-form-group label{color:#334155;font-size:13px;font-weight:500}.comm-form-group label span{color:#ef4444}.comm-form-group input,.comm-form-group select{color:#1e293b;box-sizing:border-box;appearance:none;border:1px solid #e2e8f0;border-radius:6px;outline:none;width:100%;padding:10px 14px;font-size:14px}.comm-form-group input:focus,.comm-form-group select:focus{border-color:#0ea5e9}.comm-modal-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:12px;padding:15px 25px 20px;display:flex}body.dark-mode .comm-modal-container{background-color:#1e293b}body.dark-mode .comm-modal-header{border-color:#334155}body.dark-mode .comm-modal-header h3{color:#f8fafc}body.dark-mode .comm-form-group label{color:#cbd5e1}body.dark-mode .comm-form-group input,body.dark-mode .comm-form-group select{color:#f8fafc;background-color:#0f172a;border-color:#334155}body.dark-mode .comm-modal-footer{border-color:#334155}.recharge-awards-page{background-color:#f8fafc;min-height:100%;padding:30px 40px}.awards-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.btn-add{color:#fff;cursor:pointer;background-color:#06b6d4;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;display:flex}.btn-add:hover{background-color:#0891b2}.awards-filter-bar{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:15px;margin-bottom:40px;padding:15px;display:flex}.awards-filter-bar .filter-select{width:auto;min-width:180px}.awards-filter-bar .filter-select .custom-select-trigger{color:#475569;white-space:nowrap;border-radius:8px;height:36px;padding:0 16px}.awards-filter-bar .filter-select.has-value .custom-select-trigger{border-color:#06b6d4}.clear-icon{color:#cbd5e1;font-size:12px;transition:color .2s}.clear-icon:hover{color:#94a3b8}body.dark-mode .recharge-awards-page{background-color:#0f172a}body.dark-mode .awards-filter-bar,body.dark-mode .empty-state-container{background-color:#1e293b;border-color:#334155}body.dark-mode .filter-dropdown:hover,body.dark-mode .btn-refresh-outline:hover{background-color:#1e293b}.ra-modal-overlay{z-index:1000;background-color:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ra-modal-container{background-color:#fff;border-radius:12px;width:90%;max-width:750px;animation:.3s modalFadeIn;box-shadow:0 10px 25px #0000001a}.ra-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.ra-modal-header h3{color:#1e293b;margin:0;font-size:16px;font-weight:700}.ra-modal-body{padding:25px}.ra-form-row{gap:20px;margin-bottom:20px;display:grid}.ra-form-row.cols-2{grid-template-columns:1fr 1fr}.ra-form-row.cols-3{grid-template-columns:1fr 1fr 1fr}.ra-form-group{flex-direction:column;gap:8px;display:flex}.ra-form-group label{color:#334155;font-size:13px;font-weight:500}.ra-form-group label span{color:#ef4444}.ra-form-group input,.ra-form-group select{color:#1e293b;box-sizing:border-box;appearance:none;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;outline:none;width:100%;padding:10px 14px;font-size:14px}.ra-form-group input:focus,.ra-form-group select:focus{border-color:#0ea5e9}.select-wrapper{position:relative}.select-wrapper:after{content:"";pointer-events:none;border-top:5px solid #94a3b8;border-left:5px solid #0000;border-right:5px solid #0000;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon input{padding-right:35px}.input-icon{color:#cbd5e1;font-size:14px;position:absolute;right:12px}.ra-toggle{cursor:pointer;box-sizing:border-box;background-color:#e2e8f0;border-radius:13px;justify-content:space-between;align-items:center;width:65px;height:26px;padding:3px;transition:all .3s;display:inline-flex;position:relative}.ra-toggle.active{background-color:#06b6d4}.ra-toggle-text{color:#fff;z-index:1;margin-left:6px;font-size:11px;font-weight:600}.ra-toggle.active .ra-toggle-text{margin-left:8px}.ra-toggle-knob{background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;left:3px;box-shadow:0 1px 3px #0003}.ra-toggle.active .ra-toggle-knob{left:calc(100% - 23px)}.ra-modal-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:12px;padding:15px 25px 20px;display:flex}.btn-modal-cancel:hover{background-color:#f8fafc}body.dark-mode .ra-modal-container{background-color:#1e293b}body.dark-mode .ra-modal-header{border-color:#334155}body.dark-mode .ra-modal-header h3{color:#f8fafc}body.dark-mode .ra-form-group label{color:#cbd5e1}body.dark-mode .ra-form-group input,body.dark-mode .ra-form-group select{color:#f8fafc;background-color:#0f172a;border-color:#334155}body.dark-mode .ra-modal-footer{border-color:#334155}body.dark-mode .ra-toggle{background-color:#334155}body.dark-mode .ra-toggle.active{background-color:#06b6d4}.custom-select-wrapper{width:100%;position:relative}.custom-select-trigger{color:#1e293b;cursor:pointer;box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:14px;display:flex}.custom-select-wrapper.open .custom-select-trigger{border-color:#06b6d4}.dropdown-icon{color:#94a3b8}.custom-select-menu{z-index:10;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;width:100%;padding:4px 0;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 4px 12px #0000001a}.custom-select-option{color:#334155;cursor:pointer;padding:10px 14px;font-size:14px}.custom-select-option:hover{background-color:#f1f5f9}.custom-select-option.selected{color:#0f172a;background-color:#e6f6f5;font-weight:600}.custom-number-wrapper{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;height:40px;display:flex;position:relative;overflow:hidden}.custom-number-wrapper.focused{border-color:#06b6d4}.custom-number-wrapper .prefix{color:#64748b;background-color:#f8fafc;border-right:1px solid #e2e8f0;align-items:center;height:100%;padding-left:14px;padding-right:14px;font-size:14px;display:flex}.custom-number-wrapper input{color:#1e293b;background-color:#0000;border:none;outline:none;flex:1;width:100%;height:100%;padding:10px 14px;font-size:14px}.custom-number-wrapper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.custom-number-wrapper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.custom-number-wrapper input[type=number]{-moz-appearance:textfield}.custom-number-spinners{border-left:1px solid #e2e8f0;flex-direction:column;width:24px;height:100%;display:flex}.custom-number-spinners .spinner{color:#94a3b8;cursor:pointer;background-color:#fff;flex:1;justify-content:center;align-items:center;font-size:10px;display:flex}.custom-number-spinners .spinner:hover{color:#475569;background-color:#f1f5f9}.custom-number-spinners .spinner.up{border-bottom:1px solid #e2e8f0}.custom-date-wrapper{width:100%;position:relative}.custom-date-wrapper .input-with-icon,.custom-date-wrapper .input-with-icon input{cursor:pointer}.custom-date-popup{z-index:10;color:#1e293b;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;width:440px;font-size:13px;position:absolute;bottom:calc(100% + 4px);left:0;overflow:hidden;box-shadow:0 4px 15px #0000001a}.cd-body{display:flex}.cd-calendar{border-right:1px solid #e2e8f0;flex:1;padding:15px 20px}.cd-header{justify-content:space-between;margin-bottom:20px;font-size:12px;font-weight:600;display:flex}.cd-nav{color:#94a3b8;cursor:pointer;letter-spacing:2px;font-size:12px}.cd-grid{flex-direction:column;gap:12px;display:flex}.cd-row{justify-content:space-between;display:flex}.cd-row span{cursor:pointer;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.cd-row.header span{color:#64748b;cursor:default}.cd-row span.fade{color:#cbd5e1}.cd-row span:hover:not(.header span){background-color:#f1f5f9}.cd-row span.active{color:#06b6d4;background-color:#fff;border:1px solid #06b6d4}.cd-row span.hover-target{border:1px solid #1e293b}.cd-time{width:140px;padding:15px 0;display:flex}.cd-time-col{flex-direction:column;flex:1;align-items:center;gap:12px;height:240px;display:flex;overflow:hidden}.cd-time-col span{cursor:pointer;color:#475569}.cd-time-col span:hover{color:#06b6d4;font-weight:600}.cd-footer{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.cd-now{color:#3b82f6;cursor:pointer;font-weight:500}.cd-ok{color:#94a3b8;cursor:pointer;background-color:#f1f5f9;border:none;border-radius:4px;padding:6px 16px;font-weight:600}.cd-ok:hover{background-color:#e2e8f0}body.dark-mode .custom-select-trigger,body.dark-mode .custom-select-menu,body.dark-mode .custom-number-wrapper,body.dark-mode .custom-date-popup,body.dark-mode .cd-selected{color:#f8fafc;background-color:#0f172a;border-color:#334155}body.dark-mode .custom-number-wrapper .prefix{color:#cbd5e1;background-color:#1e293b;border-right-color:#334155}body.dark-mode .custom-number-wrapper input{color:#f8fafc}body.dark-mode .custom-number-spinners{border-left-color:#334155}body.dark-mode .custom-number-spinners .spinner{color:#64748b;background-color:#0f172a}body.dark-mode .custom-number-spinners .spinner.up{border-bottom-color:#334155}body.dark-mode .custom-number-spinners .spinner:hover,body.dark-mode .custom-select-option:hover,body.dark-mode .cd-row span:hover:not(.header span){background-color:#1e293b}body.dark-mode .custom-select-option{color:#f8fafc}body.dark-mode .custom-select-option.selected{color:#34d399;background-color:#064e3b}body.dark-mode .cd-calendar,body.dark-mode .cd-footer{border-color:#334155}body.dark-mode .cd-row.header span,body.dark-mode .cd-time-col span{color:#94a3b8}body.dark-mode .cd-row span.hover-target{border-color:#cbd5e1}body.dark-mode .cd-ok{color:#64748b;background-color:#1e293b;border-color:#334155}.gateways-page{background-color:#f8fafc;min-height:100%;padding:30px 40px}.gateways-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.gateways-stats{gap:20px;margin-bottom:25px;display:flex}.stat-title{color:#94a3b8;letter-spacing:.5px;margin:0 0 10px;font-size:11px;font-weight:700}.stat-value{margin:0;font-size:28px;font-weight:700}.text-slate{color:#1e293b}.text-blue{color:#3b82f6}.gateways-filter-bar{gap:15px;margin-bottom:25px;display:flex}.gateways-table-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.gateways-table{border-collapse:collapse;width:100%}.gateways-table th{text-align:left;color:#64748b;text-transform:uppercase;border-bottom:1px solid #e2e8f0;padding:15px 20px;font-size:11px;font-weight:700}.gateways-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:15px 20px}.gateways-table td:first-child{position:relative}.gateways-table tbody tr{transition:all .2s}.gateways-table tbody tr:hover td{background-color:#ecfeff}.gateways-table tbody tr:hover td:first-child:before{content:"";background:linear-gradient(#06b6d4 0%,#3b82f6 100%);border-top-right-radius:4px;border-bottom-right-radius:4px;width:4px;position:absolute;top:0;bottom:0;left:0}.gateway-icon-wrapper{background-color:#f1f5f9;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.mock-logo{font-size:12px}.gateway-name-cell{flex-direction:column;gap:4px;display:flex}.gateway-name-row{align-items:center;gap:8px;display:flex}.gateway-name{color:#1e293b;font-size:14px;font-weight:600}.gateway-subtitle{color:#94a3b8;font-size:12px}.no-creds-badge{color:#ef4444;background-color:#fef2f2;border-radius:12px;align-items:center;gap:4px;padding:2px 6px;font-size:10px;font-weight:600;display:inline-flex}.red-x{font-size:12px;font-weight:800}.mode-text{font-size:13px;font-weight:600}.mode-text.auto{color:#22c55e}.mode-text.manual{color:#f59e0b}.methods-wrapper{flex-wrap:wrap;gap:6px;display:flex}.method-pill{border-radius:12px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.method-upi{color:#22c55e;background-color:#dcfce7}.method-bank{color:#3b82f6;background-color:#e0f2fe}.method-card{color:#a855f7;background-color:#f3e8ff}.method-wallet{color:#f59e0b;background-color:#ffedd5}.amount-range{color:#1e293b;font-size:13px;font-weight:600}.fee-text{color:#475569;font-size:13px}.fee-text.free{color:#22c55e;font-weight:600}.dash{color:#cbd5e1}.btn-icon-edit,.btn-icon-link,.btn-icon-delete{cursor:pointer;background:0 0;border:none;padding:0;font-size:13px}.btn-icon-edit,.btn-icon-link{color:#3b82f6}.btn-icon-edit:hover,.btn-icon-link:hover{color:#2563eb}body.dark-mode .gateways-page{background-color:#0f172a}body.dark-mode .header-titles h2,body.dark-mode .stat-value.text-slate{color:#f8fafc}body.dark-mode .stat-card,body.dark-mode .gateways-table-container,body.dark-mode .search-wrapper,body.dark-mode .btn-refresh-outline{background-color:#1e293b;border-color:#334155}body.dark-mode .search-wrapper input,body.dark-mode .btn-refresh-outline{color:#cbd5e1;background-color:#0000}body.dark-mode .gateways-table th{border-bottom-color:#334155}body.dark-mode .gateways-table td{border-bottom-color:#1e293b}body.dark-mode .gateways-table tbody tr:hover td{background-color:#06b6d41a}body.dark-mode .gateway-icon-wrapper{background-color:#0f172a}body.dark-mode .gateway-name,body.dark-mode .amount-range{color:#f8fafc}body.dark-mode .fee-text:not(.free){color:#cbd5e1}body.dark-mode .status-pill.disabled,body.dark-mode .no-creds-badge{color:#f87171;background-color:#7f1d1d}.pg-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0f172a99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pg-modal-content{background-color:#fff;border-radius:16px;width:700px;max-width:90%;max-height:90vh;padding:30px 35px;animation:.22s cubic-bezier(.16,1,.3,1) modalScaleIn;position:relative;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.pg-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:24px;position:absolute;top:20px;right:20px}.pg-modal-content h3{color:#1e293b;margin:0 0 24px;font-size:20px;font-weight:700}.pg-form-row{gap:16px;margin-bottom:20px;display:flex}.pg-form-col{flex-direction:column;flex:1;gap:8px;display:flex}.pg-form-col label,.pg-form-group label{color:#475569;font-size:13px;font-weight:600}.pg-form-col input,.pg-form-col select,.pg-form-group input,.pg-form-group select{color:#1e293b;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:14px}.pg-form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.pg-help-text{color:#94a3b8;margin-top:-4px;font-size:11px;line-height:1.4}.pg-input-password-wrapper{position:relative}.pg-input-password-wrapper input{padding-right:40px}.pg-password-toggle-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.pg-input-icon-wrapper{border:1px solid #cbd5e1;border-radius:8px;align-items:center;padding:0 12px;display:flex}.pg-input-icon-wrapper span{color:#94a3b8;margin-right:8px;font-size:14px}.pg-input-icon-wrapper input{border:none;padding:10px 0}.pg-input-icon-wrapper svg{color:#94a3b8;margin-right:8px}.pg-upload-box{color:#94a3b8;cursor:pointer;background-color:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100px;height:100px;font-size:12px;display:flex}.pg-toggle-wrapper{align-items:center;gap:8px;display:flex}.pg-toggle{cursor:pointer;background-color:#cbd5e1;border-radius:12px;width:36px;height:20px;transition:all .2s;position:relative}.pg-toggle.active{background-color:#0891b2}.pg-toggle-knob{background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;top:2px;left:2px}.pg-toggle.active .pg-toggle-knob{transform:translate(16px)}.pg-toggle-text{color:#94a3b8;font-size:11px;font-weight:600}.pg-modal-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:12px;margin-top:30px;padding-top:20px;display:flex}.pg-modal-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 22px;font-size:14px;font-weight:600}.pg-btn-cancel{color:#475569;background-color:#fff;border:1px solid #cbd5e1}.pg-btn-ok{color:#fff;background-color:#0891b2}body.dark-mode .pg-modal-content{background-color:#1e293b;border:1px solid #334155}body.dark-mode .pg-modal-content h3{color:#fff}body.dark-mode .pg-form-col input,body.dark-mode .pg-form-group input,body.dark-mode .pg-form-col select,body.dark-mode .pg-form-group select{color:#fff;background-color:#0f172a;border-color:#334155}body.dark-mode .pg-input-icon-wrapper{background-color:#0f172a;border-color:#334155}body.dark-mode .pg-input-icon-wrapper input{color:#fff;background-color:#0000}body.dark-mode .pg-upload-box{background-color:#0f172a;border-color:#334155}body.dark-mode .pg-modal-actions{border-color:#334155}body.dark-mode .pg-btn-cancel{color:#cbd5e1;background-color:#0f172a;border-color:#334155}body.dark-mode .pg-toggle{background-color:#334155}.finance-settings-page{background-color:#f8fafc;min-height:100%;padding:30px 40px}.settings-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.header-icon.bg-green{color:#fff;background-color:#10b981;border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.btn-save{color:#fff;cursor:pointer;background-color:#0d9488;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;display:flex}.btn-save:hover{background-color:#0f766e}.settings-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:25px;padding:25px}.card-title{color:#1e293b;border-bottom:1px solid #f1f5f9;margin:0 0 20px;padding-bottom:15px;font-size:16px;font-weight:700}.form-grid-3{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px;display:grid}.form-grid-2{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px;display:grid}textarea.form-control{resize:vertical;min-height:80px}.input-with-prefix,.input-with-suffix{align-items:center;display:flex;position:relative}.input-with-prefix .input-prefix{color:#94a3b8;font-size:14px;font-weight:600;position:absolute;left:12px}.input-with-prefix .form-control{padding-left:32px}.input-with-suffix .input-suffix{color:#94a3b8;font-size:14px;font-weight:600;position:absolute;right:12px}.input-with-suffix .form-control{padding-right:32px}.text-right{text-align:right}.recharge-amounts-section,.transfer-tiers-section{margin-top:30px}.recharge-amounts-section>label,.transfer-tiers-section>label{color:#1e293b;margin-bottom:15px;font-size:13px;font-weight:700;display:block}.amounts-list,.tiers-list{flex-direction:column;gap:10px;margin-bottom:15px;display:flex}.amount-row,.tier-row{align-items:center;gap:15px;display:flex}.amount-col{flex:2}.mark-col{flex:3}.bonus-col,.tier-col,.tier-col.bonus{flex:1}.tiers-header{gap:15px;margin-bottom:8px;padding:0 40px 0 0;display:flex}.tiers-header .tier-col{color:#64748b;font-size:12px;font-weight:600}.btn-icon-remove{color:#ef4444;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;font-size:16px;transition:color .2s;display:flex}.btn-icon-remove:hover{color:#b91c1c}.btn-dashed-add{color:#64748b;cursor:pointer;background-color:#0000;border:1px dashed #cbd5e1;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.btn-dashed-add:hover{color:#475569;background-color:#f8fafc;border-color:#94a3b8}body.dark-mode .finance-settings-page{background-color:#0f172a}body.dark-mode .header-titles h2,body.dark-mode .card-title,body.dark-mode .recharge-amounts-section>label,body.dark-mode .transfer-tiers-section>label{color:#f8fafc}body.dark-mode .settings-card{background-color:#1e293b;border-color:#334155}body.dark-mode .card-title{border-bottom-color:#334155}body.dark-mode .btn-dashed-add{color:#94a3b8;border-color:#475569}body.dark-mode .btn-dashed-add:hover{color:#cbd5e1;background-color:#334155;border-color:#64748b}.rank-config-page{background-color:#f8fafc;min-height:100%;padding:30px 40px}.rank-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.rank-filter-bar{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;gap:15px;margin-bottom:25px;padding:15px;display:flex}.rank-table-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.rank-table{border-collapse:collapse;width:100%}.rank-table th{text-align:left;color:#64748b;text-transform:uppercase;border-bottom:1px solid #e2e8f0;padding:15px 20px;font-size:11px;font-weight:700}.rank-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:15px 20px}.rank-table tr:hover td{background-color:#f8fafc}.rank-name{color:#334155;font-size:13px;font-weight:500}.type-pill{color:#0f766e;background-color:#ccfbf1;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.period-pill{border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.period-pill.daily{color:#0369a1;background-color:#e0f2fe}.period-pill.weekly{color:#15803d;background-color:#dcfce7}.prize-ladder{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.prize-pill{border-radius:12px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-flex}.prize-pill .place{opacity:.8;font-size:10px;font-weight:800}.prize-pill.first{color:#b45309;background-color:#fef3c7}.prize-pill.second{color:#475569;background-color:#f1f5f9}.prize-pill.third{color:#c2410c;background-color:#ffedd5}.more-text{color:#94a3b8;margin-left:4px;font-size:11px;font-weight:600}body.dark-mode .rank-config-page{background-color:#0f172a}body.dark-mode .header-titles h2,body.dark-mode .rank-name{color:#f8fafc}body.dark-mode .rank-filter-bar,body.dark-mode .rank-table-container{background-color:#1e293b;border-color:#334155}body.dark-mode .filter-dropdown,body.dark-mode .btn-refresh-outline{color:#cbd5e1;background-color:#0f172a;border-color:#334155}body.dark-mode .rank-table th{border-bottom-color:#334155}body.dark-mode .rank-table td{border-bottom-color:#1e293b}body.dark-mode .rank-table tr:hover td{background-color:#334155}body.dark-mode .type-pill{color:#5eead4;background-color:#134e4a}body.dark-mode .period-pill.daily{color:#7dd3fc;background-color:#0c4a6e}body.dark-mode .period-pill.weekly{color:#86efac;background-color:#14532d}body.dark-mode .prize-pill.first{color:#fde68a;background-color:#78350f}body.dark-mode .prize-pill.second{color:#cbd5e1;background-color:#334155}body.dark-mode .prize-pill.third{color:#fed7aa;background-color:#7c2d12}.cdkeys-page{background-color:#f8fafc;min-height:100%;padding:30px 40px}.cdkeys-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.btn-action-outline{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;display:flex}.btn-action-outline:hover{background-color:#f8fafc}.cdkeys-filter-bar{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;gap:15px;margin-bottom:40px;padding:15px;display:flex}.empty-state-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;height:400px;display:flex}.empty-state-content{text-align:center;flex-direction:column;align-items:center;display:flex}.empty-state-illustration{margin-bottom:20px}.box-icon-wrapper{padding:20px;display:inline-block;position:relative}.box-icon-wrapper:after{content:"";z-index:0;filter:blur(2px);background-color:#cbd5e166;border-radius:50%;height:10px;position:absolute;bottom:10px;left:0;right:0}.box-icon-wrapper svg{z-index:1;position:relative}.speech-bubble{color:#fff;background-color:#e2e8f0;border-radius:12px;padding:4px 10px;font-size:10px;position:absolute;top:0;right:0}.empty-state-content h3{color:#64748b;margin-bottom:25px;font-size:14px;font-weight:500}body.dark-mode .cdkeys-page{background-color:#0f172a}body.dark-mode .cdkeys-filter-bar,body.dark-mode .empty-state-container{background-color:#1e293b;border-color:#334155}body.dark-mode .search-wrapper,body.dark-mode .filter-dropdown,body.dark-mode .btn-refresh-outline,body.dark-mode .btn-action-outline{color:#cbd5e1;background-color:#0f172a;border-color:#334155}body.dark-mode .btn-refresh-outline:hover,body.dark-mode .btn-action-outline:hover{background-color:#1e293b}body.dark-mode .empty-state-content h3{color:#94a3b8}body.dark-mode .speech-bubble{background-color:#334155}.banners-page{background-color:#f8fafc;min-height:100%;padding:30px 40px}.banners-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.header-icon.bg-pink{color:#fff;background-color:#ec4899;border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.banners-filter-bar{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;gap:15px;margin-bottom:25px;padding:15px;display:flex}.btn-refresh-outline{color:#64748b;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;margin-left:auto;display:flex}.banners-filter-bar .btn-refresh-outline{margin-left:0}.banners-table-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.banners-table{border-collapse:collapse;width:100%}.banners-table th{text-align:left;color:#64748b;text-transform:uppercase;border-bottom:1px solid #e2e8f0;padding:15px 20px;font-size:11px;font-weight:700}.banners-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:15px 20px}.banners-table tr:hover td{background-color:#f8fafc}.banner-title{color:#334155;font-size:13px;font-weight:500}.banner-link{color:#64748b;font-family:monospace;font-size:13px}.banner-sort,.banner-schedule{color:#64748b;font-size:13px}body.dark-mode .banners-page{background-color:#0f172a}body.dark-mode .header-titles h2,body.dark-mode .banner-title{color:#f8fafc}body.dark-mode .banners-filter-bar,body.dark-mode .banners-table-container{background-color:#1e293b;border-color:#334155}body.dark-mode .search-wrapper,body.dark-mode .btn-search-icon,body.dark-mode .btn-refresh-outline{color:#cbd5e1;background-color:#0f172a;border-color:#334155}body.dark-mode .banners-table th{border-bottom-color:#334155}body.dark-mode .banners-table td{border-bottom-color:#1e293b}body.dark-mode .banners-table tr:hover td{background-color:#334155}.drawer-form{flex-direction:column;gap:20px;display:flex}.popups-page{background-color:#f8fafc;min-height:100%;padding:30px 40px}.popups-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.popups-filter-bar{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;gap:15px;margin-bottom:25px;padding:15px;display:flex}.popups-table-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.popups-table{border-collapse:collapse;width:100%}.popups-table th{text-align:left;color:#64748b;text-transform:uppercase;border-bottom:1px solid #e2e8f0;padding:15px 20px;font-size:11px;font-weight:700}.popups-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:15px 20px}.popups-table tr:hover td{background-color:#f8fafc}.popup-title{color:#334155;font-size:13px;font-weight:500}.mock-thumbnail{border:1px solid #e2e8f0;border-radius:6px;width:60px;height:35px;overflow:hidden}.mock-img{background:linear-gradient(135deg,#4f46e5,#0f172a);width:100%;height:100%;position:relative}.mock-img:after{content:"POPUP";color:#fff6;font-size:8px;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dual-pills{gap:8px;display:flex}.freq-pill-cyan{color:#0f766e;background-color:#ccfbf1;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.popup-sort,.popup-schedule{color:#64748b;font-size:13px}.status-pill.disabled{color:#b91c1c;background-color:#fee2e2}.status-pill.disabled .status-dot{background-color:#ef4444}body.dark-mode .popups-page{background-color:#0f172a}body.dark-mode .header-titles h2,body.dark-mode .popup-title{color:#f8fafc}body.dark-mode .popups-filter-bar,body.dark-mode .popups-table-container{background-color:#1e293b;border-color:#334155}body.dark-mode .popups-table th{border-bottom-color:#334155}body.dark-mode .popups-table td{border-bottom-color:#1e293b}body.dark-mode .popups-table tr:hover td{background-color:#334155}body.dark-mode .freq-pill-cyan{color:#5eead4;background-color:#134e4a}body.dark-mode .status-pill.disabled{color:#fca5a5;background-color:#7f1d1d}body.dark-mode .mock-thumbnail{border-color:#334155}.announcements-page{background-color:#f8fafc;min-height:100%;padding:30px 40px}.announcements-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.header-icon.bg-purple{color:#fff;background-color:#8b5cf6;border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.announcements-filter-bar{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;gap:15px;margin-bottom:25px;padding:15px;display:flex}.announcements-table-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.announcements-table{border-collapse:collapse;width:100%}.announcements-table th{text-align:left;color:#64748b;text-transform:uppercase;border-bottom:1px solid #e2e8f0;padding:15px 20px;font-size:11px;font-weight:700}.sortable-header{cursor:pointer;align-items:center;gap:8px;display:flex}.sort-arrows{color:#cbd5e1;flex-direction:column;gap:2px;font-size:10px;display:flex}.announcements-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:15px 20px}.announcements-table tr:hover td{background-color:#f8fafc}.announcement-title{color:#334155;white-space:nowrap;font-size:13px;font-weight:500}.content-col{max-width:300px}.announcement-content{color:#64748b;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:13px;display:inline-block;overflow:hidden}.type-pill-blue{color:#1d4ed8;background-color:#dbeafe;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.announcement-sort,.announcement-created{color:#64748b;white-space:nowrap;font-size:13px}.status-pill{border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.btn-icon-text{cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:12px;font-weight:600;display:flex}.btn-icon-text.edit{color:#3b82f6}.btn-icon-text.edit:hover{color:#2563eb}.btn-icon-text.delete{color:#ef4444}.btn-icon-text.delete:hover{color:#dc2626}body.dark-mode .announcements-page{background-color:#0f172a}body.dark-mode .header-titles h2,body.dark-mode .announcement-title{color:#f8fafc}body.dark-mode .announcements-filter-bar,body.dark-mode .announcements-table-container{background-color:#1e293b;border-color:#334155}body.dark-mode .announcements-table th{border-bottom-color:#334155}body.dark-mode .announcements-table td{border-bottom-color:#1e293b}body.dark-mode .announcements-table tr:hover td{background-color:#334155}body.dark-mode .type-pill-blue{color:#93c5fd;background-color:#1e3a8a}.activities-page{background-color:#f8fafc;min-height:100%;padding:30px 40px}.activities-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.activities-filter-bar{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;gap:15px;margin-bottom:25px;padding:15px;display:flex}.search-group{gap:10px;display:flex}.search-wrapper{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;width:200px;display:flex;position:relative}.search-icon{color:#94a3b8;position:absolute;left:12px}.search-wrapper input{color:#1e293b;border:none;border-radius:8px;outline:none;width:100%;padding:10px 10px 10px 35px;font-size:14px}.btn-search-icon{color:#64748b;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.btn-search-icon:hover{background-color:#f8fafc}.empty-state-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:100px 20px;display:flex}.empty-illustration{margin-bottom:24px}.inbox-wrapper{justify-content:center;align-items:flex-end;width:120px;height:100px;display:flex;position:relative}.inbox-icon{color:#cbd5e1;z-index:2;font-size:80px}.document-sheet{z-index:1;background-color:#e2e8f0;border-radius:4px;width:50px;height:60px;position:absolute;bottom:25px;box-shadow:0 -2px 10px #0000000d}.document-sheet:after{content:"";background-color:#cbd5e1;border-radius:2px;height:4px;position:absolute;top:15px;left:10px;right:10px;box-shadow:0 12px #cbd5e1,0 24px #cbd5e1}.chat-bubble{color:#94a3b8;z-index:3;font-size:28px;position:absolute;top:0;right:0}.empty-text{color:#64748b;text-align:center;max-width:400px;margin-bottom:24px;font-size:15px}.btn-add-first{color:#fff;cursor:pointer;background-color:#0ea5e9;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;display:flex;box-shadow:0 4px 6px -1px #0ea5e933}.btn-add-first:hover{background-color:#0284c7}body.dark-mode .activities-page{background-color:#0f172a}body.dark-mode .activities-filter-bar,body.dark-mode .empty-state-container{background-color:#1e293b;border-color:#334155}body.dark-mode .search-wrapper,body.dark-mode .btn-search-icon,body.dark-mode .filter-dropdown,body.dark-mode .btn-refresh-outline{color:#cbd5e1;background-color:#0f172a;border-color:#334155}body.dark-mode .search-wrapper input{color:#cbd5e1;background-color:#0000}body.dark-mode .inbox-icon{color:#334155}body.dark-mode .document-sheet{background-color:#475569}body.dark-mode .document-sheet:after{background-color:#64748b;box-shadow:0 12px #64748b,0 24px #64748b}body.dark-mode .chat-bubble{color:#475569}body.dark-mode .empty-text{color:#94a3b8}.section-label{color:#3b82f6;margin-top:10px;margin-bottom:-10px;font-size:13px;font-weight:600}.upload-box-wrapper{margin-bottom:10px;display:flex}.upload-box:hover{color:#0d9488;border-color:#0d9488}.uploaded-image-preview{margin-bottom:10px}.mock-img-preview{border:1px solid #e2e8f0;border-radius:8px;width:150px;height:150px;overflow:hidden}body.dark-mode .form-group label,body.dark-mode .section-label{color:#cbd5e1}body.dark-mode .upload-box{color:#94a3b8;background-color:#1e293b;border-color:#475569}body.dark-mode .upload-box:hover{color:#0d9488;border-color:#0d9488}body.dark-mode .mock-img-preview{border-color:#334155}.checkin-config-page{background-color:#f8fafc;min-height:100%;padding:30px 40px}.checkin-header-section{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.header-icon.bg-orange{color:#fff;background-color:#f97316;border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.btn-add-primary{color:#fff;cursor:pointer;background-color:#0d9488;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;display:flex}.config-table-container,.user-checkins-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:30px;overflow:hidden}.filter-bar{border-bottom:1px solid #f1f5f9;gap:15px;padding:20px 24px;display:flex}.filter-dropdown{color:#1e293b;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;width:160px;padding:10px 15px;font-size:14px;display:flex}.placeholder-text,.dropdown-arrow{color:#94a3b8}.btn-refresh-outline{color:#64748b;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.btn-with-text{gap:8px;width:auto;padding:0 15px;font-size:14px;font-weight:500}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.5px;background-color:#fff;border-bottom:1px solid #f1f5f9;padding:16px 24px;font-size:12px;font-weight:600}.sort-arrows{vertical-align:middle;color:#cbd5e1;flex-direction:column;margin-left:5px;font-size:9px;display:inline-flex}.data-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:16px 24px;font-size:14px}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover td,.data-table tr.active-row td{background-color:#f8fafc}.data-table tbody tr:hover td:first-child,.data-table tr.active-row td:first-child{position:relative}.data-table tbody tr:hover td:first-child:before,.data-table tr.active-row td:first-child:before{content:"";background-color:#0d9488;width:4px;position:absolute;top:0;bottom:0;left:0}.pill-day{color:#0284c7;background-color:#e0f2fe;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:600}.pill-award{color:#ca8a04;background-color:#fef9c3;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:600}.font-semibold{font-weight:600}.btn-text-edit{color:#3b82f6;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.btn-text-delete{color:#ef4444;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.btn-text-edit:hover,.btn-text-delete:hover{opacity:.8}.user-name{color:#1e293b;margin-right:6px;font-weight:500}.user-id{color:#94a3b8;font-size:13px}.stats-section{margin-bottom:30px}.section-subtitle{color:#1e293b;margin:0 0 15px;padding-left:5px;font-size:16px;font-weight:700}.stats-cards-row{gap:20px;display:flex}.stat-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:1;padding:24px}.stat-title{color:#64748b;margin-bottom:8px;font-size:13px;font-weight:500}.stat-value{color:#1e293b;font-size:24px;font-weight:700}.bottom-toolbar{border-bottom:1px solid #f1f5f9;justify-content:flex-end;padding:20px 24px;display:flex}.pagination-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;padding:20px 24px;display:flex}body.dark-mode .checkin-config-page{background-color:#0f172a}body.dark-mode .config-table-container,body.dark-mode .user-checkins-container,body.dark-mode .stat-card,body.dark-mode .filter-bar,body.dark-mode .data-table th,body.dark-mode .data-table td,body.dark-mode .bottom-toolbar,body.dark-mode .pagination-footer{background-color:#1e293b;border-color:#334155}body.dark-mode .filter-dropdown,body.dark-mode .btn-refresh-outline,body.dark-mode .per-page-selector{color:#cbd5e1;background-color:#0f172a;border-color:#334155}body.dark-mode .data-table th,body.dark-mode .user-id,body.dark-mode .stat-title{color:#94a3b8}body.dark-mode .data-table td,body.dark-mode .user-name,body.dark-mode .section-subtitle,body.dark-mode .stat-value{color:#f8fafc}body.dark-mode .pill-day{color:#38bdf8;background-color:#0284c733}body.dark-mode .pill-award{color:#facc15;background-color:#ca8a0433}body.dark-mode .text-green{color:#4ade80}body.dark-mode .data-table tbody tr:hover td,body.dark-mode .data-table tr.active-row td,body.dark-mode .page-btn:hover,body.dark-mode .page-nav-btn:hover{background-color:#334155}.modal-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#334155;font-size:13px;font-weight:500}.form-group label.required:before{content:"*";color:#ef4444;margin-right:4px}.form-row{gap:15px;display:flex}.form-group.half{flex:1}.share-posters-page{background-color:#f8fafc;min-height:100%;padding:30px 40px}.posters-header-section{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.header-icon.bg-teal{color:#fff;background-color:#0d9488;border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.mr-3{margin-right:12px}.btn-refresh-outline{color:#64748b;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.btn-refresh-outline:hover{background-color:#f1f5f9}.btn-add-primary{color:#fff;cursor:pointer;background-color:#0d9488;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-add-primary:hover{background-color:#0f766e}.posters-grid-container{flex-wrap:wrap;gap:24px;display:flex}.poster-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;width:260px;transition:box-shadow .2s,transform .2s;overflow:hidden;box-shadow:0 4px 6px -1px #00000005}.poster-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000000d}.poster-image-container{background-color:#fff;justify-content:center;padding:16px;display:flex}.poster-placeholder{color:#fff;letter-spacing:2px;border-radius:12px;justify-content:center;align-items:center;width:100%;height:320px;font-weight:700;display:flex;box-shadow:0 4px 12px #0000001a}.poster-gradient-1{background:linear-gradient(135deg,#1e3a8a,#9333ea,#e11d48)}.poster-gradient-2{background:linear-gradient(135deg,#0f172a,#b91c1c,#d97706)}.placeholder-text{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0000004d;border-radius:4px;padding:6px 12px;font-size:14px}.poster-details{text-align:center;padding:8px 16px 16px}.poster-name{color:#64748b;font-size:14px;font-weight:600}.poster-actions{border-top:1px solid #f1f5f9;display:flex}.action-btn{cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;padding:16px 0;transition:background-color .2s;display:flex}.edit-btn{color:#94a3b8;font-size:14px}.edit-btn:hover{color:#3b82f6}.delete-btn{color:#ef4444;font-size:14px}body.dark-mode .share-posters-page{background-color:#0f172a}body.dark-mode .poster-card,body.dark-mode .btn-refresh-outline{background-color:#1e293b;border-color:#334155}body.dark-mode .poster-image-container{background-color:#1e293b}body.dark-mode .btn-refresh-outline:hover{background-color:#334155}body.dark-mode .poster-card:hover{box-shadow:0 10px 15px -3px #0000004d}body.dark-mode .poster-actions,body.dark-mode .action-divider{border-color:#334155}body.dark-mode .edit-btn{color:#64748b}body.dark-mode .edit-btn:hover{color:#38bdf8}body.dark-mode .delete-btn{color:#f87171}.vip-page{background-color:#f8fafc;min-height:100%;padding:30px 40px}.vip-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.header-icon{color:#fff;background-color:#f59e0b;border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.header-right{gap:12px;display:flex}.btn-refresh-pill{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:50px;align-items:center;gap:8px;width:auto;height:auto;padding:8px 20px;font-size:14px;font-weight:600;display:flex}.btn-refresh-pill:hover{background-color:#f8fafc}.btn-add-pill{color:#fff;cursor:pointer;background-color:#0ea5e9;border:none;border-radius:50px;align-items:center;gap:8px;padding:8px 20px;font-size:14px;font-weight:600;display:flex}.btn-add-pill:hover{background-color:#0284c7}.vip-table-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.vip-table{border-collapse:collapse;width:100%}.vip-table th{text-align:left;color:#64748b;border-bottom:1px solid #e2e8f0;padding:15px 20px;font-size:12px;font-weight:700}.sort-arrows{color:#cbd5e1;margin-left:5px;font-size:10px;display:inline-block}.vip-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:15px 20px}.vip-table td:first-child{position:relative}.vip-table tbody tr{transition:all .2s}.vip-table tbody tr:hover td{background-color:#ecfeff}.vip-table tbody tr:hover td:first-child:before{content:"";background:linear-gradient(#06b6d4 0%,#3b82f6 100%);border-top-right-radius:4px;border-bottom-right-radius:4px;width:4px;position:absolute;top:0;bottom:0;left:0}.vip-pill{color:#ca8a04;background-color:#fef9c3;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.vip-name{color:#1e293b;font-size:14px;font-weight:600}.currency-text,.rate-text{color:#1e293b;font-size:14px}.reward-text{color:#22c55e;font-size:14px;font-weight:600}.status-pill{border-radius:20px;align-items:center;gap:6px;width:fit-content;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.status-dot{border-radius:50%;width:6px;height:6px}.status-pill.active{color:#166534;background-color:#dcfce7}.status-pill.active .status-dot{background-color:#22c55e}.btn-icon-edit,.btn-icon-delete{cursor:pointer;background:0 0;border:none;padding:0;font-size:14px}.btn-icon-edit{color:#3b82f6}.btn-icon-edit:hover{color:#2563eb}.btn-icon-delete{color:#ef4444}.btn-icon-delete:hover{color:#dc2626}body.dark-mode .vip-page{background-color:#0f172a}body.dark-mode .btn-refresh-pill{color:#cbd5e1;background-color:#0f172a;border-color:#334155}body.dark-mode .vip-table-container{background-color:#1e293b;border-color:#334155}body.dark-mode .vip-table th{border-bottom-color:#334155}body.dark-mode .vip-table td{border-bottom-color:#1e293b}body.dark-mode .vip-table tr:hover td{background-color:#334155}body.dark-mode .vip-name,body.dark-mode .currency-text,body.dark-mode .rate-text{color:#f8fafc}body.dark-mode .status-pill.active{color:#34d399;background-color:#064e3b}body.dark-mode .vip-pill{color:#fef08a;background-color:#422006}.vip-modal-overlay{z-index:1000;background-color:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.vip-modal-container{background-color:#fff;border-radius:12px;flex-direction:column;width:90%;max-width:650px;max-height:90vh;animation:.3s modalFadeIn;display:flex;box-shadow:0 10px 25px #0000001a}.vip-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.vip-modal-header h3{color:#1e293b;margin:0;font-size:16px;font-weight:700}.btn-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:16px;display:flex}.btn-close:hover{color:#475569}.vip-modal-body{padding:20px 25px;overflow-y:auto}.vip-form-section{border:1px solid #f1f5f9;border-radius:8px;margin-bottom:20px;padding:20px}.vip-form-section h4{color:#1e293b;margin:0 0 15px;font-size:13px;font-weight:700}.vip-form-grid{grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px;display:grid}.vip-form-group{flex-direction:column;gap:6px;display:flex}.vip-form-group label{color:#475569;font-size:12px;font-weight:600}.vip-form-group label span{color:#ef4444}.vip-form-group input{color:#1e293b;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:6px;outline:none;width:100%;padding:10px 12px;font-size:13px}.vip-form-group input:disabled{color:#94a3b8;background-color:#f8fafc}.input-with-prefix{align-items:center;display:flex;position:relative}.input-with-prefix .prefix{color:#64748b;font-size:13px;position:absolute;left:12px}.input-with-prefix input{padding-left:25px}.vip-form-row{grid-template-columns:1fr 120px;gap:15px;display:grid}.icon-upload-wrapper{align-items:center;gap:10px;display:flex}.icon-upload-box{color:#64748b;cursor:pointer;background-color:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:70px;height:70px;font-size:11px;display:flex}.icon-upload-box:hover{background-color:#f1f5f9}.icon-upload-wrapper input{flex:1}.color-group{flex-direction:column;display:flex}.color-group label{text-align:center}.color-preview{border-radius:4px;width:50px;height:20px;margin:10px auto}.color-preview.black{background-color:#000;height:16px;margin-bottom:5px}.color-preview.orange{background-color:#f97316;height:8px}.color-preview-wrapper{border:1px dashed #cbd5e1;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:10px;display:flex}.vip-modal-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:10px;padding:15px 25px;display:flex}.btn-modal-cancel{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600}.btn-modal-ok{color:#fff;cursor:pointer;background-color:#0ea5e9;border:none;border-radius:6px;padding:8px 24px;font-size:13px;font-weight:600}.btn-modal-ok:hover{background-color:#0284c7}body.dark-mode .vip-modal-container{background-color:#1e293b}body.dark-mode .vip-modal-header{border-color:#334155}body.dark-mode .vip-modal-header h3{color:#f8fafc}body.dark-mode .vip-form-section{border-color:#334155}body.dark-mode .vip-form-section h4{color:#f8fafc}body.dark-mode .vip-form-group label{color:#cbd5e1}body.dark-mode .vip-form-group input{color:#f8fafc;background-color:#0f172a;border-color:#334155}body.dark-mode .vip-form-group input:disabled{color:#94a3b8;background-color:#1e293b}body.dark-mode .vip-modal-footer{border-color:#334155}body.dark-mode .btn-modal-cancel{color:#cbd5e1;background-color:#0f172a;border-color:#334155}.withdraw-history-page{background-color:#f5f7fa;min-height:100vh;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.wh-header-wrapper{background-color:#fff;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px;display:flex;box-shadow:0 1px 3px #0000000d}.wh-header-title-section{align-items:center;gap:15px;display:flex}.wh-title-icon-container{color:#fff;background-color:#ef4444;border-radius:8px;justify-content:center;align-items:center;width:45px;height:45px;font-size:20px;display:flex}.wh-title-text-container h2{color:#1e293b;margin:0;font-size:20px;font-weight:600}.wh-title-text-container p{color:#64748b;margin:5px 0 0;font-size:13px}.wh-export-btn{color:#10b981;cursor:pointer;background-color:#0000;border:1px solid #10b981;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.wh-export-btn:hover{color:#fff;background-color:#10b981}.wh-summary-cards{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:20px;display:grid}.wh-summary-card{color:#fff;cursor:pointer;border-radius:10px;padding:18px 16px;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.wh-summary-card:hover{transform:scale(1.05);box-shadow:0 10px 25px -5px #0003}.wh-card-amount{margin-bottom:6px;font-size:22px;font-weight:700}.wh-card-title{margin-bottom:4px;font-size:11px;font-weight:500}.wh-card-records{opacity:.9;font-size:9px}.wh-table-container{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.wh-table-filters{border-bottom:1px solid #e2e8f0;align-items:center;gap:15px;padding:20px;display:flex}.wh-search-group{align-items:stretch;gap:10px;display:flex}.wh-search-input-wrapper{align-items:center;display:flex;position:relative}.wh-search-icon{color:#94a3b8;font-size:14px;position:absolute;left:12px}.wh-search-input-wrapper input{color:#334155;border:1px solid #e2e8f0;border-radius:6px;outline:none;width:220px;padding:10px 10px 10px 35px;font-size:14px;transition:border-color .2s}.wh-search-input-wrapper input:focus{border-color:#3b82f6}.wh-search-btn,.wh-refresh-btn{color:#64748b;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.wh-search-btn:hover,.wh-refresh-btn:hover{color:#334155;background-color:#f1f5f9}.wh-table{border-collapse:collapse;width:100%}.wh-table th{color:#64748b;text-transform:uppercase;letter-spacing:.5px;text-align:left;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:15px 20px;font-size:11px;font-weight:600}.wh-table td{vertical-align:top;border-bottom:1px solid #f1f5f9;padding:20px}.wh-table td:first-child{position:relative}.wh-table tbody tr{transition:all .2s}.wh-table tbody tr:hover td,.wh-table tbody tr.selected td{background-color:#ecfeff}.wh-table tbody tr:hover td:first-child:before,.wh-table tbody tr.selected td:first-child:before{content:"";background:linear-gradient(#06b6d4 0%,#3b82f6 100%);border-top-right-radius:4px;border-bottom-right-radius:4px;width:4px;position:absolute;top:0;bottom:0;left:0}.wh-table tbody tr:last-child td{border-bottom:none}.wh-initiated{flex-direction:column;gap:4px;display:flex}.wh-date{color:#1e293b;font-size:14px;font-weight:600}.wh-time-ago{color:#94a3b8;font-size:12px}.wh-view-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin-top:4px;padding:0;font-size:13px;font-weight:500;display:flex}.wh-user{flex-direction:column;gap:4px;display:flex}.wh-user-id{color:#1e293b;font-size:14px;font-weight:600}.wh-user-hash{color:#3b82f6;font-size:12px}.wh-balance{color:#10b981;font-size:14px;font-weight:600}.wh-amount{color:#ef4444;font-size:14px;font-weight:600}.wh-bank-info{flex-direction:column;gap:4px;display:flex}.wh-bank-name{color:#1e293b;font-size:14px}.wh-bank-account{color:#94a3b8;font-size:12px}.wh-status{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.wh-status-indicator{border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.wh-status.pending .wh-status-text{color:#f59e0b;align-items:center;font-size:13px;font-weight:500;display:flex}.wh-status.pending .wh-status-text:before{content:"";background-color:#f59e0b;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.wh-status.approved .wh-status-text{color:#10b981;align-items:center;font-size:13px;font-weight:500;display:flex}.wh-status.approved .wh-status-text:before{content:"";background-color:#10b981;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.wh-status-time{color:#94a3b8;margin-left:12px;font-size:11px}.wh-actions{align-items:center;gap:15px;display:flex}.wh-details-btn{color:#475569;cursor:pointer;background-color:#0000;border:1px solid #cbd5e1;border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.wh-details-btn:hover{background-color:#f1f5f9}.wh-approve-btn{color:#3b82f6;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:13px;font-weight:500;display:flex}.wh-reject-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:13px;font-weight:500;display:flex}@media (width<=1200px){.wh-summary-cards{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.wh-summary-cards{grid-template-columns:1fr}.wh-table-filters{flex-direction:column;align-items:flex-start}.wh-table-container{overflow-x:auto}}.wh-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.wh-modal-content{background-color:#fff;border-radius:12px;flex-direction:column;width:900px;max-width:95vw;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.wh-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.wh-modal-header h3{color:#1e293b;margin:0;font-size:16px;font-weight:700}.wh-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:18px;transition:color .2s}.wh-modal-close:hover{color:#ef4444}.wh-modal-body{padding:25px;overflow-y:auto}.wh-detail-grid{border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:1fr 2fr 1fr 2fr 1fr 1fr;display:grid;overflow:hidden}.wh-detail-cell{border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9;align-items:center;padding:16px;font-size:13px;display:flex}.wh-detail-cell:nth-child(6n){border-right:none}.wh-detail-cell.label{color:#64748b;background-color:#f8fafc;font-weight:500}.wh-detail-cell.value{color:#1e293b;word-break:break-all;font-weight:500}.wh-detail-cell.span-3{grid-column:span 3}.wh-detail-cell.span-5{grid-column:span 5}.wh-detail-cell .text-green{color:#10b981;font-weight:700}.wh-detail-cell .text-red{color:#ef4444;font-weight:700}.wh-detail-cell .bold{font-weight:700}.wh-modal-status{border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.wh-modal-status.pending{color:#d97706;background-color:#fef3c7}.wh-modal-status.pending .dot{background-color:#d97706;border-radius:50%;width:6px;height:6px}.wh-modal-footer{background-color:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;padding:20px 25px;display:flex}.wh-btn-close{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.wh-btn-close:hover{background-color:#f1f5f9}.wh-btn-reject{color:#ef4444;cursor:pointer;background-color:#fff;border:1px solid #ef4444;border-radius:6px;padding:8px 24px;font-size:14px;font-weight:600;transition:all .2s}.wh-btn-reject:hover{background-color:#fee2e2}.wh-btn-approve{color:#fff;cursor:pointer;background-color:#10b981;border:1px solid #10b981;border-radius:6px;padding:8px 24px;font-size:14px;font-weight:600;transition:all .2s}.wh-btn-approve:hover{background-color:#059669}body.dark-mode .withdraw-history-page{background-color:#0f172a}body.dark-mode .wh-header-wrapper,body.dark-mode .wh-table-container{box-shadow:none;background-color:#1e293b;border:1px solid #334155}body.dark-mode .wh-title-text-container h2{color:#f8fafc}body.dark-mode .wh-table-filters{border-bottom:1px solid #334155}body.dark-mode .wh-search-input-wrapper input{color:#e2e8f0;background-color:#0f172a;border-color:#334155}body.dark-mode .wh-search-btn,body.dark-mode .wh-refresh-btn{color:#94a3b8;background-color:#0f172a;border-color:#334155}body.dark-mode .wh-search-btn:hover,body.dark-mode .wh-refresh-btn:hover{color:#f8fafc;background-color:#334155}body.dark-mode .wh-table th{color:#94a3b8;background-color:#0f172a;border-bottom:1px solid #334155}body.dark-mode .wh-table td{border-bottom:1px solid #0f172a}body.dark-mode .wh-table tbody tr:hover{background-color:#334155}body.dark-mode .wh-date,body.dark-mode .wh-user-id,body.dark-mode .wh-bank-name{color:#f8fafc}body.dark-mode .wh-time-ago,body.dark-mode .wh-bank-account{color:#94a3b8}body.dark-mode .wh-details-btn{color:#cbd5e1;border-color:#475569}body.dark-mode .wh-details-btn:hover{background-color:#334155}body.dark-mode .wh-modal-content{background-color:#1e293b;border:1px solid #334155}body.dark-mode .wh-modal-header{border-bottom:1px solid #334155}body.dark-mode .wh-modal-header h3{color:#f8fafc}body.dark-mode .wh-detail-grid{border:1px solid #334155}body.dark-mode .wh-detail-cell{border-bottom:1px solid #334155;border-right:1px solid #334155}body.dark-mode .wh-detail-cell.label{color:#94a3b8;background-color:#0f172a}body.dark-mode .wh-detail-cell.value{color:#f8fafc}body.dark-mode .wh-modal-footer{background-color:#0f172a;border-top:1px solid #334155}body.dark-mode .wh-btn-close{color:#cbd5e1;background-color:#1e293b;border-color:#475569}.user-details-page{background-color:#f8fafc;min-height:100vh;padding:20px 30px;font-family:Inter,sans-serif}.ud-main-wrapper{background-color:#fff;border-radius:12px;padding:30px;box-shadow:0 1px 3px #00000005}.ud-top-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.ud-user-title{align-items:center;gap:15px;display:flex}.ud-avatar-icon{color:#fff;background-color:#8b5cf6;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.ud-user-title h2{color:#1e293b;margin:0;font-size:20px;font-weight:700}.ud-user-title p{color:#64748b;margin:2px 0 0;font-size:13px;font-weight:500}.ud-header-actions{gap:12px;display:flex}.ud-btn-balance{color:#fff;cursor:pointer;background-color:#0d9488;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;display:flex}.ud-btn-back{color:#1e293b;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;display:flex}.ud-tabs-container{border-bottom:1px solid #e2e8f0;gap:25px;margin-bottom:25px;display:flex}.ud-tab{color:#475569;cursor:pointer;background:0 0;border:none;padding:10px 0 15px;font-size:14px;font-weight:600;position:relative}.ud-tab.active{color:#0d9488}.ud-tab.active:after{content:"";background-color:#0d9488;border-radius:3px 3px 0 0;width:100%;height:3px;position:absolute;bottom:-1px;left:0}.ud-content-area{padding:25px 0 0}.ud-overview-main-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:30px;transition:all .2s;position:relative;overflow:hidden}.ud-overview-main-card:before{content:"";opacity:0;z-index:10;background:linear-gradient(90deg,#0d9488,#8b5cf6);height:3px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.ud-overview-main-card:hover{box-shadow:0 8px 20px #0000000a}.ud-overview-main-card:hover:before{opacity:1}.ud-user-info-card{justify-content:space-between;align-items:center;margin-bottom:0;padding:25px 30px;display:flex}.ud-info-left{align-items:center;gap:20px;display:flex}.ud-large-avatar{background-color:#cbd5e1;border-radius:50%;width:70px;height:70px}.ud-info-text h3{color:#1e293b;margin:0 0 4px;font-size:22px;font-weight:700}.ud-phone-hash{color:#94a3b8;margin:0 0 12px;font-size:13px;font-weight:500}.ud-badges{gap:8px;display:flex}.ud-badge{border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600}.ud-badge.vip{color:#a16207;background-color:#fef08a}.ud-badge.active{color:#15803d;background-color:#dcfce7}.ud-badge.recharged{color:#0369a1;background-color:#e0f2fe}.ud-info-right{flex-direction:column;align-items:flex-end;gap:15px;display:flex}.ud-balance-info{flex-direction:column;align-items:flex-end;display:flex}.ud-bal-label{color:#64748b;font-size:12px}.ud-bal-amount{color:#10b981;margin:2px 0;font-size:20px;font-weight:700}.ud-bonus-label{color:#64748b;font-size:12px}.ud-btn-ban{color:#ef4444;cursor:pointer;background-color:#0000;border:1px solid #ef4444;border-radius:8px;padding:6px 16px;font-size:13px;font-weight:600}.ud-grid-info{border:1px solid #f1f5f9;border-top-color:#e2e8f0;border-radius:12px;margin-bottom:30px;overflow:hidden}.ud-grid-row{background-color:#fff;display:flex}.ud-grid-row:nth-child(2){border-top:1px solid #f1f5f9}.ud-grid-item{flex:1;gap:20px;padding:15px 20px;display:flex}.ud-grid-label{color:#64748b;width:120px;font-size:13px;font-weight:500}.ud-grid-val{color:#1e293b;font-size:13px;font-weight:600}.ud-stats-row{grid-template-columns:repeat(6,1fr);gap:15px;display:grid}.ud-stat-card{cursor:default;background-color:#fff;border:1px solid #e2e8f0;border-top:3px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;padding:13px 15px 15px;transition:all .2s;display:flex;position:relative}.ud-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.ud-stat-card:hover .ud-stat-icon{transform:rotate(12deg)}.ud-stat-card.hover-purple:hover{border-top-color:#8b5cf6}.ud-stat-card.hover-green:hover{border-top-color:#10b981}.ud-stat-card.hover-blue:hover{border-top-color:#0ea5e9}.ud-stat-card.hover-orange:hover{border-top-color:#f59e0b}.ud-stat-card.hover-red:hover{border-top-color:#ef4444}.ud-stat-content{flex-direction:column;gap:4px;display:flex}.ud-stat-title{color:#94a3b8;font-size:11px;font-weight:600}.ud-stat-amount{color:#1e293b;font-size:16px;font-weight:800}.ud-stat-amount.text-green{color:#10b981}.ud-stat-icon{color:#fff;border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;transition:transform .3s;display:flex}.ud-stat-icon.purple{background-color:#8b5cf6}.ud-stat-icon.green{background-color:#10b981}.ud-stat-icon.blue{background-color:#0ea5e9}.ud-stat-icon.orange{background-color:#f59e0b}.ud-stat-icon.red{background-color:#ef4444}body.dark-mode .user-details-page{background-color:#0f172a}body.dark-mode .ud-main-wrapper{box-shadow:none;background-color:#1e293b}body.dark-mode .ud-user-title h2{color:#f8fafc}body.dark-mode .ud-btn-back{color:#cbd5e1;background-color:#1e293b;border-color:#334155}body.dark-mode .ud-tabs-container{border-bottom:1px solid #334155}body.dark-mode .ud-tab{color:#94a3b8}body.dark-mode .ud-content-area{box-shadow:none;background-color:#1e293b}body.dark-mode .ud-info-text h3{color:#f8fafc}body.dark-mode .ud-grid-info{border:1px solid #334155}body.dark-mode .ud-grid-row{background-color:#0000}body.dark-mode .ud-overview-main-card{background-color:#0f172a;border-color:#334155}body.dark-mode .ud-overview-main-card:hover{box-shadow:0 8px 20px #0003}body.dark-mode .ud-grid-info{border-top-color:#334155}body.dark-mode .ud-grid-row:nth-child(2){border-top:1px solid #334155}body.dark-mode .ud-grid-val{color:#f8fafc}body.dark-mode .ud-stat-card{background-color:#0f172a;border:1px solid #334155}body.dark-mode .ud-stat-amount{color:#f8fafc}.ud-orders-filters{align-items:center;gap:15px;display:flex}.ud-filter-select{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;min-width:150px;padding:8px 12px;font-size:13px}.ud-date-picker-wrapper .ant-picker{border:1px solid #cbd5e1;border-radius:6px;padding:8px 12px}.ud-table-wrapper{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px}.ud-table{border-collapse:collapse;width:100%}.ud-table th{text-align:left;color:#64748b;text-transform:uppercase;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:11px;font-weight:700}.ud-table td{color:#1e293b;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:13px}body.dark-mode .ud-filter-select{color:#e2e8f0;background-color:#0f172a;border-color:#334155}body.dark-mode .ud-date-picker-wrapper .ant-picker{background-color:#0f172a;border-color:#334155}body.dark-mode .ud-date-picker-wrapper .ant-picker-input>input,body.dark-mode .ud-date-picker-wrapper .ant-picker-separator{color:#e2e8f0}body.dark-mode .ud-table-wrapper{background-color:#0f172a;border-color:#334155}body.dark-mode .ud-table th{color:#94a3b8;background-color:#1e293b;border-color:#334155}body.dark-mode .ud-table td{color:#f8fafc;border-color:#334155}.ud-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ud-modal-content{background-color:#fff;border-radius:12px;width:500px;max-width:90vw;animation:.2s ease-out modalFadeIn;overflow:hidden;box-shadow:0 10px 25px #0000001a}.ud-modal-header{justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.ud-modal-header h3{color:#1e293b;margin:0;font-size:16px;font-weight:700}.ud-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:20px;line-height:1}.ud-modal-close:hover{color:#1e293b}.ud-modal-body{padding:10px 24px 20px}.ud-form-row{gap:20px;display:flex}.ud-form-group{flex-direction:column;flex:1;gap:8px;display:flex}.ud-form-group label{color:#475569;font-size:13px;font-weight:500}.required-star{color:#ef4444;margin-right:4px}.ud-modal-select,.ud-modal-input{color:#1e293b;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:14px}.ud-modal-select:focus,.ud-modal-input:focus{border-color:#0d9488}.ud-modal-footer{justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.ud-btn-cancel{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600}.ud-btn-ok{color:#fff;cursor:pointer;background-color:#0d9488;border:none;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:600}body.dark-mode .ud-modal-content{background-color:#1e293b}body.dark-mode .ud-modal-header h3,body.dark-mode .ud-modal-close:hover{color:#f8fafc}body.dark-mode .ud-form-group label{color:#94a3b8}body.dark-mode .ud-modal-select,body.dark-mode .ud-modal-input{color:#f8fafc;background-color:#0f172a;border-color:#334155}body.dark-mode .ud-modal-select:focus,body.dark-mode .ud-modal-input:focus{border-color:#0d9488}body.dark-mode .ud-btn-cancel{color:#cbd5e1;background-color:#0000;border-color:#334155}.ud-txn-badge{color:#475569;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;padding:4px 8px;font-size:12px;display:inline-block}body.dark-mode .ud-txn-badge{color:#94a3b8;background-color:#0f172a;border-color:#334155}.ud-status-rejected{color:#ef4444;background-color:#fee2e2;border-radius:12px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.ud-status-dot{background-color:#ef4444;border-radius:50%;width:6px;height:6px}body.dark-mode .ud-status-rejected{color:#f87171;background-color:#ef444426}body.dark-mode .ud-status-dot{background-color:#f87171}body.dark-mode .ant-pagination-item a,body.dark-mode .ant-pagination-prev .ant-pagination-item-link,body.dark-mode .ant-pagination-next .ant-pagination-item-link{color:#e2e8f0}body.dark-mode .ant-pagination-item,body.dark-mode .ant-pagination-prev .ant-pagination-item-link,body.dark-mode .ant-pagination-next .ant-pagination-item-link{background-color:#0000;border-color:#334155}body.dark-mode .ant-pagination-item-active{background-color:#0d9488;border-color:#0d9488}body.dark-mode .ant-pagination-item-active a{color:#fff}body.dark-mode .ant-select-selector{color:#e2e8f0!important;background-color:#0f172a!important;border-color:#334155!important}body.dark-mode .ant-select-arrow{color:#94a3b8}.ud-referrals-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=1100px){.ud-referrals-grid{grid-template-columns:1fr}}.ud-referrals-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #00000005}.ud-referrals-header{background-color:#fff;padding:16px 20px}.ud-referrals-header h4{color:#475569;margin:0;font-size:14px;font-weight:700}.ud-referrals-table-wrapper{border:none;border-top:1px solid #e2e8f0;border-radius:0;overflow-x:auto}body.dark-mode .ud-referrals-card{background-color:#0f172a;border-color:#334155}body.dark-mode .ud-referrals-header{background-color:#0f172a}body.dark-mode .ud-referrals-header h4{color:#94a3b8}body.dark-mode .ud-referrals-table-wrapper{border-top-color:#334155}.user-management-page{background-color:#f8fafc;min-height:100vh;padding:30px 40px;font-family:Inter,sans-serif}.um-header{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:25px;padding:20px 24px;display:flex;box-shadow:0 1px 3px #00000005}.um-header-left{align-items:center;gap:16px;display:flex}.um-header-icon{color:#fff;background-color:#6366f1;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.um-header-left h2{color:#1e293b;margin:0;font-size:22px;font-weight:700}.um-header-left p{color:#64748b;margin:4px 0 0;font-size:13px;font-weight:500}.um-btn-create{color:#fff;cursor:pointer;background-color:#0891b2;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:background-color .2s;display:flex}.um-btn-create:hover{background-color:#0e7490}.um-stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:25px;display:grid}.um-stat-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:20px;display:flex;box-shadow:0 1px 3px #00000005}.um-stat-info{flex-direction:column;gap:6px;display:flex}.um-stat-label{color:#64748b;font-size:13px;font-weight:500}.um-stat-value{color:#1e293b;margin:0;font-size:24px;font-weight:700}.um-stat-icon-wrapper{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.bg-indigo{background-color:#6366f1}.bg-emerald{background-color:#10b981}.bg-cyan{background-color:#06b6d4}.bg-amber{background-color:#f59e0b}.um-filter-row{align-items:center;gap:12px;margin-bottom:20px;display:flex}.um-search-group{flex:1;max-width:320px;position:relative}.um-search-inline-icon{color:#94a3b8;font-size:14px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.um-search-input{color:#1e293b;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 14px 10px 40px;font-family:inherit;font-size:14px;transition:border-color .2s}.um-search-input:focus{border-color:#0891b2}.um-btn-search,.um-btn-refresh{color:#64748b;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;transition:all .2s;display:flex}.um-btn-search:hover,.um-btn-refresh:hover{color:#1e293b;background-color:#f1f5f9;border-color:#94a3b8}.um-select-status{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;min-width:120px;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.um-select-status:focus{border-color:#0891b2}.um-table-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #00000005}.um-table{border-collapse:collapse;text-align:left;width:100%}.um-table th{color:#64748b;letter-spacing:.5px;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:14px 20px;font-size:11px;font-weight:600}.um-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:16px 20px;font-size:14px}.um-table tbody tr{transition:background-color .15s}.um-table tbody tr:hover{background-color:#f0f9ff!important}.um-table tbody tr.active-row{background-color:#f8fafc}.um-table tbody tr.active-row td:first-child{position:relative}.um-table tbody tr.active-row td:first-child:before{content:"";background-color:#06b6d4;width:4px;position:absolute;top:0;bottom:0;left:0}.um-avatar-cell{align-items:center;gap:12px;display:flex}.um-avatar-placeholder{background-color:#cbd5e1;border-radius:50%;flex-shrink:0;width:32px;height:32px;display:inline-block}.um-referral-link{color:#3b82f6;font-weight:600;text-decoration:none}.um-referral-link:hover{text-decoration:underline}.um-text-dark{color:#334155;font-weight:500}.um-text-muted{color:#64748b}.um-text-green{color:#10b981;font-weight:600}.um-badge-vip{color:#a16207;background-color:#fef9c3;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.um-badge-status{border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.um-badge-status.active{color:#15803d;background-color:#dcfce7}.um-badge-status.inactive{color:#475569;background-color:#f1f5f9}.um-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.um-badge-status.active .um-dot{background-color:#22c55e}.um-badge-status.inactive .um-dot{background-color:#64748b}.um-actions{align-items:center;gap:12px;display:flex}.um-action-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:600;transition:background-color .2s;display:inline-flex}.um-action-btn:hover{background-color:#e0f2fe}.um-action-btn.btn-view,.um-action-btn.btn-edit{color:#3b82f6}.um-action-btn.btn-query{color:#3b82f6;justify-content:center;width:32px;height:32px;padding:6px}.um-action-btn.btn-delete{color:#ef4444;justify-content:center;width:32px;height:32px;padding:6px}.um-action-btn.btn-delete:hover{background-color:#fef2f2}.um-pagination-bar{color:#64748b;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:20px 24px;font-size:13px;display:flex}.um-pagination-left{font-weight:500}.um-pagination-center{align-items:center;gap:6px;display:flex}.um-page-btn{color:#64748b;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.um-page-btn:hover:not(:disabled){color:#0891b2;border-color:#0891b2}.um-page-btn.active{color:#fff;background-color:#0891b2;border-color:#0891b2}.um-page-btn:disabled{opacity:.4;cursor:not-allowed}.um-page-dots{color:#94a3b8;padding:0 4px}.um-pagination-right{position:relative}.um-page-size-selector{color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;min-width:110px;padding:6px 12px;font-size:13px;font-weight:600;transition:border-color .2s;display:flex}.um-page-size-selector:hover{border-color:#94a3b8}.um-dropdown-icon{color:#94a3b8;font-size:10px}.um-page-size-dropdown{z-index:100;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;min-width:110px;margin:0;padding:6px 0;list-style:none;position:absolute;bottom:calc(100% + 6px);right:0;box-shadow:0 4px 12px #00000014}.um-page-size-dropdown li{color:#475569;cursor:pointer;padding:8px 16px;font-size:13px;font-weight:500}.um-page-size-dropdown li:hover{color:#1e293b;background-color:#f1f5f9}.um-page-size-dropdown li.active{color:#0369a1;background-color:#e0f2fe;font-weight:600}.um-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0f172a99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.um-modal-content{background-color:#fff;border-radius:16px;width:500px;max-width:90%;padding:30px 35px;animation:.22s cubic-bezier(.16,1,.3,1) modalScaleIn;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.um-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:24px;transition:color .15s;position:absolute;top:20px;right:20px}.um-modal-close:hover{color:#475569}.um-modal-content h3{color:#1e293b;margin:0 0 24px;font-size:20px;font-weight:700}.um-form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.um-form-group label{color:#475569;align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}.um-form-group input,.um-form-group select{color:#1e293b;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.um-form-group input:focus,.um-form-group select:focus{border-color:#0891b2}.required-star{color:#ef4444}.um-help-icon{color:#64748b;cursor:help;background-color:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:11px;display:inline-flex}.um-input-password-wrapper{width:100%;position:relative}.um-input-password-wrapper input{width:100%;padding-right:44px}.um-password-toggle-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:16px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.um-password-toggle-btn:hover{color:#64748b}.um-form-row{gap:16px;margin-bottom:20px;display:flex}.um-form-col{flex-direction:column;flex:1;gap:8px;display:flex}.um-form-col label{color:#475569;font-size:13px;font-weight:600}.um-form-col input,.um-form-col select{color:#1e293b;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.um-form-col input:focus,.um-form-col select:focus{border-color:#0891b2}.um-avatar-upload-section{flex-direction:column;gap:12px;display:flex}.um-avatar-preview-box{background-color:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;justify-content:center;align-items:center;width:100px;height:100px;display:flex;overflow:hidden}.um-avatar-preview-text{color:#94a3b8;text-transform:lowercase;font-size:11px}.um-avatar-path-group{background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;padding:0 12px;display:flex}.um-avatar-path-icon{color:#94a3b8;margin-right:8px;font-size:13px}.um-avatar-path-input{outline:none;flex:1;background-color:#0000!important;border:none!important;padding:10px 0!important;font-size:13px!important}.um-avatar-path-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px;font-size:16px}.um-avatar-path-clear:hover{color:#ef4444}.um-modal-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:12px;margin-top:30px;padding-top:20px;display:flex}.um-modal-btn{cursor:pointer;border-radius:8px;padding:10px 22px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s}.um-modal-btn.btn-cancel{color:#475569;background-color:#fff;border:1px solid #cbd5e1}.um-modal-btn.btn-cancel:hover{background-color:#f8fafc;border-color:#cbd5e1}.um-modal-btn.btn-submit-create,.um-modal-btn.btn-submit-ok,.um-modal-btn.btn-submit-update{color:#fff;background-color:#0891b2;border:none}.um-modal-btn.btn-submit-create:hover,.um-modal-btn.btn-submit-ok:hover,.um-modal-btn.btn-submit-update:hover{background-color:#0e7490}body.dark-mode .user-management-page{background-color:#0f172a}body.dark-mode .um-header{background-color:#1e293b;border-color:#334155}body.dark-mode .um-header-left h2{color:#f8fafc}body.dark-mode .um-header-left p{color:#cbd5e1}body.dark-mode .um-stat-card{background-color:#1e293b;border-color:#334155}body.dark-mode .um-stat-label{color:#cbd5e1}body.dark-mode .um-stat-value{color:#f8fafc}body.dark-mode .um-search-input{color:#f8fafc;background-color:#1e293b;border-color:#334155}body.dark-mode .um-search-input:focus{border-color:#06b6d4}body.dark-mode .um-btn-search,body.dark-mode .um-btn-refresh{color:#cbd5e1;background-color:#1e293b;border-color:#334155}body.dark-mode .um-btn-search:hover,body.dark-mode .um-btn-refresh:hover{color:#f8fafc;background-color:#334155}body.dark-mode .um-select-status{color:#cbd5e1;background-color:#1e293b;border-color:#334155}body.dark-mode .um-table-container{background-color:#1e293b;border-color:#334155}body.dark-mode .um-table th{color:#cbd5e1;background-color:#0f172a;border-bottom-color:#334155}body.dark-mode .um-table td{border-bottom-color:#334155}body.dark-mode .um-table tbody tr{background-color:#1e293b}body.dark-mode .um-table tbody tr:hover{background-color:#06b6d40d!important}body.dark-mode .um-text-dark{color:#cbd5e1}body.dark-mode .um-text-muted{color:#94a3b8}body.dark-mode .um-badge-status.inactive{color:#cbd5e1;background-color:#334155}body.dark-mode .um-action-btn:hover{background-color:#334155}body.dark-mode .um-action-btn.btn-delete:hover{background-color:#ef44441a}body.dark-mode .um-page-btn{color:#cbd5e1;background-color:#1e293b;border-color:#334155}body.dark-mode .um-page-btn:hover:not(:disabled){color:#06b6d4;border-color:#06b6d4}body.dark-mode .um-page-btn.active{color:#0f172a;background-color:#06b6d4;border-color:#06b6d4}body.dark-mode .um-page-size-selector{color:#cbd5e1;background-color:#1e293b;border-color:#334155}body.dark-mode .um-page-size-selector:hover{border-color:#475569}body.dark-mode .um-page-size-dropdown{background-color:#1e293b;border-color:#334155;box-shadow:0 4px 12px #00000080}body.dark-mode .um-page-size-dropdown li{color:#cbd5e1}body.dark-mode .um-page-size-dropdown li:hover{color:#f8fafc;background-color:#334155}body.dark-mode .um-page-size-dropdown li.active{color:#06b6d4;background-color:#06b6d426}body.dark-mode .um-modal-content{background-color:#1e293b;box-shadow:0 20px 25px -5px #00000080}body.dark-mode .um-modal-content h3{color:#f8fafc}body.dark-mode .um-form-group label,body.dark-mode .um-form-col label{color:#cbd5e1}body.dark-mode .um-form-group input,body.dark-mode .um-form-group select,body.dark-mode .um-form-col input,body.dark-mode .um-form-col select{color:#f8fafc;background-color:#0f172a;border-color:#334155}body.dark-mode .um-form-group input:focus,body.dark-mode .um-form-group select:focus,body.dark-mode .um-form-col input:focus,body.dark-mode .um-form-col select:focus{border-color:#06b6d4}body.dark-mode .um-help-icon{color:#94a3b8;background-color:#334155}body.dark-mode .um-avatar-preview-box,body.dark-mode .um-avatar-path-group{background-color:#0f172a;border-color:#334155}body.dark-mode .um-modal-actions{border-top-color:#334155}body.dark-mode .um-modal-btn.btn-cancel{color:#cbd5e1;background-color:#1e293b;border-color:#334155}body.dark-mode .um-modal-btn.btn-cancel:hover{background-color:#334155}body.dark-mode .um-modal-btn.btn-submit-create,body.dark-mode .um-modal-btn.btn-submit-ok,body.dark-mode .um-modal-btn.btn-submit-update{color:#0f172a;background-color:#06b6d4}body.dark-mode .um-modal-btn.btn-submit-create:hover,body.dark-mode .um-modal-btn.btn-submit-ok:hover,body.dark-mode .um-modal-btn.btn-submit-update:hover{background-color:#22d3ee}body.dark-mode .um-pagination-bar{border-top-color:#334155}.system-messages-page{background-color:#f8f9fa;min-height:100vh;padding:24px}.messages-header-wrapper{background:#fff;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px 24px;display:flex;box-shadow:0 2px 10px #00000005}.header-title-section{align-items:center;gap:16px;display:flex}.title-icon-container{color:#673ab7;background-color:#e6e6fa;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.title-text-container h2{color:#333;margin:0 0 4px;font-size:20px;font-weight:600}.title-text-container p{color:#888;margin:0;font-size:14px}.header-actions-section{align-items:center;gap:16px;display:flex}.new-message-btn{color:#fff;cursor:pointer;background-color:#00bcd4;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-weight:600;transition:all .2s;display:flex}.new-message-btn:hover{background-color:#00acc1}.messages-filter-bar{align-items:center;gap:16px;margin-bottom:24px;display:flex}.search-input-wrapper{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;flex:1;align-items:center;max-width:300px;padding:8px 16px;display:flex}.search-input-wrapper input{color:#333;background:0 0;border:none;outline:none;width:100%}.messages-table-container{background:#fff;border-radius:12px;padding:0;overflow-x:auto;box-shadow:0 2px 10px #00000005}.messages-table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}.messages-table th{color:#666;text-transform:uppercase;letter-spacing:.5px;background-color:#f9fafc;border-bottom:1px solid #edf2f9;padding:16px 24px;font-size:12px;font-weight:600}.messages-table td{vertical-align:middle;color:#444;border-bottom:1px solid #edf2f9;padding:16px 24px;font-size:14px}.messages-table tr:last-child td{border-bottom:none}.messages-table td strong{color:#333;font-weight:600}.messages-table td.content-cell{color:#666;text-overflow:ellipsis;max-width:300px;overflow:hidden}.text-muted{color:#888}.status-badge.unread{color:#f57c00;background-color:#fff8e1}.status-badge .dot{background-color:currentColor;border-radius:50%;width:6px;height:6px}.action-btn{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.delete-btn{color:#ef4444;background-color:#fef2f2;border-color:#fca5a5}.delete-btn:hover{background-color:#fee2e2}.custom-checkbox{cursor:pointer;width:16px;height:16px}.system-messages-page .custom-dropdown{width:120px;position:relative}.system-messages-page .dropdown-header{color:#555;cursor:pointer;box-sizing:border-box;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;justify-content:space-between;align-items:center;height:40px;padding:8px 16px;font-size:14px;transition:border-color .2s;display:flex}.system-messages-page .dropdown-header.open{border-color:#00bcd4}.system-messages-page .placeholder-text{color:#aaa}.system-messages-page .dropdown-arrow{color:#aaa;font-size:12px}.system-messages-page .dropdown-list{z-index:10;background-color:#fff;border:none;border-radius:12px;padding:8px 0;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 4px 20px #0000001a}.system-messages-page .dropdown-item{color:#333;cursor:pointer;padding:12px 20px;font-size:14px;transition:background-color .2s}.system-messages-page .dropdown-item:hover{background-color:#f5f5f5}.system-messages-page .dropdown-item.selected{color:#00838f;background-color:#e0f7fa;font-weight:500}body.dark-mode .system-messages-page{background-color:#1a1c24}body.dark-mode .messages-header-wrapper,body.dark-mode .messages-table-container{box-shadow:none;background-color:#232632}body.dark-mode .title-text-container h2,body.dark-mode .messages-table td strong{color:#fff}body.dark-mode .title-text-container p,body.dark-mode .text-muted,body.dark-mode .messages-table td.content-cell{color:#8e95a5}body.dark-mode .title-icon-container{background-color:#673ab726}body.dark-mode .system-messages-page .search-input-wrapper,body.dark-mode .system-messages-page .refresh-btn,body.dark-mode .system-messages-page .dropdown-header,body.dark-mode .system-messages-page .dropdown-list{background-color:#232632;border-color:#333848}body.dark-mode .system-messages-page .dropdown-header,body.dark-mode .system-messages-page .dropdown-item{color:#fff}body.dark-mode .system-messages-page .dropdown-item:hover{background-color:#333848}body.dark-mode .system-messages-page .dropdown-item.selected{color:#00bcd4;background-color:#00bcd426}body.dark-mode .messages-table th{color:#8e95a5;background-color:#1a1c24;border-bottom-color:#333848}body.dark-mode .messages-table td{color:#d1d5db;border-bottom-color:#333848}body.dark-mode .status-badge.unread{color:#ff9800;background-color:#f57c001a}body.dark-mode .delete-btn{background-color:#ef44441a;border-color:#ef444433}body.dark-mode .delete-btn:hover{background-color:#ef444433}.system-modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.system-modal{background-color:#fff;border-radius:12px;flex-direction:column;width:650px;max-width:90%;max-height:90vh;display:flex;box-shadow:0 4px 20px #00000026}.system-modal-header{border-bottom:1px solid #edf2f9;justify-content:space-between;align-items:center;padding:24px 32px 16px;display:flex}.system-modal-header h3{color:#1a1a1a;margin:0;font-size:18px;font-weight:700}.system-modal-header .close-btn{color:#aaa;cursor:pointer;background:0 0;border:none;font-size:24px}.system-modal-header .close-btn:hover{color:#666}.system-modal-body{padding:24px 32px;overflow-y:auto}.form-group label .info-icon{color:#aaa;margin-left:8px;font-size:14px}.form-control{color:#333;box-sizing:border-box;border:1px solid #e0e0e0;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-size:14px}textarea.form-control{resize:vertical}.image-upload-section{flex-direction:column;gap:12px;display:flex}.upload-box{color:#6b7280;cursor:pointer;background-color:#f9fafc;border:1px dashed #d1d5db;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:120px;height:120px;transition:background-color .2s;display:flex}.url-input-box input{color:#333;border:none;outline:none;flex:1;padding:8px 0;font-size:14px}.add-url-btn{color:#0ea5e9;cursor:pointer;background-color:#f1f5f9;border:none;border-radius:6px;padding:8px 16px;font-weight:600;transition:background-color .2s}.add-url-btn:hover{background-color:#e2e8f0}.system-messages-page .modal-dropdown,.system-messages-page .modal-dropdown .dropdown-header{width:100%}.segmented-control{border:1px solid #e0e0e0;border-radius:8px;width:max-content;display:flex;overflow:hidden}.segmented-control button{color:#666;cursor:pointer;background:#fff;border:none;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s}.segmented-control button.active{color:#fff;background-color:#00838f}.system-modal-footer{background-color:#f9fafc;border-top:1px solid #edf2f9;border-bottom-right-radius:12px;border-bottom-left-radius:12px;justify-content:flex-end;align-items:center;gap:16px;padding:16px 32px;display:flex}.cancel-btn{color:#666;cursor:pointer;background:0 0;border:none;padding:10px 20px;font-weight:600}.cancel-btn:hover{color:#333}.ok-btn{color:#fff;cursor:pointer;background-color:#173b4e;border:none;border-radius:8px;padding:10px 40px;font-weight:600;transition:background-color .2s}.ok-btn:hover{background-color:#0d2836}body.dark-mode .system-modal{background-color:#1a1c24}body.dark-mode .system-modal-header,body.dark-mode .system-modal-footer{border-color:#333848}body.dark-mode .system-modal-header h3,body.dark-mode .form-group label{color:#fff}body.dark-mode .form-control,body.dark-mode .url-input-box{color:#fff;background-color:#232632;border-color:#333848}body.dark-mode .form-control::placeholder,body.dark-mode .url-input-box input::placeholder{color:#8e95a5}body.dark-mode .url-input-box input{color:#fff;background-color:#0000}body.dark-mode .add-url-btn{background-color:#333848}body.dark-mode .add-url-btn:hover{background-color:#404759}body.dark-mode .segmented-control{border-color:#333848}body.dark-mode .segmented-control button{color:#8e95a5;background-color:#232632}body.dark-mode .segmented-control button.active{color:#fff;background-color:#00bcd4}body.dark-mode .system-modal-footer{background-color:#232632}body.dark-mode .cancel-btn{color:#8e95a5}body.dark-mode .cancel-btn:hover{color:#fff}body.dark-mode .ok-btn{background-color:#00bcd4}.messages-table tr.active-row td{background-color:#f8fafc}.messages-table tr.active-row td:first-child{position:relative}.messages-table tr.active-row td:first-child:before{content:"";background-color:#06b6d4;width:4px;position:absolute;top:0;bottom:0;left:0}.content-cell{position:relative}.content-text{white-space:nowrap;text-overflow:ellipsis;max-width:300px;display:inline-block;overflow:hidden}.content-tooltip{color:#334155;z-index:10;white-space:normal;background-color:#fff;border:1px solid #334155;width:400px;padding:10px 15px;font-size:13px;line-height:1.5;position:absolute;top:50%;left:10px;transform:translateY(-50%);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.messages-pagination{justify-content:space-between;align-items:center;margin-top:10px;padding:20px 24px;display:flex}.page-btn,.page-nav-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;display:flex}.page-btn:hover,.page-nav-btn:hover{background-color:#f1f5f9}.page-btn.active{color:#0d9488;background-color:#fff;border:1px solid #0d9488;font-weight:600}.page-dots{color:#64748b;padding:0 5px}.per-page-selector{cursor:pointer;color:#64748b;background-color:#fff;border:1px solid #e2e8f0;border-radius:4px;align-items:center;gap:8px;margin-left:10px;padding:6px 12px;font-size:13px;display:flex}body.dark-mode .messages-table tr.active-row td{background-color:#334155}body.dark-mode .content-tooltip{color:#f8fafc;background-color:#1e293b;border-color:#475569;box-shadow:0 4px 6px -1px #0000004d}body.dark-mode .page-btn,body.dark-mode .page-nav-btn,body.dark-mode .pagination-info,body.dark-mode .page-dots{color:#cbd5e1}body.dark-mode .page-btn:hover,body.dark-mode .page-nav-btn:hover{background-color:#334155}body.dark-mode .page-btn.active{color:#2dd4bf;background-color:#0000;border-color:#2dd4bf}body.dark-mode .per-page-selector{color:#cbd5e1;background-color:#1e293b;border-color:#475569}.profile-page{background-color:#f4f6f8;min-height:100vh;padding:24px}.profile-page-header{background-color:#fff;border-radius:12px;align-items:center;gap:16px;margin-bottom:24px;padding:20px 24px;display:flex;box-shadow:0 2px 10px #00000005}.header-icon-container{color:#673ab7;background-color:#e6e6fa;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.profile-grid{grid-template-columns:1fr 2fr;gap:24px;display:grid}.profile-card{background-color:#fff;border-radius:12px;margin-bottom:24px;padding:24px;box-shadow:0 2px 10px #00000005}.center-card{text-align:center;flex-direction:column;align-items:center;display:flex}.profile-card h3{color:#1a1a1a;margin:16px 0 4px;font-size:18px}.profile-card h4{color:#1a1a1a;align-items:center;gap:8px;margin:0 0 20px;font-size:16px;display:flex}.card-icon{color:#666}.user-handle{color:#0ea5e9;margin:0 0 16px;font-size:14px}.user-avatar-large{color:#fff;background-color:#8b5cf6;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;font-size:40px;display:flex}.role-badge{color:#ef4444;background-color:#fee2e2;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.upload-box{color:#6b7280;cursor:pointer;background-color:#f9fafc;border:1px dashed #d1d5db;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:16px;transition:background-color .2s;display:flex}.upload-box:hover{background-color:#f3f4f6}.upload-box .upload-icon{color:#9ca3af;margin-bottom:8px;font-size:20px}.url-input-box{box-sizing:border-box;border:1px solid #e0e0e0;border-radius:8px;align-items:center;width:100%;padding:8px 12px;display:flex}.url-input-box .link-icon{color:#aaa;margin-right:8px}.url-input-box input{color:#333;background:0 0;border:none;outline:none;flex:1;font-size:14px}.session-card .session-info-grid{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.session-info-grid div{color:#666;justify-content:space-between;font-size:14px;display:flex}.session-info-grid div strong{color:#0ea5e9;font-weight:600}.session-info-bottom{color:#0ea5e9;font-size:14px;font-weight:600}.form-group label{color:#333;align-items:center;margin-bottom:8px;font-size:14px;font-weight:600;display:flex}.form-group label .required{color:#ef4444;margin-right:4px}.warning-icon-label{color:#ef4444;margin-left:8px}.input-with-icon{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;align-items:center;padding:10px 12px;transition:border-color .2s;display:flex}.input-with-icon:focus-within{border-color:#00bcd4}.input-with-icon.disabled{background-color:#f8fafc}.input-with-icon .input-icon{color:#aaa;margin-right:12px}.input-with-icon input{color:#333;background:0 0;border:none;outline:none;flex:1;font-size:14px}.input-with-icon input:disabled{color:#94a3b8}.input-with-icon .warning-icon{color:#ef4444;margin-left:12px}.toggle-password{color:#aaa;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.save-btn{color:#fff;cursor:pointer;background-color:#00bcd4;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:background-color .2s;display:flex}body.dark-mode .profile-page{background-color:#1a1c24}body.dark-mode .profile-page-header,body.dark-mode .profile-card{box-shadow:none;background-color:#232632}body.dark-mode .header-text h2,body.dark-mode .profile-card h3,body.dark-mode .profile-card h4,body.dark-mode .form-group label{color:#fff}body.dark-mode .header-text p,body.dark-mode .card-icon,body.dark-mode .session-info-grid div{color:#8e95a5}body.dark-mode .header-icon-container{background-color:#673ab726}body.dark-mode .upload-box{background-color:#232632;border-color:#333848}body.dark-mode .upload-box:hover{background-color:#2c303f}body.dark-mode .url-input-box,body.dark-mode .input-with-icon{background-color:#232632;border-color:#333848}body.dark-mode .input-with-icon.disabled{background-color:#1e212b}body.dark-mode .url-input-box input,body.dark-mode .input-with-icon input{color:#fff}body.dark-mode .input-with-icon input:disabled{color:#6b7280}body.dark-mode .role-badge{background-color:#ef44441a}@media (width<=992px){.profile-grid{grid-template-columns:1fr}}.admin-users-page{background-color:#f8f9fa;min-height:100vh;padding:24px}.admin-header-section{background-color:#0000;justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.header-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.header-icon.bg-red{background-color:#ef4444}.header-titles h2{color:#1a1a1a;margin:0 0 4px;font-size:20px;font-weight:700}.header-titles p{color:#8e95a5;margin:0;font-size:14px}.add-admin-btn{color:#fff;cursor:pointer;background-color:#00bcd4;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:background-color .2s;display:flex}.add-admin-btn:hover{background-color:#00acc1}.admin-content-container{background-color:#fff;border-radius:12px;min-height:500px;padding:24px;box-shadow:0 2px 10px #00000005}.admin-filter-bar{align-items:center;gap:16px;margin-bottom:24px;display:flex}.search-input-wrapper{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;width:250px;padding:10px 16px;transition:border-color .2s;display:flex}.search-input-wrapper:focus-within{border-color:#00bcd4}.search-input-wrapper .search-icon{color:#94a3b8;margin-right:12px}.search-input-wrapper input{color:#334155;background:0 0;border:none;outline:none;width:100%;font-size:14px}.search-input-wrapper input::placeholder{color:#94a3b8}.dropdown-wrapper{align-items:center;display:flex;position:relative}.role-dropdown{appearance:none;color:#64748b;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:160px;padding:10px 40px 10px 16px;font-size:14px;transition:border-color .2s}.role-dropdown:focus{border-color:#00bcd4}.dropdown-icon{color:#94a3b8;pointer-events:none;position:absolute;right:14px}.refresh-btn{color:#64748b;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;transition:background-color .2s;display:flex}.admin-table-responsive{overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%}.admin-table th{color:#64748b;text-transform:uppercase;white-space:nowrap;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:16px 20px;font-size:12px;font-weight:600}.admin-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #e2e8f0;padding:16px 20px;font-size:14px}.user-profile{align-items:center;gap:12px;display:flex}.user-avatar{color:#cbd5e1}.username-text{color:#1e293b;font-weight:600}.role-badge{border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.role-badge.gray{color:#475569;background-color:#f1f5f9}.role-badge.red{color:#ef4444;background-color:#fee2e2}.status-badge{border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.status-badge.active{color:#10b981;background-color:#ecfdf5}.action-buttons{align-items:center;gap:16px;display:flex}.action-btn{cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:13px;font-weight:600;transition:opacity .2s;display:flex}.action-btn.edit{color:#3b82f6}.action-btn.delete{color:#ef4444}.action-btn.delete.disabled{color:#cbd5e1;cursor:not-allowed;opacity:1}body.dark-mode .admin-users-page{background-color:#1a1c24}body.dark-mode .admin-content-container{box-shadow:none;background-color:#232632}body.dark-mode .header-titles h2{color:#fff}body.dark-mode .header-titles p,body.dark-mode .admin-table th{color:#8e95a5}body.dark-mode .search-input-wrapper,body.dark-mode .role-dropdown,body.dark-mode .refresh-btn{background-color:#1a1c24;border-color:#333848}body.dark-mode .search-input-wrapper input{color:#fff}body.dark-mode .role-dropdown{color:#d1d5db}body.dark-mode .refresh-btn{color:#8e95a5}body.dark-mode .admin-table th{background-color:#1a1c24;border-color:#333848}body.dark-mode .admin-table td{color:#d1d5db;border-color:#333848}body.dark-mode .username-text{color:#f8fafc}body.dark-mode .user-avatar{color:#475569}body.dark-mode .role-badge.gray{color:#94a3b8;background-color:#333848}body.dark-mode .role-badge.red{color:#fca5a5;background-color:#ef444426}body.dark-mode .status-badge.active{color:#34d399;background-color:#10b98126}body.dark-mode .action-btn.edit{color:#60a5fa}body.dark-mode .action-btn.delete{color:#f87171}body.dark-mode .action-btn.delete.disabled{color:#475569}.roles-page{background-color:#f8f9fa;min-height:100vh;padding:24px}.roles-header-section{background-color:#0000;justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.roles-header-left{align-items:center;gap:16px;display:flex}.roles-header-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.roles-header-icon.bg-purple{background-color:#8b5cf6}.roles-header-titles h2{color:#1a1a1a;margin:0 0 4px;font-size:20px;font-weight:700}.roles-header-titles p{color:#8e95a5;margin:0;font-size:14px}.create-role-btn{color:#fff;cursor:pointer;background-color:#00bcd4;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:background-color .2s;display:flex}.create-role-btn:hover{background-color:#00acc1}.roles-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:30px;display:grid}.role-card{background:#fff;border-radius:12px;flex-direction:column;padding:20px;display:flex;position:relative;box-shadow:0 2px 10px #00000005}.role-card-top-action{align-items:center;display:flex;position:absolute;top:16px;right:16px}.system-badge{color:#64748b;background-color:#f1f5f9;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;display:flex}.custom-actions{gap:12px;display:flex}.action-icon{cursor:pointer;font-size:14px;transition:opacity .2s}.action-icon.edit{color:#334155}.action-icon.delete{color:#ef4444}.action-icon:hover{opacity:.7}.role-card-header{flex-direction:column;align-items:center;margin-top:10px;margin-bottom:24px;display:flex}.role-icon-circle{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:12px;font-size:24px;display:flex}.role-icon-circle.orange{color:#f97316;background-color:#ffedd5}.role-icon-circle.purple{color:#a855f7;background-color:#f3e8ff}.role-icon-circle.blue{color:#3b82f6;background-color:#e0f2fe}.role-icon-circle.green{color:#10b981;background-color:#dcfce3}.role-icon-circle.gray{color:#64748b;background-color:#f1f5f9}.role-name{color:#1e293b;margin:0 0 4px;font-size:18px;font-weight:700}.role-description{color:#64748b;text-align:center;margin:0 0 12px;font-size:13px}.users-count{color:#475569;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.count-badge{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;display:inline-flex}.count-badge.active{background-color:#ef4444}.count-badge.inactive{background-color:#3b82f6}.role-card-permissions{border-top:1px solid #f1f5f9;flex-grow:1;padding-top:16px}.permissions-title{color:#94a3b8;letter-spacing:.5px;margin-bottom:12px;font-size:11px;font-weight:700}.permissions-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.permissions-list li{justify-content:space-between;align-items:center;font-size:13px;display:flex}.permissions-list li.allowed{color:#1e293b;font-weight:500}.permissions-list li.denied{color:#cbd5e1}.perm-icon{font-size:14px}.allowed-icon{color:#10b981}.denied-icon{color:#cbd5e1}.permission-matrix-container{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 10px #00000005}.permission-matrix-container h3{color:#1e293b;margin:0 0 20px;font-size:16px;font-weight:700}.matrix-table-responsive{overflow-x:auto}.matrix-table{border-collapse:collapse;text-align:center;width:100%}.matrix-table th{color:#64748b;text-transform:uppercase;border-bottom:1px solid #e2e8f0;padding:16px;font-size:12px;font-weight:600}.matrix-table th:first-child{text-align:left}.matrix-table td{border-bottom:1px solid #f1f5f9;padding:14px 16px}.matrix-perm-name{text-align:left;color:#1e293b;font-size:14px;font-weight:500}.matrix-cell{text-align:center}.matrix-icon{font-size:16px}.matrix-role-badge{border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600}.matrix-role-badge.super-admin{color:#ef4444;background-color:#fee2e2}.matrix-role-badge.admin{color:#3b82f6;background-color:#e0f2fe}.matrix-role-badge.operator{color:#10b981;background-color:#dcfce3}.matrix-role-text{color:#475569;font-size:12px;font-weight:600}body.dark-mode .roles-page{background-color:#1a1c24}body.dark-mode .roles-header-titles h2{color:#fff}body.dark-mode .roles-header-titles p{color:#8e95a5}body.dark-mode .role-card,body.dark-mode .permission-matrix-container{box-shadow:none;background-color:#232632}body.dark-mode .role-name,body.dark-mode .permission-matrix-container h3,body.dark-mode .matrix-perm-name{color:#f8fafc}body.dark-mode .permissions-list li.allowed{color:#e2e8f0}body.dark-mode .role-description,body.dark-mode .users-count,body.dark-mode .permissions-list li.denied{color:#8e95a5}body.dark-mode .denied-icon{color:#475569}body.dark-mode .role-card-permissions{border-color:#333848}body.dark-mode .system-badge{color:#94a3b8;background-color:#333848}body.dark-mode .matrix-table th{color:#94a3b8;border-bottom-color:#333848}body.dark-mode .matrix-table td{border-bottom-color:#2d313f}body.dark-mode .action-icon.edit{color:#94a3b8}body.dark-mode .role-icon-circle.orange{background-color:#f9731626}body.dark-mode .role-icon-circle.purple{background-color:#a855f726}body.dark-mode .role-icon-circle.blue{background-color:#3b82f626}body.dark-mode .role-icon-circle.green{background-color:#10b98126}body.dark-mode .role-icon-circle.gray{color:#94a3b8;background-color:#64748b26}body.dark-mode .matrix-role-badge.super-admin{color:#fca5a5;background-color:#ef444426}body.dark-mode .matrix-role-badge.admin{color:#93c5fd;background-color:#3b82f626}body.dark-mode .matrix-role-badge.operator{color:#6ee7b7;background-color:#10b98126}body.dark-mode .matrix-role-text{color:#cbd5e1}.general-settings-page{background-color:#f8f9fa;min-height:100vh;padding:24px}.settings-header-section{background-color:#0000;justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.settings-header-left{align-items:center;gap:16px;display:flex}.settings-header-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.settings-header-icon.bg-purple{background-color:#8b5cf6}.settings-header-titles h2{color:#1a1a1a;margin:0 0 4px;font-size:20px;font-weight:700}.settings-header-titles p{color:#8e95a5;margin:0;font-size:14px}.save-settings-btn{color:#fff;cursor:pointer;background-color:#00bcd4;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:background-color .2s;display:flex}.save-settings-btn:hover{background-color:#00acc1}.discard-btn{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.discard-btn:hover{background-color:#f1f5f9}.unsaved-changes-alert{color:#92400e;background-color:#fffbeb;border:1px solid #fde68a;border-radius:8px;align-items:center;margin-bottom:24px;padding:12px 16px;font-size:13px;display:flex}.unsaved-changes-alert span{align-items:center;gap:8px;display:flex}.test-connection-btn{color:#334155;cursor:pointer;background-color:#0000;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;transition:all .2s;display:inline-flex}.test-connection-btn:hover{background-color:#f8fafc}.login-bg-preview{border:1px solid #e2e8f0;border-radius:8px;width:140px;height:140px;margin-bottom:12px;overflow:hidden}.login-bg-preview img{object-fit:cover;width:100%;height:100%}.icon-input-container{align-items:center;display:flex;position:relative}.icon-input-container input{padding-left:36px}.icon-input-container .input-icon{color:#94a3b8;position:absolute;left:12px}.settings-layout-container{background:#fff;border-radius:12px;min-height:600px;display:flex;overflow:hidden;box-shadow:0 2px 10px #00000005}.settings-sidebar{background-color:#fafafa;border-right:1px solid #f1f5f9;width:250px;padding:20px 0}.settings-tabs-list{margin:0;padding:0;list-style:none}.settings-tab-item{color:#64748b;cursor:pointer;border-left:3px solid #0000;padding:14px 24px;font-size:14px;font-weight:600;transition:all .2s}.settings-tab-item:hover{color:#334155;background-color:#f1f5f9}.settings-tab-item.active{color:#00bcd4;background-color:#e0f7fa;border-left-color:#00bcd4}.settings-content-area{flex-grow:1;padding:30px}.tab-content-panel{max-width:1000px}.form-row-three-cols{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:24px;display:grid}.form-row-full{margin-bottom:30px}.form-control{color:#1e293b;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-size:14px;transition:border-color .2s}.form-control:focus{border-color:#00bcd4}textarea.form-control{resize:vertical;line-height:1.5}.form-help-text{color:#64748b;margin-top:8px;font-size:12px;line-height:1.5}.form-row-toggles{gap:60px;display:flex}.toggle-group{flex-direction:column;display:flex}.placeholder-panel{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;height:400px;display:flex}.placeholder-panel h3{color:#334155;margin-bottom:8px}body.dark-mode .general-settings-page{background-color:#1a1c24}body.dark-mode .settings-header-titles h2{color:#fff}body.dark-mode .settings-header-titles p{color:#8e95a5}body.dark-mode .settings-layout-container{box-shadow:none;background-color:#232632}body.dark-mode .settings-sidebar{background-color:#1f222d;border-right-color:#2a2d3b}body.dark-mode .settings-tab-item{color:#94a3b8}body.dark-mode .settings-tab-item:hover{color:#f8fafc;background-color:#2a2d3b}body.dark-mode .settings-tab-item.active{color:#00bcd4;background-color:#00bcd41a}body.dark-mode .form-group label,body.dark-mode .placeholder-panel h3{color:#e2e8f0}body.dark-mode .form-help-text{color:#94a3b8}body.dark-mode .toggle-text{color:#64748b}body.dark-mode .discard-btn{color:#e2e8f0;background-color:#0000;border-color:#333848}body.dark-mode .discard-btn:hover{background-color:#2a2d3b}body.dark-mode .unsaved-changes-alert{color:#fcd34d;background-color:#f59e0b1a;border-color:#fde68a33}body.dark-mode .test-connection-btn{color:#e2e8f0;border-color:#333848}body.dark-mode .test-connection-btn:hover{background-color:#2a2d3b}body.dark-mode .login-bg-preview{border-color:#333848}.notification-templates-page{background-color:#f8fafc;min-height:100vh;padding:24px}body.dark-mode .notification-templates-page{color:#f1f5f9;background-color:#0f172a}.tabs-container{background:#fff;border-bottom:1px solid #e2e8f0;border-radius:12px 12px 0 0;gap:8px;padding:16px;display:flex}body.dark-mode .tabs-container{background-color:#1e293b;border-color:#334155}.tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.tab-btn:hover{color:#1e293b}.tab-btn.active{color:#1e293b;background-color:#f1f5f9}body.dark-mode .tab-btn{color:#94a3b8}body.dark-mode .tab-btn:hover{color:#f1f5f9}body.dark-mode .tab-btn.active{color:#f1f5f9;background-color:#334155}.table-container{background:#fff;border-radius:0 0 12px 12px;padding:0 16px 16px;overflow-x:auto}body.dark-mode .table-container{background-color:#1e293b}.templates-table{border-collapse:collapse;width:100%}.templates-table th{text-align:left;color:#64748b;text-transform:uppercase;border-bottom:1px solid #e2e8f0;padding:16px 12px;font-size:12px;font-weight:600}body.dark-mode .templates-table th{color:#94a3b8;border-bottom-color:#334155}.templates-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:16px 12px;font-size:13px}body.dark-mode .templates-table td{color:#cbd5e1;border-bottom-color:#334155}.channel-badge{border-radius:4px;padding:4px 10px;font-size:12px;font-weight:500}.badge-sms{color:#0284c7;background-color:#e0f2fe}.badge-whatsapp{color:#16a34a;background-color:#dcfce7}.badge-inapp{color:#9333ea;background-color:#f3e8ff}body.dark-mode .badge-sms{background-color:#0284c733}body.dark-mode .badge-whatsapp{background-color:#16a34a33}body.dark-mode .badge-inapp{background-color:#9333ea33}.body-cell{white-space:nowrap;text-overflow:ellipsis;color:#64748b;max-width:300px;overflow:hidden}body.dark-mode .body-cell{color:#94a3b8}.status-badge{color:#10b981;align-items:center;gap:6px;font-size:12px;font-weight:500;display:inline-flex}.status-dot{background-color:#10b981;border-radius:50%;width:6px;height:6px}.action-buttons{gap:16px;display:flex}.action-btn{cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:13px;font-weight:500;transition:opacity .2s;display:flex}.action-btn:hover{opacity:.8}.edit-btn,.test-btn{color:#3b82f6}.empty-state{color:#64748b;flex-direction:column;justify-content:center;align-items:center;padding:64px 0;display:flex}.empty-icon{color:#cbd5e1;margin-bottom:16px;font-size:48px}body.dark-mode .empty-state{color:#94a3b8}body.dark-mode .empty-icon{color:#475569}.third-party-page{background-color:#f8fafc;min-height:100vh;padding:24px}body.dark-mode .third-party-page{color:#f1f5f9;background-color:#0f172a}.header-icon-container{color:#fff;background-color:#4f46e5;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.info-icon{color:#64748b;margin-top:2px;font-size:16px}.form-row-three-cols{grid-template-columns:1fr 1fr 1fr;gap:20px;display:grid}.bottom-row{grid-template-columns:2fr 1fr;align-items:flex-start}.input-with-icon{position:relative}.input-with-icon .input-icon{color:#94a3b8;cursor:pointer;transition:color .2s;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.input-with-icon .input-icon:hover{color:#64748b}body.dark-mode .input-with-icon .input-icon:hover{color:#cbd5e1}.toggle-group label{margin-bottom:12px}.custom-toggle{cursor:pointer;align-items:center;gap:12px;display:flex}.toggle-text{color:#64748b;font-size:14px;font-weight:500}.custom-toggle.active .toggle-text{color:#06b6d4}.firebase-push-page{background-color:#f8fafc;min-height:100vh;padding:24px}body.dark-mode .firebase-push-page{color:#f1f5f9;background-color:#0f172a}.firebase-icon{background-color:#f59e0b}.info-alert{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:flex-start;gap:12px;margin-bottom:24px;padding:16px;display:flex}.help-text{color:#64748b;margin-top:6px;font-size:12px;display:block}body.dark-mode .help-text{color:#94a3b8}.service-account-textarea{white-space:pre;font-family:monospace;font-size:13px;line-height:1.5}.app-version-page{background-color:#f8fafc;min-height:100vh;padding:24px}body.dark-mode .app-version-page{color:#f1f5f9;background-color:#0f172a}.app-version-icon{background-color:#8b5cf6}.config-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.info-alert{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:flex-start;gap:12px;max-width:600px;margin-bottom:24px;padding:16px;display:flex}body.dark-mode .info-alert{background-color:#94a3b81a;border-color:#334155}.info-icon{color:#64748b;font-size:16px}.info-alert p{color:#475569;margin:0;font-size:13px;line-height:1.6}body.dark-mode .info-alert p{color:#94a3b8}.info-alert code{background-color:#e2e8f0;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:12px}body.dark-mode .info-alert code{color:#cbd5e1;background-color:#334155}.question-icon{color:#94a3b8;font-size:12px}.required{color:#ef4444}.form-control::placeholder{color:#94a3b8}.form-control:focus{outline:none;box-shadow:0 0 0 3px #3b82f61a;border-color:#3b82f6!important}body.dark-mode .form-control::placeholder{color:#475569}.full-width{width:100%}.custom-toggle{cursor:pointer;align-items:center;display:inline-flex}.toggle-switch{background-color:#e2e8f0;border-radius:12px;width:44px;height:24px;transition:background-color .2s;position:relative}body.dark-mode .toggle-switch{background-color:#334155}.toggle-switch:after{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0000001a}.custom-toggle.active .toggle-switch{background-color:#06b6d4}.custom-toggle.active .toggle-switch:after{transform:translate(20px)}.third-party-tx-page{background-color:#f8fafc;min-height:100vh;padding:24px}body.dark-mode .third-party-tx-page{color:#f1f5f9;background-color:#0f172a}.tx-icon{background-color:#6366f1}.refresh-btn:hover{background-color:#f8fafc}body.dark-mode .refresh-btn{color:#94a3b8;background-color:#1e293b;border-color:#334155}body.dark-mode .refresh-btn:hover{background-color:#334155}.summary-cards{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px;display:grid}.summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}body.dark-mode .summary-card{background-color:#1e293b;border-color:#334155}.summary-info{flex-direction:column;gap:8px;display:flex}.summary-label{color:#64748b;font-size:13px;font-weight:500}body.dark-mode .summary-label{color:#94a3b8}.summary-value{color:#1e293b;font-size:24px;font-weight:700}body.dark-mode .summary-value{color:#f1f5f9}.summary-icon-box{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;display:flex}.bg-purple{background-color:#8b5cf6}.bg-red{background-color:#ef4444}.bg-green{background-color:#10b981}.filters-container{gap:12px;margin-bottom:24px;display:flex}.filter-input,.filter-input-with-icon{position:relative}.filter-input input,.filter-input-with-icon input{color:#1e293b;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;width:220px;height:40px;padding:0 16px;font-size:13px}body.dark-mode .filter-input input,body.dark-mode .filter-input-with-icon input{color:#f1f5f9;background-color:#1e293b;border-color:#334155}.filter-input-with-icon input{padding-left:36px}.filter-input-with-icon.date-range-input input{width:280px;padding-left:16px;padding-right:36px}.filter-icon{color:#94a3b8;font-size:14px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.filter-icon.right-icon{left:auto;right:14px}.filter-btn{color:#fff;cursor:pointer;background-color:#06b6d4;border:none;border-radius:8px;align-items:center;gap:8px;height:40px;padding:0 20px;font-size:13px;font-weight:500;transition:background-color .2s;display:flex}.filter-btn:hover{background-color:#0891b2}.table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto}body.dark-mode .table-container{background-color:#1e293b;border-color:#334155}.tx-table{border-collapse:collapse;width:100%}.tx-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e2e8f0;padding:16px;font-size:11px;font-weight:600}body.dark-mode .tx-table th{color:#94a3b8;border-bottom-color:#334155}.tx-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:16px;font-size:13px}body.dark-mode .tx-table td{color:#cbd5e1;border-bottom-color:#334155}.user-cell{flex-direction:column;gap:4px;display:flex}.user-name{color:#1e293b;font-weight:500}body.dark-mode .user-name{color:#f1f5f9}.user-hash{color:#94a3b8;font-size:11px}.mono-text{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.light-blue{color:#3b82f6}.font-medium{font-weight:500}.text-green{color:#10b981}.text-gray{color:#10b981}.time-cell{color:#64748b;font-size:12px}body.dark-mode .time-cell{color:#94a3b8}.lobby-settings-page{background-color:#f8fafc;min-height:100vh;padding:24px}body.dark-mode .lobby-settings-page{color:#f1f5f9;background-color:#0f172a}.lobby-icon{background-color:#6366f1}.form-row-two-cols{grid-template-columns:1fr 1fr;gap:24px;display:grid}.provider-icon-preview{color:#fff;letter-spacing:.5px;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.ui-display-page{background-color:#f8fafc;min-height:100vh;padding:24px}body.dark-mode .ui-display-page{color:#f1f5f9;background-color:#0f172a}.ui-icon{background-color:#6366f1}.save-btn{color:#fff;cursor:pointer;background-color:#06b6d4;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:background-color .2s;display:flex}.save-btn:hover{background-color:#0891b2}.settings-tabs{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:0 24px;display:flex;overflow-x:auto}.tab-item{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:16px 20px;font-size:14px;font-weight:500;transition:all .2s}.tab-item:hover{color:#1e293b}body.dark-mode .tab-item:hover{color:#f1f5f9}.tab-body{padding:24px}.tab-content-inner{animation:.3s fadeIn}.empty-state{text-align:center;color:#94a3b8;padding:40px;font-style:italic}.form-grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.form-control:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}body.dark-mode .form-control:focus{border-color:#3b82f6}.dynamic-table{border-collapse:separate;border-spacing:0 12px;width:100%}.dynamic-table th{text-align:left;color:#64748b;padding:0 8px 8px;font-size:12px;font-weight:600}body.dark-mode .dynamic-table th{color:#94a3b8}.dynamic-table td{vertical-align:middle;padding:0 8px}.dynamic-table .form-control{border-radius:6px;padding:8px 12px;font-size:13px}.text-center{text-align:center}.custom-select{position:relative}.custom-select select{appearance:none;cursor:pointer;padding-right:32px}.select-icon{color:#94a3b8;pointer-events:none;font-size:12px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.color-inputs-container{align-items:center;gap:12px;display:flex}.custom-checkbox{cursor:pointer;border:1px solid #cbd5e1;border-radius:4px;width:16px;height:16px}.color-input-half{flex:1}.color-preview-block{border:1px solid #0000001a;border-radius:4px;width:32px;height:24px}.color-hex-input{align-items:center;gap:12px;display:flex}.color-preview-sm{border:1px solid #0000001a;border-radius:4px;flex-shrink:0;width:20px;height:20px}body.dark-mode .delete-row-btn{color:#ef4444;border-color:#ef44444d}.add-row-btn{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.add-row-btn:hover{background-color:#f8fafc}body.dark-mode .add-row-btn:hover{background-color:#334155}.box-gradient-empty-container{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding-bottom:24px}body.dark-mode .box-gradient-empty-container{background-color:#1e293b;border-color:#334155}.bg-table-header{color:#334155;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;border-radius:8px 8px 0 0;padding:12px 24px;font-size:13px;font-weight:500;display:flex}body.dark-mode .bg-table-header{color:#cbd5e1;background-color:#0f172a66;border-bottom-color:#334155}.bg-col-main{flex:1}.bg-col-preview{text-align:right;width:100px}.bg-empty-state{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;padding:40px 0;display:flex}.bg-empty-state p{margin-top:12px;font-size:14px}.box-gradient-empty-container .add-row-btn{margin:0 24px}.box-gradients-list{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:24px}body.dark-mode .box-gradients-list{background-color:#1e293b;border-color:#334155}.share-odds-page{background-color:#f8fafc;min-height:100vh;padding:24px}body.dark-mode .share-odds-page{color:#f1f5f9;background-color:#0f172a}.share-icon-bg{background-color:#6366f1}.fix-required-btn{color:#f59e0b;cursor:pointer;background-color:#0000;border:none;padding:8px 12px;font-size:13px;font-weight:600}.save-btn-disabled{color:#94a3b8;cursor:not-allowed;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;align-items:center;padding:10px 20px;font-size:14px;font-weight:500;display:flex}body.dark-mode .save-btn-disabled{color:#94a3b8;background-color:#334155;border-color:#475569}.config-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}body.dark-mode .config-card{background-color:#1e293b;border-color:#334155}.p-0{padding:0!important}.p-24{padding:24px}.settings-tabs{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:0 24px;display:flex}body.dark-mode .settings-tabs{background-color:#0f172a66;border-bottom-color:#334155}.tab-item{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:16px 20px;font-size:14px;font-weight:500;transition:all .2s}.tab-item.active{color:#06b6d4;border-bottom-color:#06b6d4}body.dark-mode .tab-item{color:#94a3b8}body.dark-mode .tab-item.active{color:#06b6d4}.form-control{color:#1e293b;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:10px 14px;font-size:14px;transition:border-color .2s}.input-error{border-color:#ef4444!important}.input-error::placeholder{color:#ef4444;opacity:.7}.delete-row-btn{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #fee2e2;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.delete-row-btn:hover{background-color:#fee2e2}body.dark-mode .delete-row-btn{border-color:#ef44444d}body.dark-mode .delete-row-btn:hover{background-color:#ef44441a}.add-row-btn{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;display:flex}body.dark-mode .add-row-btn{color:#cbd5e1;background-color:#1e293b;border-color:#334155}.mt-16{margin-top:16px}.share-channels-table-header{color:#64748b;text-transform:uppercase;border-bottom:1px solid #f1f5f9;padding:12px 0;font-size:11px;font-weight:600;display:flex}body.dark-mode .share-channels-table-header{border-bottom-color:#1e293b}.col-name,.col-icon{width:15%;padding-right:24px}.col-url{flex:1;padding-right:24px}.col-action{justify-content:flex-end;width:50px;display:flex}.channel-row{border-bottom:1px solid #f1f5f9;align-items:flex-start;padding:24px 0;display:flex;position:relative}body.dark-mode .channel-row{border-bottom-color:#1e293b}.invalid-row:before{content:"";background-color:#06b6d4;width:4px;position:absolute;top:0;bottom:0;left:-24px}.icon-upload-box{background-color:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:8px;display:flex;overflow:hidden}body.dark-mode .icon-upload-box{background-color:#0f172a;border-color:#334155}.icon-preview-mock{background-color:#f1f5f9;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.axn-logo-mock{flex-direction:column;align-items:center;line-height:1;display:flex}.icon-upload-placeholder{color:#94a3b8;flex-direction:column;align-items:center;gap:8px;font-size:12px;display:flex}.icon-url-input{width:100px;position:relative}.icon-url-input input{color:#64748b;border:1px solid #e2e8f0;border-radius:4px;width:100%;padding:6px 8px 6px 28px;font-size:11px}body.dark-mode .icon-url-input input{color:#cbd5e1;background-color:#0f172a;border-color:#334155}.link-icon{color:#94a3b8;font-size:12px;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.odds-aliases-table-header{color:#64748b;text-transform:uppercase;border-bottom:1px solid #f1f5f9;padding:12px 0;font-size:11px;font-weight:600;display:flex}body.dark-mode .odds-aliases-table-header{border-bottom-color:#1e293b}.col-betcode{width:50%;padding-right:24px}.col-oddsclass{flex:1;padding-right:24px}.odds-aliases-empty-state{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;padding:60px 0;display:flex}.odds-aliases-empty-state p{margin-top:12px;font-size:14px}.odds-alias-row{border-bottom:1px solid #f1f5f9;align-items:center;padding:16px 0;display:flex}body.dark-mode .odds-alias-row{border-bottom-color:#1e293b}.odds-alias-hint{color:#94a3b8;margin-top:8px;font-size:12px}.avatars-page{background-color:#f8fafc;min-height:100vh;padding:24px}body.dark-mode .avatars-page{color:#f1f5f9;background-color:#0f172a}.avatars-icon-bg{background-color:#0ea5e9}.header-right{align-items:center;gap:12px;display:flex}.icon-btn-outline{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.icon-btn-outline:hover{background:#f8fafc}body.dark-mode .icon-btn-outline{color:#94a3b8;background:#1e293b;border-color:#334155}body.dark-mode .icon-btn-outline:hover{background:#334155}.add-btn-primary{color:#fff;cursor:pointer;background-color:#0ea5e9;border:none;border-radius:6px;align-items:center;height:38px;padding:0 16px;font-size:14px;font-weight:500;transition:background-color .2s;display:flex}.add-btn-primary:hover{background-color:#0284c7}.avatars-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;display:grid}.avatar-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}body.dark-mode .avatar-card{background:#1e293b;border-color:#334155}.avatar-card-content{flex-direction:column;flex:1;align-items:center;padding:24px;display:flex}.avatar-image-circle{color:#94a3b8;background-color:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:12px;display:flex;overflow:hidden}body.dark-mode .avatar-image-circle{background-color:#0f172a}.mock-avatar-icon{font-size:64px}.avatar-id{color:#0ea5e9;font-size:12px;font-weight:500}.avatar-card-actions{border-top:1px solid #f1f5f9;height:48px;display:flex}body.dark-mode .avatar-card-actions{border-top-color:#334155}.action-btn{cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;transition:background-color .2s;display:flex}.action-btn:hover{background-color:#f8fafc}body.dark-mode .action-btn:hover{background-color:#ffffff05}.edit-btn{color:#94a3b8}.delete-action-wrapper{flex:1;display:flex;position:relative}.delete-btn{color:#ef4444;width:100%}.action-divider{background-color:#f1f5f9;width:1px}body.dark-mode .action-divider{background-color:#334155}.delete-popover{z-index:50;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:200px;padding:16px;animation:.2s cubic-bezier(.16,1,.3,1) popIn;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-10px);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}body.dark-mode .delete-popover{background:#1e293b;border-color:#334155;box-shadow:0 10px 25px -5px #00000080}.popover-arrow{background:#fff;border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;width:12px;height:12px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}body.dark-mode .popover-arrow{background:#1e293b;border-color:#334155}.popover-title{color:#1e293b;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;font-weight:500;display:flex}body.dark-mode .popover-title{color:#f1f5f9}.warning-icon{color:#f59e0b}.popover-actions{gap:8px;display:flex}.btn-cancel{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex:1;padding:6px 0;font-size:13px;font-weight:500}.btn-confirm-delete{color:#ef4444;cursor:pointer;background:#fff;border:1px solid #ef4444;border-radius:6px;flex:1;padding:6px 0;font-size:13px;font-weight:500}body.dark-mode .btn-confirm-delete{background:#ef44441a}@keyframes popIn{0%{opacity:0;transform:translate(-50%)translateY(0)scale(.95)}to{opacity:1;transform:translate(-50%)translateY(-10px)scale(1)}}.avatar-modal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:500px;display:flex;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}body.dark-mode .avatar-modal{background:#1e293b;border:1px solid #334155}.modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}body.dark-mode .modal-header{border-bottom-color:#334155}.form-group{margin-bottom:20px}.required-label:before{content:"*";color:#ef4444;margin-right:4px}.edit-image-preview{flex-direction:column;gap:12px;display:flex}.image-preview-box{color:#94a3b8;background:#f1f5f9;border-radius:8px;justify-content:center;align-items:center;width:80px;height:80px;display:flex;overflow:hidden}body.dark-mode .image-preview-box{background:#0f172a}.mock-avatar-lg{font-size:80px}.image-url-input{position:relative}.image-url-input input{padding-left:36px}.image-url-input .link-icon{color:#94a3b8;font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.add-image-upload{flex-direction:column;display:flex}.upload-box-placeholder{color:#94a3b8;cursor:pointer;background-color:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:80px;height:80px;font-size:12px;display:flex}body.dark-mode .upload-box-placeholder{background-color:#0f172a;border-color:#334155}.mt-8{margin-top:8px}.form-row-2{grid-template-columns:1fr 1fr;gap:24px;display:grid}.toggle-switch-container{align-items:center;gap:12px;height:42px;display:flex}.status-label{color:#0ea5e9;font-size:14px;font-weight:500}.btn-cancel-modal{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500}body.dark-mode .btn-cancel-modal{color:#cbd5e1;background:#0f172a;border-color:#334155}.btn-save-modal{color:#fff;cursor:pointer;background:#0ea5e9;border:none;border-radius:6px;padding:8px 24px;font-size:14px;font-weight:500}.btn-save-modal:hover{background:#0284c7}.audit-log-page{background-color:#f8fafc;min-height:100vh;padding:24px}body.dark-mode .audit-log-page{color:#f1f5f9;background-color:#0f172a}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.header-left{align-items:center;gap:16px;display:flex}.header-icon-container{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.audit-icon-bg{background-color:#6366f1}.header-text h2{color:#1e293b;margin:0;font-size:20px;font-weight:600}body.dark-mode .header-text h2{color:#f1f5f9}.header-text p{color:#94a3b8;margin:4px 0 0;font-size:13px}.table-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}body.dark-mode .table-card{background-color:#1e293b;border-color:#334155}.table-filters{border-bottom:1px solid #f1f5f9;align-items:center;gap:16px;padding:20px 24px;display:flex}body.dark-mode .table-filters{border-bottom-color:#334155}.search-input-wrapper{width:240px;position:relative}.search-icon{color:#94a3b8;font-size:14px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input-wrapper input{color:#1e293b;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 14px 10px 36px;font-size:13px;transition:all .2s}.search-input-wrapper input:focus{background-color:#fff;border-color:#0ea5e9}body.dark-mode .search-input-wrapper input{color:#f1f5f9;background-color:#0f172a;border-color:#334155}.custom-dropdown-container{width:200px;position:relative}.custom-dropdown-header{color:#64748b;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;display:flex}body.dark-mode .custom-dropdown-header{color:#cbd5e1;background-color:#0f172a;border-color:#334155}.custom-dropdown-list{z-index:10;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;max-height:250px;padding:8px 0;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 15px -3px #0000001a}body.dark-mode .custom-dropdown-list{background-color:#1e293b;border-color:#334155;box-shadow:0 10px 15px -3px #00000080}.custom-dropdown-item{color:#334155;cursor:pointer;padding:8px 16px;font-size:13px;transition:background-color .2s}.custom-dropdown-item:hover{background-color:#f1f5f9}body.dark-mode .custom-dropdown-item{color:#cbd5e1}body.dark-mode .custom-dropdown-item:hover{background-color:#334155}.refresh-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.refresh-btn:hover{color:#1e293b;background:#f8fafc}body.dark-mode .refresh-btn{color:#94a3b8;background:#0f172a;border-color:#334155}body.dark-mode .refresh-btn:hover{color:#f1f5f9;background:#1e293b}.audit-table{border-collapse:collapse;width:100%}.audit-table th{text-align:left;color:#64748b;text-transform:uppercase;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:16px 24px;font-size:11px;font-weight:600}body.dark-mode .audit-table th{border-bottom-color:#334155}.audit-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f8fafc;padding:18px 24px;font-size:13px}body.dark-mode .audit-table td{color:#cbd5e1;border-bottom-color:#33415580}.audit-table tr:hover td{background-color:#f8fafc}body.dark-mode .audit-table tr:hover td{background-color:#0f172a99}.admin-cell{font-weight:500;color:#0f172a!important}body.dark-mode .admin-cell{color:#f1f5f9!important}.details-link{cursor:pointer;color:#3b82f6!important}.action-badge{text-transform:lowercase;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.badge-green{color:#16a34a;background-color:#22c55e1a}body.dark-mode .badge-green{color:#4ade80;background-color:#22c55e26}.badge-red{color:#dc2626;background-color:#ef44441a}body.dark-mode .badge-red{color:#f87171;background-color:#ef444426}.badge-gray{color:#64748b;background-color:#f1f5f9}body.dark-mode .badge-gray{color:#94a3b8;background-color:#334155}.table-pagination{background-color:#fff;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}body.dark-mode .table-pagination{background-color:#1e293b;border-top-color:#334155}.pagination-info{color:#64748b;font-size:13px}.pagination-controls{align-items:center;gap:4px;display:flex}.page-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;min-width:32px;height:32px;font-size:13px;transition:all .2s;display:flex}.page-btn:hover{background-color:#f1f5f9}.page-btn.active{color:#0ea5e9;background-color:#fff;border-color:#0ea5e9;font-weight:500}body.dark-mode .page-btn{color:#94a3b8}body.dark-mode .page-btn:hover{background-color:#334155}body.dark-mode .page-btn.active{background-color:#0f172a;border-color:#0ea5e9}.page-dots{color:#94a3b8;margin:0 4px}.per-page-select-custom{min-width:100px;position:relative}.per-page-header{color:#334155;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:space-between;align-items:center;padding:6px 12px;font-size:13px;display:flex}body.dark-mode .per-page-header{color:#cbd5e1;background-color:#0f172a;border-color:#334155}.per-page-list{z-index:10;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:100%;padding:8px 0;position:absolute;bottom:calc(100% + 4px);right:0;box-shadow:0 -4px 15px -3px #0000001a}body.dark-mode .per-page-list{background-color:#1e293b;border-color:#334155;box-shadow:0 -4px 15px -3px #00000080}.per-page-item{color:#334155;cursor:pointer;white-space:nowrap;padding:8px 16px;font-size:13px;transition:background-color .2s}.per-page-item:hover{background-color:#f1f5f9}.per-page-item.active{color:#0ea5e9;background-color:#0ea5e91a;font-weight:500}body.dark-mode .per-page-item{color:#cbd5e1}body.dark-mode .per-page-item:hover{background-color:#334155}body.dark-mode .per-page-item.active{color:#38bdf8;background-color:#0ea5e933}.schedulers-page{background-color:#f8fafc;min-height:100vh;padding:24px}body.dark-mode .schedulers-page{color:#f1f5f9;background-color:#0f172a}.page-header-simple{margin-bottom:24px}.page-header-simple h2{color:#1e293b;margin:0;font-size:24px;font-weight:700}body.dark-mode .page-header-simple h2{color:#f1f5f9}.page-header-simple p{color:#64748b;margin:4px 0 0;font-size:14px}.mb-24{margin-bottom:24px}.mb-20{margin-bottom:20px}.my-16{margin:16px 0}.scheduler-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}body.dark-mode .scheduler-card{background-color:#1e293b;border-color:#334155}.card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}body.dark-mode .card-header{border-bottom-color:#334155}.card-header h3{color:#1e293b;margin:0;font-size:16px;font-weight:600}body.dark-mode .card-header h3{color:#f1f5f9}.refresh-btn-text{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.refresh-btn-text:hover{background:#f8fafc}body.dark-mode .refresh-btn-text{color:#cbd5e1;background:#0f172a;border-color:#334155}body.dark-mode .refresh-btn-text:hover{background:#1e293b}.card-body{padding:24px}.info-banner{border-radius:8px;align-items:flex-start;gap:12px;padding:12px 16px;font-size:13px;line-height:1.5;display:flex}.blue-banner{color:#1e3a8a;background-color:#eff6ff;border:1px solid #bfdbfe}body.dark-mode .blue-banner{color:#93c5fd;background-color:#3b82f61a;border-color:#3b82f633}.info-icon{color:#3b82f6;flex-shrink:0;margin-top:2px;font-size:16px}body.dark-mode .info-icon{color:#60a5fa}.table-responsive{width:100%;overflow-x:auto}.scheduler-table{border-collapse:collapse;width:100%}.scheduler-table th{text-align:left;color:#64748b;border-bottom:1px solid #f1f5f9;padding:16px 0;font-size:12px;font-weight:600}body.dark-mode .scheduler-table th{border-bottom-color:#334155}.scheduler-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f8fafc;padding:16px 0;font-size:13px}body.dark-mode .scheduler-table td{color:#cbd5e1;border-bottom-color:#33415580}.job-name{font-weight:600;color:#1e293b!important}body.dark-mode .job-name{color:#f1f5f9!important}.schedule-cell{align-items:center;gap:12px;display:flex}.cron-badge{color:#475569;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:4px 10px;font-family:monospace;font-size:13px}body.dark-mode .cron-badge{color:#94a3b8;background-color:#0f172a;border-color:#334155}.edit-cron-btn{color:#64748b;cursor:pointer;background:0 0;border:none;padding:4px}.edit-cron-btn:hover{color:#0ea5e9}.switch{width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#cbd5e1;transition:all .4s;position:absolute;inset:0}body.dark-mode .slider{background-color:#475569}.slider:before{content:"";background-color:#fff;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:#0ea5e9}input:focus+.slider{box-shadow:0 0 1px #0ea5e9}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}.status-running{color:#22c55e;font-size:12px}.status-ok{color:#22c55e}.cleanup-form{margin-top:24px}.cleanup-label{color:#64748b;margin-bottom:8px;font-size:13px;display:block}.cleanup-controls{align-items:center;gap:16px;display:flex}.date-range-picker{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;height:40px;padding:0 14px;display:flex}body.dark-mode .date-range-picker{background-color:#0f172a;border-color:#334155}.date-range-picker input{color:#1e293b;background:0 0;border:none;outline:none;width:100px;font-size:13px}.date-range-picker input::placeholder{color:#cbd5e1}body.dark-mode .date-range-picker input{color:#f1f5f9}.date-range-picker .separator{color:#cbd5e1;margin:0 8px;font-size:14px}.date-range-picker .calendar-icon{color:#94a3b8;cursor:pointer;margin-left:8px;font-size:14px}.btn-preview{color:#fff;cursor:pointer;background-color:#0ea5e9;border:none;border-radius:8px;align-items:center;height:40px;padding:0 20px;font-size:14px;font-weight:500;transition:background-color .2s;display:flex}.btn-preview:hover{background-color:#0284c7}.btn-delete-disabled{color:#94a3b8;cursor:not-allowed;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;height:40px;padding:0 20px;font-size:14px;font-weight:500;display:flex}body.dark-mode .btn-delete-disabled{color:#64748b;background-color:#0f172a;border-color:#334155}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0f172a80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.scheduler-modal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:500px;display:flex;box-shadow:0 20px 25px -5px #0000001a}body.dark-mode .scheduler-modal{background:#1e293b;border:1px solid #334155}.modal-header{justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h3{color:#1e293b;margin:0;font-size:16px;font-weight:600}body.dark-mode .modal-header h3{color:#f1f5f9}.close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:20px}.modal-body{padding:0 24px 24px}.form-group label{color:#334155;margin-bottom:8px;font-size:13px;font-weight:500;display:block}body.dark-mode .form-group label{color:#cbd5e1}.form-control{color:#1e293b;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:10px 14px;font-size:14px}body.dark-mode .form-control{color:#f1f5f9;background-color:#0f172a;border-color:#334155}.cron-hint{color:#94a3b8;font-size:12px;line-height:1.5}.modal-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}body.dark-mode .modal-footer{border-top-color:#334155}.btn-cancel{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500}body.dark-mode .btn-cancel{color:#cbd5e1;background:#0f172a;border-color:#334155}.btn-save{color:#fff;cursor:pointer;background:#0ea5e9;border:none;border-radius:6px;padding:8px 24px;font-size:14px;font-weight:500}.btn-save:hover{background:#0284c7}.toast-notification{color:#334155;z-index:1100;background:#fff;border:1px solid #e2e8f0;border-radius:24px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;animation:.3s ease-out slideDown;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 6px -1px #0000001a}@keyframes slideDown{0%{opacity:0;top:-20px}to{opacity:1;top:16px}}body.dark-mode .toast-notification{color:#f1f5f9;background:#1e293b;border-color:#334155;box-shadow:0 4px 6px -1px #00000080}.toast-icon-warning{color:#f59e0b;font-size:14px}.preview-results-container{border-top:1px solid #f1f5f9;margin-top:32px;padding-top:24px;display:flex}body.dark-mode .preview-results-container{border-top-color:#334155}.preview-stat-box{flex:1}.preview-stat-label{color:#94a3b8;margin-bottom:8px;font-size:13px}.preview-stat-value{color:#1e293b;font-size:24px}body.dark-mode .preview-stat-value{color:#f1f5f9}.text-red{color:#ef4444!important}body.dark-mode .text-red{color:#f87171!important}.date-range-wrapper{position:relative}.calendar-popup{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:16px;padding:16px;display:flex;position:absolute;bottom:calc(100% + 10px);left:0;box-shadow:0 10px 25px -5px #0000001a}body.dark-mode .calendar-popup{background:#1e293b;border-color:#334155;box-shadow:0 10px 25px -5px #00000080}.calendar-header{color:#1e293b;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;display:flex}body.dark-mode .calendar-header{color:#f1f5f9}.cal-nav{color:#94a3b8;cursor:pointer;letter-spacing:2px}.cal-month{text-align:center;flex:1}.calendar-body{gap:24px;display:flex}.cal-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.cal-weekday{color:#64748b;margin-bottom:8px;font-size:12px}.cal-day{color:#334155;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;display:flex}body.dark-mode .cal-day{color:#cbd5e1}.cal-day:hover:not(.disabled){background-color:#f1f5f9}body.dark-mode .cal-day:hover:not(.disabled){background-color:#334155}.cal-day.disabled{color:#cbd5e1;cursor:default}body.dark-mode .cal-day.disabled{color:#475569}.cal-day.selected{color:#0ea5e9;background-color:#fff;border:1px solid #0ea5e9;font-weight:600}body.dark-mode .cal-day.selected{color:#0ea5e9;background-color:#0f172a;border-color:#0ea5e9}