:root{--primary-color: #4a6cf7;--primary-dark: #3a56d4;--secondary-color: #6c757d;--background-color: #f5f7fa;--text-color: #333;--error-color: #e53935;--success-color: #28a745;--danger-color: #dc3545;--warning-color: #ffc107;--info-color: #17a2b8;--light-color: #f8f9fa;--dark-color: #343a40;--white-color: #ffffff;--sidebar-width: 250px;--sidebar-collapsed-width: 70px;--header-height: 60px;--border-radius: 8px;--box-shadow: 0 2px 10px rgba(0, 0, 0, .1);--transition-speed: .3s}*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background-color:#f5f7fb;color:#333;line-height:1.6}.admin-panel{display:flex;flex-direction:column;min-height:100vh}.content-area{flex:1;padding:20px;margin-top:var(--header-height);overflow-y:auto}.top-header{height:var(--header-height);background-color:var(--white-color);border-bottom:1px solid #eaeaea;display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-shadow:var(--box-shadow);position:fixed;top:0;left:0;right:0;z-index:1000}.header-left{display:flex;align-items:center}.logo-container{display:flex;align-items:center;margin-right:20px}.logo-container img{width:35px;height:35px;margin-right:10px}.logo-container h2{font-size:1.2rem;font-weight:600;color:var(--dark-color)}.main-nav{flex:1}.nav-menu{display:flex;list-style:none;margin:0;padding:0}.nav-item{display:flex;align-items:center;padding:0 15px;height:var(--header-height);color:var(--secondary-color);cursor:pointer;transition:all .2s;position:relative}.nav-item:hover,.nav-item.active{color:var(--primary-color)}.nav-item.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:var(--primary-color)}.nav-item i{margin-right:8px;font-size:1rem}.header-right{display:flex;align-items:center}.search-container{margin-left:10px;max-width:300px}.search-container form{display:flex;width:100%}.search-input-wrapper{display:flex;width:100%;border:1px solid #ddd;border-radius:var(--border-radius);overflow:hidden}.search-input-wrapper input{flex:1;border:none;padding:8px 15px;outline:none;min-width:0}.search-input-wrapper button{background-color:var(--primary-color);color:#fff;border:none;padding:8px 15px;cursor:pointer;white-space:nowrap}.search-input-wrapper button:hover{background-color:var(--primary-dark)}.notifications{position:relative;margin-right:20px;cursor:pointer}.notifications i{font-size:1.2rem;color:var(--secondary-color)}.badge{position:absolute;top:-5px;right:-5px;background-color:var(--danger-color);color:#fff;border-radius:50%;width:18px;height:18px;font-size:.7rem;display:flex;align-items:center;justify-content:center}.admin-profile{display:flex;align-items:center;position:relative;cursor:pointer;padding:5px 10px;border-radius:5px;transition:background-color .3s}.admin-profile:hover{background-color:#0000000d}.admin-avatar{width:40px;height:40px;overflow:hidden;border-radius:50%;margin-right:10px}.admin-avatar img{width:100%;height:100%;object-fit:cover}.logout-btn{align-items:center;justify-content:center;background:none;border:none;color:var(--danger-color);cursor:pointer;padding:8px 12px;border-radius:4px;font-size:.9rem;transition:all .2s}.logout-btn:hover{background-color:#dc35451a}.logout-btn i{margin-right:8px}.dashboard{padding:20px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap;gap:15px}.dashboard-header h2{font-size:24px;color:#333;margin:0;display:flex;align-items:center}.dashboard-header h2 i{margin-right:10px;color:#4a6cf7}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:30px}.dashboard-card{background-color:#fff;border-radius:12px;padding:25px;display:flex;align-items:center;box-shadow:0 4px 15px #0000000d;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.dashboard-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001a}.dashboard-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 50%,rgba(74,108,247,.03) 100%);z-index:1}.card-icon{width:70px;height:70px;border-radius:12px;background-color:#f0f4ff;display:flex;align-items:center;justify-content:center;margin-right:20px;transition:all .3s ease;position:relative;z-index:2}.dashboard-card:hover .card-icon{transform:scale(1.1);background-color:#4a6cf7}.card-icon i{font-size:28px;color:#4a6cf7;transition:all .3s ease}.dashboard-card:hover .card-icon i{color:#fff}.card-content{position:relative;z-index:2}.card-content h3{font-size:18px;color:#343a40;margin:0 0 8px}.card-content p{font-size:14px;color:#6c757d;margin:0}.users-management{padding:20px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.section-header h2{color:var(--dark-color);margin:0}.header-actions{display:flex;gap:10px;flex-wrap:wrap}.filter-toggle-btn{background-color:var(--light-color);border:1px solid #ddd;border-radius:var(--border-radius);padding:8px 15px;display:flex;align-items:center;cursor:pointer;transition:all .2s}.filter-toggle-btn:hover{background-color:#e9ecef}.filter-toggle-btn i{margin-right:8px;color:var(--primary-color)}.search-container form{display:flex}.search-container input{border:1px solid #ddd;border-radius:var(--border-radius) 0 0 var(--border-radius);padding:8px 15px;outline:none;min-width:200px}.search-container button{background-color:var(--primary-color);color:#fff;border:none;border-radius:0 var(--border-radius) var(--border-radius) 0;padding:8px 15px;cursor:pointer}.filters-container{background-color:var(--white-color);border-radius:var(--border-radius);padding:15px;margin-bottom:20px;box-shadow:var(--box-shadow)}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.filters-header h3{font-size:1rem;margin:0}.reset-filters-btn{background:none;border:none;color:var(--danger-color);cursor:pointer;display:flex;align-items:center}.reset-filters-btn i{margin-right:5px}.filters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.filter-group{display:flex;flex-direction:column}.filter-group label{font-size:.85rem;margin-bottom:5px;color:var(--secondary-color)}.filter-group select,.filter-group input{padding:8px;border:1px solid #ddd;border-radius:4px;outline:none}.stats-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-bottom:20px}.stat-card{background-color:var(--white-color);border-radius:var(--border-radius);padding:15px;display:flex;align-items:center;box-shadow:var(--box-shadow)}.stat-card i{font-size:1.5rem;color:var(--primary-color);margin-right:15px}.stat-info{flex:1}.stat-info h3{font-size:.9rem;margin-bottom:5px}.stat-info p{font-size:1.2rem;font-weight:600;color:var(--dark-color)}.users-table-responsive{overflow-x:auto;background-color:var(--white-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);margin-bottom:20px}.table-actions{padding:10px;border-bottom:1px solid #eee}.toggle-columns-btn{background-color:var(--light-color);border:1px solid #ddd;border-radius:4px;padding:5px 10px;font-size:.85rem;cursor:pointer}.toggle-columns-btn i{margin-right:5px}table{width:100%;border-collapse:collapse}table th,table td{padding:12px 15px;text-align:left;border-bottom:1px solid #eee}table th{background-color:#f8f9fa;font-weight:600;color:var(--secondary-color);font-size:.85rem;text-transform:uppercase}table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;padding-right:25px}table th.sortable:hover{background-color:#e9ecef}table th.sortable i.fas{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:.8rem}table th.sortable i.fa-sort{opacity:.3}table th.sortable i.fa-sort-up,table th.sortable i.fa-sort-down{color:var(--primary-color)}table th i.fas:not(.fa-sort):not(.fa-sort-up):not(.fa-sort-down){margin-right:5px;color:var(--primary-color);font-size:.9rem}table tbody tr:hover{background-color:#f5f7fb}.hidden{display:none!important}.user-avatar{width:35px;height:35px;border-radius:50%;object-fit:cover}.status{display:inline-flex;align-items:center;padding:3px 8px;border-radius:12px;font-size:.75rem;font-weight:500}.status i{margin-right:5px;font-size:.8rem}.status.online{background-color:#28a7451a;color:var(--success-color)}.status.offline{background-color:#6c757d1a;color:var(--secondary-color)}.status.verified{background-color:#17a2b81a;color:var(--info-color)}.status.unverified{background-color:#ffc1071a;color:var(--warning-color)}.gift-info,.like-info{display:flex;flex-direction:column;gap:5px}.gift-info span,.like-info span{display:flex;align-items:center;font-size:.85rem}.gift-info i,.like-info i{margin-right:5px;font-size:.9rem}.gift-info i.received,.like-info i.received{color:var(--success-color)}.gift-info i.sent,.like-info i.sent{color:var(--primary-color)}.action-buttons{display:flex;gap:5px}.action-buttons button{width:30px;height:30px;border-radius:4px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.view-btn{background-color:#17a2b81a;color:var(--info-color)}.view-btn:hover{background-color:var(--info-color);color:#fff}.edit-btn{background-color:#ffc1071a;color:var(--warning-color)}.edit-btn:hover{background-color:var(--warning-color);color:#fff}.delete-btn{background-color:#dc35451a;color:var(--danger-color)}.delete-btn:hover{background-color:var(--danger-color);color:#fff}.text-primary{color:var(--primary-color)}.text-secondary{color:var(--secondary-color)}.text-success{color:var(--success-color)}.text-danger{color:var(--danger-color)}.text-warning{color:var(--warning-color)}.text-info{color:var(--info-color)}.text-muted{color:#adb5bd}.mobile-user-cards{display:none}.pagination{display:flex;justify-content:center;gap:5px;margin-top:20px}.pagination button{width:35px;height:35px;border-radius:4px;border:1px solid #ddd;background-color:var(--white-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.pagination button.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.pagination button:hover:not(:disabled){background-color:#f5f5f5}.pagination button:disabled{opacity:.5;cursor:not-allowed}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f7fb;padding:20px}.login-form{background-color:var(--white-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);width:100%;max-width:400px;padding:30px}.login-logo{text-align:center;margin-bottom:30px}.login-logo img{width:80px;height:80px;margin-bottom:15px}.login-logo h1{font-size:1.5rem;color:var(--dark-color)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:.9rem;color:var(--secondary-color)}.input-with-icon{position:relative}.input-with-icon i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--secondary-color)}.input-with-icon input{width:100%;padding:12px 12px 12px 50px!important;border:1px solid #ddd;border-radius:var(--border-radius);outline:none;transition:border-color .2s}.input-with-icon input:focus{border-color:var(--primary-color)}.error-message{color:var(--danger-color);font-size:.85rem;margin-bottom:15px;padding:8px;background-color:#dc35451a;border-radius:4px}.login-button{width:100%;padding:12px;background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-weight:500;transition:background-color .2s}.login-button:hover:not(:disabled){background-color:var(--primary-dark)}.login-button:disabled{opacity:.7;cursor:not-allowed}.loading{display:flex;justify-content:center;align-items:center;padding:30px;font-size:1rem;color:var(--secondary-color)}@media(max-width:1200px){.stats-cards,.filters-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media(max-width:992px){.nav-item{padding:0 10px}.nav-item span{font-size:.9rem}.priority-3{display:none}}@media(max-width:768px){.top-header{padding:0 15px;height:auto;flex-wrap:wrap}.header-left{width:100%;justify-content:space-between;padding:10px 0}.main-nav{order:3;width:100%;display:none}.main-nav.show{display:block}.nav-menu{flex-direction:column;background-color:var(--white-color);border-top:1px solid #eee}.nav-item{height:50px;border-bottom:1px solid #eee}.nav-item.active:after{display:none}.nav-item.mobile-logout{display:flex;border-top:1px solid #eee;margin-top:10px;padding:0 15px;justify-content:flex-start;align-items:center}.header-right{display:none}.admin-profile{padding:0}.logout-btn{padding:5px;font-size:0}.logout-btn i{margin-right:0;font-size:1.2rem}.menu-toggle{display:block;background:none;border:none;color:var(--secondary-color);font-size:1.5rem;cursor:pointer}.section-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%;flex-wrap:wrap}.search-container{max-width:100%;margin-top:10px;margin-left:0}.stats-cards{grid-template-columns:repeat(2,1fr)}.priority-2{display:none}}@media(max-width:576px){.admin-info{display:none}.stats-cards,.filters-grid{grid-template-columns:1fr}.pagination button:not(.active):not(:first-child):not(:last-child){display:none}.pagination button:first-child,.pagination button:last-child,.pagination button.active{display:flex}.priority-1{display:none}.always-visible{display:table-cell}}.text-center{text-align:center}.mt-10{margin-top:10px}.mb-10{margin-bottom:10px}.ml-10{margin-left:10px}.mr-10{margin-right:10px}.p-10{padding:10px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-10{gap:10px}.w-full{width:100%}.hidden{display:none}.menu-toggle{display:none;background:none;border:none;color:var(--secondary-color);font-size:1.5rem;cursor:pointer}@media(max-width:576px){.menu-toggle{display:block}}.clickable-row{cursor:pointer;transition:background-color .2s}.clickable-row:hover{background-color:#4a6cf70d!important}.banned-toggle-btn{background-color:var(--light-color);border:1px solid #ddd;border-radius:var(--border-radius);padding:8px 15px;display:flex;align-items:center;cursor:pointer;transition:all .2s}.banned-toggle-btn:hover{background-color:#e9ecef}.banned-toggle-btn.active{background-color:#dc35451a;color:var(--danger-color);border-color:#dc354533}.banned-toggle-btn i{margin-right:8px;color:var(--danger-color)}.status.banned{background-color:#dc35451a;color:var(--danger-color)}.status.not-banned{background-color:#28a7451a;color:var(--success-color)}.user-profile-modal{position:fixed;inset:0;background-color:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;overflow-y:auto;padding:20px}.user-profile-content{background-color:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a;width:95%;max-width:1200px;max-height:95vh;overflow-y:auto;position:relative;display:flex;flex-direction:column;border:1px solid #e2e8f0}.user-profile-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid #e2e8f0;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:16px 16px 0 0}.user-profile-header h2{margin:0;font-size:1.5rem;color:#2d3748;font-weight:600;display:flex;align-items:center;gap:10px}.user-profile-header h2 i{color:#4a6cf7;font-size:1.4rem}.close-btn{background:#f1f5f9;border:none;font-size:1.1rem;color:#64748b;cursor:pointer;transition:all .2s ease;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#e2e8f0;color:#dc3545;transform:rotate(90deg)}.user-profile-main{display:flex;flex-direction:row;padding:0;flex:1;min-height:0;overflow:visible}.user-profile-sidebar{width:280px;min-width:280px;padding:24px 20px;border-right:1px solid #e2e8f0;background:linear-gradient(180deg,#1e293b,#0f172a);display:flex;flex-direction:column;align-items:center;position:relative;overflow:visible;box-shadow:2px 0 8px #0000000d;flex-shrink:0}.user-cover-container{width:100%;height:120px;overflow:hidden;position:relative}.user-cover-image{width:100%;height:100%;object-fit:cover}.user-avatar-container{position:relative;margin-top:20px;margin-bottom:20px;width:130px;height:130px;z-index:1}.user-avatar-large{width:130px;height:130px;border-radius:50%;object-fit:cover;border:4px solid rgba(255,255,255,.2);box-shadow:0 8px 24px #0006,0 0 0 1px #ffffff1a;transition:transform .3s ease}.user-avatar-large:hover{transform:scale(1.05)}.user-online-status{position:absolute;bottom:10px;left:50%;transform:translate(-50%);z-index:2}.online-indicator{display:inline-flex;align-items:center;justify-content:center;padding:3px 10px;border-radius:12px;font-size:.8rem;font-weight:500;box-shadow:0 2px 5px #0000001a}.online-indicator.online{background-color:#d4edda;color:#155724}.online-indicator.offline{background-color:#f8d7da;color:#721c24}.user-badges{position:absolute;bottom:0;right:0;display:flex;gap:5px}.badge{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;box-shadow:0 2px 5px #0003}.badge.verified{background-color:#28a745}.badge.banned{background-color:#dc3545}.badge.premium{background-color:#ffc107;color:#212529}.user-info-summary{text-align:center;margin-bottom:20px;width:100%;padding:0 20px}.user-info-summary h3{margin:0 0 8px;font-size:1.4rem;color:#fff;font-weight:600;word-break:break-word;text-shadow:0 2px 4px rgba(0,0,0,.3)}.status-text{display:inline-block;font-size:.85rem;font-weight:600;padding:3px 10px;border-radius:12px;margin-bottom:8px}.status-text.online{background-color:#28a74526;color:#28a745}.status-text.offline{background-color:#dc354526;color:#dc3545}.user-name{color:#666;margin:0 0 5px;font-size:1rem}.user-id{color:#fff6;font-size:.75rem;margin:0 0 8px}.user-profile-actions{margin:15px 0;width:100%;display:flex;flex-direction:column;gap:10px}.ban-btn,.unban-btn,.close-profile-btn{width:100%;padding:10px 16px;border:none;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;box-shadow:0 2px 6px #00000026}.ban-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.ban-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 10px #ef44444d}.unban-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.unban-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 10px #10b9814d}.close-profile-btn{background-color:#6c757d;color:#fff}.close-profile-btn:hover{background-color:#5a6268}.ban-btn:disabled,.unban-btn:disabled,.close-profile-btn:disabled{opacity:.7;cursor:not-allowed}.user-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:auto;padding:20px;background:linear-gradient(180deg,#ffffff0f,#ffffff05);border-top:1px solid rgba(255,255,255,.1);border-radius:12px 12px 0 0}.stat-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px;border-radius:10px;background:#ffffff0d;transition:all .2s ease;border:1px solid rgba(255,255,255,.08);text-align:center}.stat-item:hover{background:#ffffff14;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.stat-item i{font-size:1.1rem;color:#fff9;margin-bottom:6px;display:block;text-align:center}.stat-item span{font-size:1rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2);text-align:center;display:block;width:100%}.stat-item label{font-size:.7rem;color:#ffffff80;margin-top:4px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;text-align:center;display:block;width:100%}.user-profile-details{flex:1;padding:0;overflow:visible;min-width:0}.profile-tabs{display:flex;border-bottom:1px solid #dee2e6;background-color:#f8f9fa}.profile-tabs button{padding:12px 20px;background:none;border:none;border-bottom:2px solid transparent;font-size:.9rem;color:#495057;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.profile-tabs button:hover{color:#007bff;background-color:#007bff0d}.profile-tabs button.active{color:#007bff;border-bottom-color:#007bff;background-color:#fff}.tab-content{padding:20px;background-color:#fff}.detail-group{margin-bottom:25px;background-color:#f8f9fa;border-radius:8px;padding:15px;box-shadow:0 1px 3px #0000001a}.detail-group h4{margin:0 0 15px;padding-bottom:8px;border-bottom:1px solid #dee2e6;color:#495057;font-size:1.1rem}.detail-row{display:flex;margin-bottom:10px;font-size:.95rem}.detail-label{width:140px;font-weight:600;color:#495057}.detail-value{flex:1;color:#212529}.detail-value.bio{white-space:pre-line}.interests-list{display:flex;flex-wrap:wrap;gap:5px}.interest-tag{background-color:#e9ecef;color:#495057;padding:3px 8px;border-radius:4px;font-size:.8rem}.status{display:inline-flex;align-items:center;gap:5px}.status.verified{color:#28a745}.status.unverified{color:#6c757d}.status.banned{color:#dc3545}.status.not-banned{color:#28a745}.ban-reason{background-color:#f8d7da;color:#721c24;padding:5px 10px;border-radius:4px;font-size:.9rem}.action-message{margin:16px 24px;padding:14px 18px;border-radius:10px;display:flex;align-items:center;gap:12px;position:relative;box-shadow:0 2px 8px #00000014;animation:slideDown .3s ease;border-left:4px solid}.action-message.success{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;border-left-color:#28a745}.action-message.error{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24;border-left-color:#dc3545}.action-message i{font-size:1.3rem;flex-shrink:0}.action-message p{margin:0;flex:1;font-weight:500}.action-message button{background:#0000001a;border:none;color:inherit;cursor:pointer;opacity:.8;transition:all .2s ease;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.action-message button:hover{opacity:1;background:#00000026;transform:scale(1.1)}.loading-spinner,.error-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.loading-spinner i,.error-message i{font-size:3rem;margin-bottom:20px;color:#6c757d}.error-message i{color:#dc3545}.error-message p{font-size:1.1rem;color:#495057;margin:0 0 20px}.retry-btn{padding:8px 20px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .2s}.retry-btn:hover{background-color:#0069d9}.friends-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;margin-top:15px}.friend-card{background-color:#f8f9fa;padding:15px;border-radius:8px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 4px #0000000d;transition:all .2s ease;cursor:pointer;position:relative;overflow:hidden}.friend-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px);background-color:#f0f0f0}.friend-card:after{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:20px;height:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23aaa'%3E%3Cpath d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;opacity:.5;transition:opacity .2s}.friend-card:hover:after{opacity:1}.friend-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 4px #0000001a}.friend-info{flex:1}.friend-info h5{margin:0 0 5px;font-size:1rem;color:#333}.friend-info p{margin:0 0 5px;font-size:.85rem;color:#666}.friend-status{display:inline-block;font-size:.75rem;padding:2px 8px;border-radius:10px;background-color:#f0f0f0;color:#666}.friend-status.online{background-color:#28a74526;color:#28a745}.friend-status.offline{background-color:#dc354526;color:#dc3545}.no-friends{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;background-color:#f8f9fa;border-radius:8px}.no-friends i{font-size:3rem;color:#adb5bd;margin-bottom:15px}.no-friends p{color:#6c757d;text-align:center;font-size:1rem}@media(max-width:768px){.user-profile-main{flex-direction:column}.user-profile-sidebar{width:100%;min-width:unset;border-right:none;border-bottom:1px solid rgba(255,255,255,.1);flex-direction:column;padding:24px 16px;gap:16px;align-items:center}.user-avatar-container{margin-top:0;width:130px;height:130px;margin-bottom:12px}.user-avatar-large{width:130px;height:130px}.user-profile-modal .premium-badge{font-size:.7rem;padding:3px 10px;bottom:-5px}.user-info-summary{text-align:center;width:100%;padding:0;margin-bottom:0}.user-info-summary h3{font-size:1.2rem}.user-stats{width:100%;grid-template-columns:repeat(4,1fr);gap:4px}.user-profile-actions{width:100%}.detail-row{flex-direction:column}.detail-label{width:100%;margin-bottom:5px}}@media(max-width:576px){.user-profile-modal{padding:5px}.user-profile-content{width:100%;max-height:95vh;border-radius:10px}.user-profile-main{flex-direction:column}.user-profile-sidebar{width:100%;overflow:visible;padding:20px 16px}.user-avatar-container{width:140px;height:140px;margin-bottom:16px}.user-avatar-large{width:140px;height:140px}.user-stats{grid-template-columns:repeat(2,1fr)}.friends-list{grid-template-columns:1fr}}.dashboard-stats{margin-top:20px}.stats-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:20px}.stat-box{display:flex;align-items:center;background-color:#fff;border-radius:var(--border-radius);padding:20px;box-shadow:0 2px 5px #0000000d;transition:all .3s ease;position:relative;overflow:hidden}.stat-box:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000001a}.stat-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background-color:rgba(var(--primary-rgb),.1);margin-right:15px;transition:all .3s ease}.stat-box:hover .stat-icon{transform:scale(1.1)}.stat-icon i{font-size:1.5rem;color:var(--primary-color)}.stat-icon.online{background-color:#2ed5731a}.stat-icon.online i{color:#2ed573}.stat-box:has(.stat-icon.online){border-left:4px solid #2ed573}.stat-icon.new{background-color:#36a2eb1a}.stat-icon.new i{color:#36a2eb}.stat-box:has(.stat-icon.new){border-left:4px solid #36a2eb}.stat-icon.banned{background-color:#ff47571a}.stat-icon.banned i{color:#ff4757}.stat-box:has(.stat-icon.banned){border-left:4px solid #ff4757}.stat-icon.reports{background-color:#ff9f431a}.stat-icon.reports i{color:#ff9f43}.stat-box:has(.stat-icon.reports){border-left:4px solid #ff9f43}.stat-icon.sessions{background-color:#9c27b01a}.stat-icon.sessions i{color:#9c27b0}.stat-box:has(.stat-icon.sessions){border-left:4px solid #9c27b0}.stat-details{flex:1}.stat-details h3{font-size:14px;color:#6c757d;margin:0 0 8px}.stat-details p{font-size:20px;font-weight:600;color:#333;margin:0}.currency-info{display:block;font-size:12px;color:#6c757d;margin-top:4px}.exchange-info{margin-top:16px;padding-top:16px;border-top:1px solid #eee}.exchange-info h4{font-size:14px;color:#333;margin:0 0 8px;display:flex;align-items:center;gap:8px}.exchange-info p{font-size:14px;color:#4a6cf7;margin:0;font-weight:500}.section-title{display:flex;align-items:center;font-size:1.2rem;font-weight:600;color:var(--text-color);margin:20px 0 15px;padding:10px 15px;border-radius:8px}.section-title i{margin-right:10px}.section-title.users{background:linear-gradient(135deg,#1976d21a,#1976d20d);color:#1976d2}.section-title.users i{color:#1976d2}.section-title.registrations{background:linear-gradient(135deg,#388e3c1a,#388e3c0d);color:#388e3c}.section-title.registrations i{color:#388e3c}.section-title.sales{background:linear-gradient(135deg,#f443361a,#f443360d);color:#f44336}.section-title.sales i{color:#f44336}.section-title.quick-access{background:linear-gradient(135deg,#9c27b01a,#9c27b00d);color:#9c27b0}.section-title.quick-access i{color:#9c27b0}.app-info{margin-top:30px;background-color:#f8f9fa;border-radius:12px;padding:25px;box-shadow:0 4px 15px #00000008}.version-info h4{font-size:18px;color:#343a40;margin:0 0 15px;display:flex;align-items:center}.version-info h4 i{margin-right:10px;color:#4a6cf7}.version-info p{margin:8px 0;color:#6c757d;font-size:14px}.alert{padding:15px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center}.alert i{font-size:18px;margin-right:10px}.alert-warning{background-color:#fff3cd;color:#856404;border:1px solid #ffeeba}.alert-danger{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.maintenance-alert{display:flex;align-items:center;font-weight:500;margin:0}.settings-container{padding:20px;max-width:1000px;margin:0 auto}.settings-form{display:flex;flex-direction:column;gap:20px}.settings-card{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 10px #0000000d}.settings-card h3{font-size:18px;color:#343a40;margin:0 0 20px;padding-bottom:10px;border-bottom:1px solid #e9ecef}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500;color:#495057}.form-group input[type=text],.form-group input[type=number],.form-group textarea{width:100%;padding:10px;border:1px solid #ced4da;border-radius:4px;font-size:14px;transition:border-color .15s ease-in-out}.form-group input[type=text]:focus,.form-group input[type=number]:focus,.form-group textarea:focus{border-color:#4a6cf7;outline:0;box-shadow:0 0 0 .2rem #4a6cf740}.checkbox-group{display:flex;align-items:center}.checkbox-group label{display:flex;align-items:center;cursor:pointer}.checkbox-group input[type=checkbox]{margin-right:10px}.form-actions{display:flex;justify-content:flex-end;margin-top:20px}.save-settings-btn{background-color:#4a6cf7;color:#fff;border:none;border-radius:4px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;transition:background-color .15s ease-in-out}.save-settings-btn i{margin-right:8px}.save-settings-btn:hover{background-color:#3a5bd9}.save-settings-btn:disabled{background-color:#b1bffd;cursor:not-allowed}@media(max-width:768px){.stats-row{flex-direction:column;gap:15px}.stat-box{min-width:auto}.settings-card{padding:15px}}.contact-messages,.user-reports{padding:20px}.messages-table-responsive,.reports-table-responsive{overflow-x:auto;margin-top:20px;background-color:var(--card-bg);border-radius:var(--border-radius);box-shadow:0 2px 5px #0000000d}.user-info{display:flex;align-items:center;font-weight:500;color:var(--text-color)}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffffb3;display:flex;justify-content:center;align-items:center;z-index:1000}.loading-overlay i{font-size:2rem;color:var(--primary-color)}.message-modal,.report-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999}.message-content,.report-content{background-color:#fff;border-radius:var(--border-radius);width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #00000080;border:1px solid var(--border-color);animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.message-header,.report-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid var(--border-color)}.message-header h2,.report-header h2{font-size:1.5rem;margin:0;color:var(--text-color)}.message-body,.report-body{padding:20px}.message-info,.report-info{margin-bottom:20px}.info-row{display:flex;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.info-label{font-weight:600;width:120px;color:var(--text-muted)}.info-value{flex:1;color:var(--text-color)}.message-text,.report-text{margin-bottom:20px}.message-text h3,.report-text h3{font-size:1.1rem;margin-bottom:10px;color:var(--text-color)}.message-text p,.report-text p{background-color:var(--bg-color);padding:15px;border-radius:var(--border-radius);white-space:pre-line;line-height:1.5}.message-actions,.report-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.message-actions button,.report-actions button{padding:8px 15px;border:none;border-radius:var(--border-radius);cursor:pointer;display:flex;align-items:center;gap:5px;font-weight:500;transition:all .3s ease}.message-actions button i,.report-actions button i{margin-right:8px}.message-actions .delete-btn,.report-actions .delete-btn{background-color:#ff4757;color:#fff}.message-actions .delete-btn:hover,.report-actions .delete-btn:hover{background-color:#ff6b81}.message-actions .close-btn,.report-actions .close-btn{background-color:#f1f2f6;color:#333}.message-actions .close-btn:hover,.report-actions .close-btn:hover{background-color:#dfe4ea}.users-info{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.reporter-info,.reported-info{flex:1;min-width:300px}.reporter-info h3,.reported-info h3{font-size:1.1rem;margin-bottom:10px;color:var(--text-color);padding-bottom:5px;border-bottom:1px solid var(--border-color)}.user-card{display:flex;align-items:center;background-color:var(--bg-color);padding:15px;border-radius:var(--border-radius)}.user-details{flex:1}.user-details h4{font-size:1.1rem;margin:0 0 5px;color:var(--text-color)}.user-details p{font-size:.9rem;margin:0;color:var(--text-muted)}@media(max-width:768px){.users-info{flex-direction:column}.reporter-info,.reported-info{width:100%}.info-row{flex-direction:column}.info-label{width:100%;margin-bottom:5px}}.filter-buttons{display:flex;gap:10px;margin-right:15px}.filter-btn{display:flex;align-items:center;padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--bg-color);color:var(--text-color);font-size:.9rem;cursor:pointer;transition:all .2s ease}.filter-btn i{margin-right:5px}.filter-btn:hover{background-color:var(--hover-bg)}.filter-btn.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.filter-btn.unread{color:#ff9f43}.filter-btn.unread.active{background-color:#ff9f43;color:#fff;border-color:#ff9f43}.filter-btn.read{color:#28a745}.filter-btn.read.active{background-color:#28a745;color:#fff;border-color:#28a745}.status-badge{display:inline-block;padding:3px 8px;border-radius:12px;font-size:.8rem;font-weight:500}.status-badge.unread{background-color:#ff9f431a;color:#ff9f43}.status-badge.read{background-color:#28a7451a;color:#28a745}.unread-row{background-color:#ff9f430d;font-weight:600}.unread-row:hover{background-color:#ff9f431a}.status-btn{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;color:#6c757d;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;height:32px;margin:0 5px;padding:0 8px;transition:all .2s}.status-btn:hover{background-color:#e9ecef}.status-btn.mark-read{color:#28a745;border-color:#28a745}.status-btn.mark-read:hover{background-color:#28a7451a}.status-btn.mark-unread{color:#ff9f43;border-color:#ff9f43}.status-btn.mark-unread:hover{background-color:#ff9f431a}.modal-actions{display:flex;align-items:center;gap:10px}.modal-actions .status-btn{height:auto;padding:8px 15px;font-weight:500}.modal-actions .status-btn i{margin-right:8px}.nav-item.mobile-logout{display:none;color:var(--danger-color);align-items:center}.nav-item.mobile-logout i{color:var(--danger-color);margin-right:10px}.kyc-screen{width:100%}.kyc-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;margin-bottom:25px}.kyc-stats{display:flex;gap:15px;flex-wrap:wrap}.stat-badge{display:flex;align-items:center;gap:8px;padding:8px 15px;border-radius:30px;font-size:.9rem;box-shadow:0 2px 4px #0000000d}.stat-badge i{font-size:1rem}.stat-badge.pending{background-color:#fff3cd;color:#856404}.stat-badge.review{background-color:#d1ecf1;color:#0c5460}.stat-badge.approved{background-color:#d4edda;color:#155724}.stat-badge.rejected{background-color:#f8d7da;color:#721c24}.kyc-filters{background:linear-gradient(to right,#f8f9fa,#fff);border-left:4px solid #4a6cf7}.kyc-documents-list{display:flex;flex-direction:column;gap:15px;margin-top:20px}.document-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.document-card.expanded{box-shadow:0 4px 12px #00000026}.document-header{display:grid;grid-template-columns:.5fr 2fr 1fr 1fr 1fr 1.2fr .2fr;align-items:center;padding:15px;cursor:pointer;transition:background .2s ease;border-bottom:1px solid #f0f0f0}.document-header:hover{background:#f8f9fa}.document-id{font-weight:700;color:#495057}.document-user{display:flex;align-items:center;gap:8px;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.document-user:hover{color:#4a6cf7}.document-user .user-id{font-weight:500;color:#6c757d}.document-user .username{margin-left:5px;font-weight:500;color:#495057}.document-user .user-name{margin-left:5px;color:#6c757d;font-weight:400}.document-type,.document-country{display:flex;align-items:center;gap:8px;color:#495057}.country-flag{font-size:1.2rem;margin-right:5px}.document-status{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:20px;font-weight:500;font-size:.85rem}.document-date{display:flex;align-items:center;gap:8px;color:#6c757d;font-size:.9rem}.document-expand{display:flex;justify-content:center;align-items:center;color:#6c757d}.document-details{padding:25px;background:#f8f9fa;border-top:1px solid #e9ecef}.document-images{display:flex;gap:20px;margin-bottom:30px;flex-wrap:wrap}.document-image-container{flex:1;min-width:240px;display:flex;flex-direction:column;align-items:center}.document-image-container h4{margin-bottom:15px;color:#495057;font-weight:600}.image-frame{position:relative;width:100%;max-width:300px;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px #0000001a;transition:all .3s ease}.image-frame:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.document-image{width:100%;height:200px;object-fit:cover;transition:transform .3s ease;display:block}.image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;cursor:pointer}.image-overlay i{color:#fff;font-size:2rem}.image-frame:hover .image-overlay{opacity:1}.document-actions{display:flex;flex-direction:column;gap:20px;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 6px #0000000f}.action-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;margin-bottom:5px}.action-header h4{color:#495057;font-weight:600;margin:0}.rejection-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background-color:#f8d7da;color:#721c24;border-radius:20px;font-size:.85rem;font-weight:500}.status-buttons{display:flex;gap:10px;flex-wrap:wrap}.status-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:6px;border:none;cursor:pointer;font-weight:500;transition:all .2s ease;font-size:.95rem}.status-btn:disabled{opacity:.6;cursor:not-allowed}.status-btn.approve{background-color:#1557241a;color:#155724;border:1px solid rgba(21,87,36,.2)}.status-btn.approve:hover:not(:disabled){background-color:#155724;color:#fff}.status-btn.approve.active{background-color:#155724;color:#fff}.status-btn.review{background-color:#0c54601a;color:#0c5460;border:1px solid rgba(12,84,96,.2)}.status-btn.review:hover:not(:disabled){background-color:#0c5460;color:#fff}.status-btn.review.active{background-color:#0c5460;color:#fff}.status-btn.pending{background-color:#8564041a;color:#856404;border:1px solid rgba(133,100,4,.2)}.status-btn.pending:hover:not(:disabled){background-color:#856404;color:#fff}.status-btn.pending.active{background-color:#856404;color:#fff}.status-btn.reject{background-color:#721c241a;color:#721c24;border:1px solid rgba(114,28,36,.2)}.status-btn.reject:hover:not(:disabled){background-color:#721c24;color:#fff}.status-btn.reject.active{background-color:#721c24;color:#fff}.rejection-section{margin-top:10px;padding-top:20px;border-top:1px solid #e9ecef}.rejection-section h4{color:#495057;font-weight:600;margin-bottom:15px}.rejection-options{display:flex;gap:10px;align-items:stretch}.rejection-select{flex:1;padding:10px 12px;border-radius:6px;border:1px solid #ced4da;background:#f8f9fa;color:#495057;font-size:.95rem}.status-select.pending{border-color:#ffeeba;background-color:#fff3cd;color:#856404}.status-select.approved{border-color:#c3e6cb;background-color:#d4edda;color:#155724}.status-select.rejected{border-color:#f5c6cb;background-color:#f8d7da;color:#721c24}.status-select.review{border-color:#bee5eb;background-color:#d1ecf1;color:#0c5460}.loading{display:flex;justify-content:center;padding:40px}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:15px}.loading-spinner i{font-size:2rem;color:#4a6cf7}.loading-spinner span{color:#6c757d}.no-records{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#f8f9fa;border-radius:8px;margin-top:20px}.no-records i{font-size:3rem;color:#adb5bd;margin-bottom:15px}.no-records p{color:#6c757d;font-size:1.1rem}@media(max-width:1200px){.document-header{grid-template-columns:.5fr 1.5fr 1fr .8fr 1fr .2fr}.document-date{display:none}}@media(max-width:992px){.document-header{grid-template-columns:.5fr 1.5fr 1fr 1fr .2fr}.document-type{display:none}.kyc-header{flex-direction:column;align-items:flex-start}}@media(max-width:768px){.document-header{grid-template-columns:.5fr 1.5fr 1fr .2fr}.document-country{display:none}.document-images{flex-direction:column;align-items:center}.document-image-container{width:100%}.kyc-stats{width:100%;justify-content:space-between}}@media(max-width:576px){.document-header{grid-template-columns:2fr .5fr;padding:12px}.document-id,.document-status{display:none}.stat-badge{padding:6px 10px;font-size:.8rem}.status-buttons,.rejection-options{flex-direction:column}.document-details{padding:15px}}.message-modal,.report-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;box-sizing:border-box}.message-content,.report-content{background-color:#fff;border-radius:12px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 4px 20px #00000026}.message-header,.report-header{padding:12px 15px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background-color:#fff;z-index:1}.message-header h2,.report-header h2{margin:0;font-size:1.1rem;color:#333;flex:1}.message-body,.report-body{padding:15px}.info-row{display:flex;flex-direction:column;margin-bottom:12px;gap:4px}.info-label{font-weight:600;color:#666;font-size:.85rem}.info-value{color:#333;font-size:.9rem}.message-text,.report-text{margin-top:15px;padding:12px;background-color:#f8f9fa;border-radius:8px}.message-text h3,.report-text h3{margin:0 0 8px;font-size:1rem;color:#333}.message-text p,.report-text p{margin:0;color:#444;line-height:1.5;white-space:pre-wrap;font-size:.9rem}.modal-actions{display:flex;gap:8px;align-items:center}.status-btn{background-color:#e9ecef;color:#495057;padding:4px 8px;border:none;border-radius:4px;cursor:pointer;font-size:.75rem;display:flex;align-items:center;gap:4px;transition:all .2s ease}.status-btn:hover{background-color:#dee2e6}.status-btn i{font-size:.8rem}.close-btn{background-color:transparent;color:#666;padding:4px;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;width:24px;height:24px;transition:all .2s ease}.close-btn:hover{background-color:#f1f1f1;color:#333}.close-btn i{font-size:.9rem}.delete-btn{background-color:#dc3545;color:#fff}.delete-btn:hover{background-color:#c82333}.users-info{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}.user-card{background-color:#f8f9fa;padding:12px;border-radius:6px}.user-details h4{margin:0 0 4px;color:#333;font-size:.9rem}.user-details p{margin:0;color:#666;font-size:.8rem}@media(max-width:768px){.message-content,.report-content{max-width:100%;margin:8px}.message-header,.report-header,.message-body,.report-body{padding:12px}.users-info{grid-template-columns:1fr;gap:12px}.modal-actions{flex-wrap:wrap}.status-btn,.close-btn,.delete-btn{padding:5px 10px;font-size:.75rem}}@media(max-width:480px){.message-header h2,.report-header h2{font-size:1rem}.info-label{font-size:.8rem}.info-value{font-size:.85rem}.message-text h3,.report-text h3{font-size:.95rem}.message-text p,.report-text p{font-size:.85rem}}.announcements{padding:15px}.announcements .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.announcements .section-header h2{margin:0;display:flex;align-items:center;gap:8px;font-size:1.2em}.announcements .add-btn{background-color:#4caf50;color:#fff;border:none;padding:8px 15px;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background-color .3s;font-size:.9em}.announcements .add-btn:hover{background-color:#45a049}.announcements-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}.announcement-card{background:#fff;border-radius:6px;box-shadow:0 2px 4px #0000001a;overflow:hidden;transition:transform .3s;position:relative;margin-bottom:20px;display:flex;flex-direction:column;min-height:200px}.announcement-card:hover{transform:translateY(-3px)}.announcement-header{padding:12px;background:#f8f9fa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.announcement-header h3{margin:0;font-size:1em;color:#333;padding-right:30px}.announcement-actions{position:absolute;top:12px;right:12px;display:flex;gap:8px}.announcement-actions button{background:none;border:none;cursor:pointer;padding:4px;border-radius:3px;transition:background-color .3s;font-size:.9em}.announcement-actions .edit-btn{color:#2196f3}.announcement-actions .delete-btn{color:#f44336}.announcement-actions button:hover{background-color:#0000000d}.announcement-content{padding:15px;flex:1;min-height:100px;overflow-y:auto}.announcement-content p{margin:0;line-height:1.5;white-space:pre-line;font-size:.9em;color:#333}.announcement-image{margin-top:12px}.announcement-image img{width:100%;border-radius:4px;max-height:180px;object-fit:cover}.announcement-footer{padding:8px 12px;background:#f8f9fa;border-top:1px solid #eee;display:flex;justify-content:space-between;font-size:.8em;color:#666}.announcement-footer span{display:flex;align-items:center;gap:4px}.no-data{text-align:center;padding:30px;color:#666;font-size:.9em}.no-data i{font-size:1.8em;margin-bottom:8px}@media(max-width:768px){.announcements-list{grid-template-columns:1fr}.announcements .section-header{flex-direction:column;gap:12px;align-items:flex-start}.announcements .add-btn{width:100%;justify-content:center}}.edit-input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:1em;margin-bottom:8px}.edit-textarea{width:100%;min-height:100px;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:.9em;resize:vertical;margin-bottom:8px}.save-btn{background-color:#4caf50;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;transition:background-color .3s}.save-btn:hover{background-color:#45a049}.cancel-btn{background-color:#f44336;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;transition:background-color .3s}.cancel-btn:hover{background-color:#da190b}.kyc-screen{padding:1rem}.kyc-screen .kyc-header{display:flex;flex-direction:column;margin-bottom:1.5rem;gap:1rem}.kyc-screen .kyc-header .header-main{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.kyc-screen .kyc-header h2{margin:0;display:flex;align-items:center;gap:.5rem;font-size:1.5rem;flex:1;min-width:200px}.kyc-screen .kyc-header .search-container{width:auto;margin-bottom:0;padding:0;flex:1;max-width:400px;min-width:250px}.kyc-screen .kyc-stats{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.kyc-screen .stat-badge{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:20px;font-size:1rem;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.kyc-screen .stat-badge:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.kyc-screen .stat-badge.pending{background-color:#fff8e1;color:#f57c00}.kyc-screen .stat-badge.pending.active{background-color:#f57c00;color:#fff;border-color:#f57c00}.kyc-screen .stat-badge.review{background-color:#e3f2fd;color:#1565c0}.kyc-screen .stat-badge.review.active{background-color:#1565c0;color:#fff;border-color:#1565c0}.kyc-screen .stat-badge.approved{background-color:#e8f5e9;color:#2e7d32}.kyc-screen .stat-badge.approved.active{background-color:#2e7d32;color:#fff;border-color:#2e7d32}.kyc-screen .stat-badge.rejected{background-color:#ffebee;color:#c62828}.kyc-screen .stat-badge.rejected.active{background-color:#c62828;color:#fff;border-color:#c62828}.kyc-screen .kyc-filters{background:#fff;border-radius:12px;padding:1rem;margin-bottom:1.5rem;box-shadow:0 2px 4px #0000000d}.kyc-screen .filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.kyc-screen .filters-header h3{margin:0;font-size:1.1rem;display:flex;align-items:center;gap:.5rem}.kyc-screen .reset-filters-btn{background:none;border:none;color:#dc3545;padding:.5rem 1rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.kyc-screen .reset-filters-btn:hover{background-color:#ffebee}.kyc-screen .filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.kyc-screen .filter-group{display:flex;flex-direction:column;gap:.5rem}.kyc-screen .filter-group label{font-size:.9rem;color:#6c757d;display:flex;align-items:center;gap:.5rem}.kyc-screen .filter-group input,.kyc-screen .filter-group select{padding:.5rem;border:1px solid #dee2e6;border-radius:6px;font-size:.9rem}.kyc-screen .filter-group input:focus,.kyc-screen .filter-group select:focus{outline:none;border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}.kyc-screen .status-select{padding-right:2rem}.kyc-screen .status-select.pending{border-color:#f57c00;color:#f57c00}.kyc-screen .status-select.approved{border-color:#2e7d32;color:#2e7d32}.kyc-screen .status-select.rejected{border-color:#c62828;color:#c62828}.kyc-screen .status-select.review{border-color:#1565c0;color:#1565c0}.kyc-screen .kyc-documents-list{width:100%;overflow-x:auto;white-space:nowrap;padding:.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.kyc-screen .kyc-documents-list::-webkit-scrollbar{height:6px}.kyc-screen .kyc-documents-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:6px}.kyc-screen .kyc-documents-list::-webkit-scrollbar-thumb{background:#888;border-radius:6px}.kyc-screen .document-card{display:inline-block;vertical-align:top;margin-right:1rem;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;transition:all .2s}.kyc-screen .document-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.kyc-screen .document-card.expanded{width:100%;white-space:normal}.kyc-screen .document-header{padding:1rem;border-bottom:1px solid #f1f1f1;cursor:pointer;display:grid!important}.kyc-screen .document-details{padding:1rem}.kyc-screen .document-images{display:flex;gap:1rem;margin-bottom:1rem;overflow-x:auto;padding:.5rem}.kyc-screen .document-image-container{flex:0 0 auto;width:200px}.kyc-screen .document-image{width:100%;height:150px;object-fit:cover;border-radius:8px;cursor:pointer;transition:transform .2s}.kyc-screen .document-image:hover{transform:scale(1.05)}.kyc-screen .document-actions{padding:1rem;background:#f8f9fa;border-radius:8px}.kyc-screen .action-header{margin-bottom:1rem}.kyc-screen .status-buttons{display:flex;gap:.5rem;margin-bottom:1rem}.kyc-screen .status-btn{flex:1;padding:.5rem;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.kyc-screen .status-btn.approve{background-color:#e8f5e9;color:#2e7d32}.kyc-screen .status-btn.review{background-color:#e3f2fd;color:#1565c0}.kyc-screen .status-btn.pending{background-color:#fff8e1;color:#f57c00}.kyc-screen .status-btn.reject{background-color:#ffebee;color:#c62828}.kyc-screen .status-btn:hover{filter:brightness(.95)}.kyc-screen .status-btn.active{filter:brightness(.9)}.kyc-screen .rejection-section{margin-top:1rem;padding-top:1rem;border-top:1px solid #dee2e6}.kyc-screen .rejection-options{display:flex;gap:.5rem}.kyc-screen .rejection-select{flex:1;padding:.5rem;border:1px solid #dee2e6;border-radius:6px;font-size:.9rem}.kyc-screen .pagination{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem;padding:1rem}.kyc-screen .pagination button{padding:.5rem 1rem;border:1px solid #dee2e6;background:#fff;border-radius:6px;cursor:pointer;transition:all .2s}.kyc-screen .pagination button:hover:not(:disabled){background-color:#e9ecef}.kyc-screen .pagination button.active{background-color:#007bff;color:#fff;border-color:#007bff}.kyc-screen .pagination button:disabled{opacity:.5;cursor:not-allowed}.kyc-screen .loading{display:flex;justify-content:center;align-items:center;min-height:200px}.kyc-screen .loading-spinner{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#6c757d}.kyc-screen .loading-spinner i{font-size:1.5rem}.kyc-screen .error-message{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#dc3545;min-height:200px}.kyc-screen .error-message i{font-size:1.5rem}.kyc-screen .no-records{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#6c757d;min-height:200px;text-align:center}.kyc-screen .no-records i{font-size:3rem;opacity:.5}.kyc-screen .user-profile-section{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 12px #0000000d;border:1px solid #edf2f7}.kyc-screen .profile-header{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #edf2f7}.kyc-screen .profile-image{flex-shrink:0;position:relative}.kyc-screen .profile-avatar{width:80px;height:80px;border-radius:16px;object-fit:cover;border:3px solid #ffffff;box-shadow:0 4px 12px #00000014;transition:transform .3s ease}.kyc-screen .profile-avatar:hover{transform:scale(1.05)}.kyc-screen .profile-info{flex:1}.kyc-screen .profile-name-wrapper{margin-bottom:1rem}.kyc-screen .profile-name{margin:0;font-size:1.25rem;font-weight:600;color:#2d3748;display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.kyc-screen .profile-username{margin-top:.5rem;align-items:center;gap:.5rem;color:#718096;font-size:.95rem}.kyc-screen .profile-username i{font-size:.9rem;color:#4a5568}.kyc-screen .national-id-info{margin-top:.75rem;padding:.75rem 1rem;background:#f7fafc;border-radius:8px;border:1px solid #edf2f7;display:flex;align-items:center;gap:.5rem;font-size:.95rem;color:#4a5568}.kyc-screen .national-id-info i{color:#4299e1}.kyc-screen .user-id{font-size:.875rem;color:#718096;font-weight:500;background:#f7fafc;padding:.25rem .75rem;border-radius:12px;border:1px solid #edf2f7}.kyc-screen .verification-status{font-size:.8rem;font-weight:500;margin-left:.5rem}.kyc-screen .verification-status.verified{color:#0a5d1e}.kyc-screen .verification-status.unverified{color:#995700}.kyc-screen .profile-badges{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.5rem}.kyc-screen .badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:30px;font-size:.9rem;font-weight:500;transition:all .3s ease;box-shadow:0 2px 4px #0000000d;cursor:default}.kyc-screen .badge i{font-size:1rem}.kyc-screen .phone-badge{border:2px solid transparent}.kyc-screen .phone-badge.verified{background-color:#dcffe4;color:#0a5d1e;border-color:#84e1a2}.kyc-screen .phone-badge.verified:hover{background-color:#c3ffd3;transform:translateY(-2px);box-shadow:0 4px 8px #0a5d1e26}.kyc-screen .phone-badge.unverified{background-color:#fff2dc;color:#995700;border-color:#ffd599}.kyc-screen .phone-badge.unverified:hover{background-color:#ffe8c3;transform:translateY(-2px);box-shadow:0 4px 8px #99570026}.kyc-screen .account-badge{border:2px solid transparent}.kyc-screen .account-badge.active{background-color:#e3f2fd;color:#0d47a1;border-color:#90caf9}.kyc-screen .account-badge.active:hover{background-color:#bbdefb;transform:translateY(-2px);box-shadow:0 4px 8px #0d47a126}.kyc-screen .account-badge.banned{background-color:#ffe7e7;color:#c62828;border-color:#ffb3b3}.kyc-screen .account-badge.banned:hover{background-color:#ffcdd2;transform:translateY(-2px);box-shadow:0 4px 8px #c6282826}.kyc-screen .badge i{animation:kyc-fadeIn .3s ease-in-out}@keyframes kyc-fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.kyc-screen .profile-details{background:#f8fafc;border-radius:12px;padding:1.5rem}.kyc-screen .detail-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1.5rem}.kyc-screen .detail-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fff;border-radius:12px;border:1px solid #edf2f7;transition:all .3s ease}.kyc-screen .detail-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.kyc-screen .detail-item i{font-size:1rem;color:#4a5568;background:#f7fafc;padding:.5rem;border-radius:8px}.kyc-screen .detail-label{color:#718096;font-size:.875rem;font-weight:500}.kyc-screen .detail-value{color:#2d3748;font-weight:600;margin-left:auto}.kyc-screen .rewards-section{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #edf2f7}.kyc-screen .rewards-section h4{margin:0 0 1.25rem;color:#2d3748;font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:.75rem}.kyc-screen .rewards-section h4 i{color:#4299e1;background:#ebf8ff;padding:.5rem;border-radius:8px}.kyc-screen .rewards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.kyc-screen .reward-item{background:#f7fafc;padding:1rem;border-radius:12px;text-align:center;transition:all .3s ease;border:1px solid #edf2f7}.kyc-screen .reward-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.kyc-screen .reward-label{display:block;color:#718096;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.kyc-screen .reward-value{display:block;font-size:1.25rem;font-weight:600;color:#2d3748;line-height:1.2}.kyc-screen .reward-item.total{grid-column:1 / -1;background:#ebf8ff;border-color:#bee3f8}.kyc-screen .reward-item.total .reward-label{color:#2b6cb0}.kyc-screen .reward-item.total .reward-value{color:#2c5282;font-size:1.5rem}@media(max-width:768px){.kyc-screen .kyc-header,.kyc-screen .kyc-header .header-main{flex-direction:column;align-items:stretch}.kyc-screen .kyc-header .header-main .search-container{width:100%;max-width:100%;min-width:100%;margin-bottom:1rem}.kyc-screen .kyc-stats{width:100%;justify-content:space-between}.kyc-screen .stat-badge{font-size:.8rem;padding:.4rem .8rem}.kyc-screen .filters-grid{grid-template-columns:1fr}.kyc-screen .document-card{width:280px}.kyc-screen .document-card.expanded{width:100%}.kyc-screen .status-buttons,.kyc-screen .rejection-options{flex-direction:column}.kyc-screen .user-profile-section{padding:1rem}.kyc-screen .profile-header{flex-direction:column;align-items:center;text-align:center;gap:1rem}.kyc-screen .profile-info{width:100%;display:flex;flex-direction:column;align-items:center}.kyc-screen .profile-name{flex-direction:column;align-items:center;text-align:center}.kyc-screen .profile-badges{justify-content:center;margin-top:1rem}.kyc-screen .detail-row{grid-template-columns:1fr;gap:1rem}.kyc-screen .rewards-grid{grid-template-columns:repeat(2,1fr)}.kyc-screen .reward-item.total{grid-column:span 2}.kyc-screen .badge{padding:.4rem .8rem;font-size:.85rem}.kyc-screen .document-header{flex-direction:column;align-items:flex-start;gap:.5rem}.kyc-screen .document-info{flex-wrap:wrap}.kyc-screen .document-images{margin-top:.5rem}.kyc-screen .document-image-container{width:140px}.kyc-screen .document-image{height:100px}}.kyc-screen .search-container{width:100%;margin-bottom:1.5rem;padding:0 1rem}.kyc-screen .header-main .search-container{width:auto;margin-bottom:0;padding:0;flex:1;max-width:400px;min-width:350px}.kyc-screen .search-input-wrapper{display:flex;position:relative;max-width:700px;margin:0 auto;box-shadow:0 4px 12px #00000014;border-radius:12px;overflow:hidden;background-color:#fff;border:2px solid #e2e8f0;transition:all .3s ease}.kyc-screen .search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#4a5568;font-size:1.1rem;z-index:2}.kyc-screen .search-input{flex:1;padding:16px 52px;border:none;outline:none;font-size:1rem;color:#2d3748;background-color:transparent;transition:all .3s ease;min-height:50px}.kyc-screen .search-input::placeholder{color:#a0aec0}.kyc-screen .search-input:focus{outline:none}.kyc-screen .search-input-wrapper:focus-within{box-shadow:0 0 0 3px #4299e126;border-color:#4299e1}.kyc-screen .clear-search-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#718096;cursor:pointer;font-size:1rem;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:50%;width:32px;height:32px;transition:all .3s ease;z-index:3}.kyc-screen .clear-search-btn:hover{background-color:#f7fafc;color:#2d3748}@media(max-width:768px){.kyc-screen .search-container{padding:0 .5rem}.kyc-screen .header-main .search-container{padding:0}.kyc-screen .search-input-wrapper{max-width:100%;box-shadow:0 2px 8px #0000000d;border-radius:12px;border:2px solid #e2e8f0}.kyc-screen .search-input{width:100%;border-radius:12px;padding:14px 48px 14px 52px;min-height:48px}.kyc-screen .search-icon{left:16px}.kyc-screen .clear-search-btn{right:12px}}@media(max-width:480px){.kyc-screen .search-container{padding:0 .25rem}.kyc-screen .header-main .search-container{padding:0}.kyc-screen .search-input{padding:12px 44px 12px 48px;font-size:.95rem}.kyc-screen .search-icon{left:14px;font-size:1rem}.kyc-screen .clear-search-btn{right:10px;width:28px;height:28px}}.kyc-screen .document-id{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#6c757d}.kyc-screen .document-user{cursor:pointer;display:flex;align-items:center;gap:.5rem;color:#007bff;transition:color .2s}.kyc-screen .document-user:hover{color:#0056b3;text-decoration:underline}.kyc-screen .document-type,.kyc-screen .document-country{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#495057}.kyc-screen .document-status{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .75rem;border-radius:20px;font-size:.85rem;font-weight:500}.kyc-screen .document-date{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#6c757d}.kyc-screen .document-expand{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#f8f9fa;color:#6c757d;cursor:pointer;transition:all .2s}.kyc-screen .document-expand:hover{background:#e9ecef;color:#343a40}.kyc-screen .username{font-weight:500;color:#495057}.kyc-screen .user-name{margin-left:.5rem;font-size:.85rem;color:#6c757d;font-style:italic}.kyc-screen .flag-text{margin-right:.5rem}.kyc-screen .rejection-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:#ffebee;color:#c62828;border-radius:4px;font-size:.85rem;margin-top:.5rem}@media(max-width:480px){.kyc-screen .rewards-grid{grid-template-columns:1fr}.kyc-screen .reward-item.total{grid-column:span 1}.kyc-screen .detail-item{flex-direction:column;text-align:center;gap:.5rem;padding:1rem}.kyc-screen .detail-value{margin-left:0}}.kyc-screen .filter-toggle-container{display:flex;justify-content:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.kyc-screen .filter-toggle-btn{padding:.6rem 1.2rem;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:30px;color:#495057;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 4px #0000000d}.kyc-screen .filter-toggle-btn:hover{background-color:#e9ecef;transform:translateY(-1px)}.kyc-screen .filter-toggle-btn.active{background-color:#4299e1;color:#fff;border-color:#4299e1}.kyc-screen .active-filters{display:flex;flex-wrap:wrap;gap:.75rem}.kyc-screen .active-filter{display:flex;align-items:center;gap:.5rem;background-color:#ebf8ff;border:1px solid #bee3f8;color:#2b6cb0;border-radius:30px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;box-shadow:0 2px 4px #0000000d}.kyc-screen .active-filter button{background:none;border:none;color:#2b6cb0;cursor:pointer;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;transition:all .2s ease}.kyc-screen .active-filter button:hover{background-color:#bee3f8}.kyc-screen .filter-select{width:100%;padding:.7rem 1rem;border:1px solid #dee2e6;border-radius:8px;font-size:.95rem;color:#495057;background-color:#fff;transition:all .2s ease}.kyc-screen .filter-select:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e126;outline:none}.kyc-screen .country-stats-container{margin:1.5rem 0;padding:1.5rem;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;border:1px solid #edf2f7}.kyc-screen .country-stats-title{font-size:1.1rem;font-weight:600;margin:0 0 1.25rem;color:#2d3748;display:flex;align-items:center;gap:.75rem}.kyc-screen .country-stats-title i{color:#4299e1;background:#ebf8ff;padding:.5rem;border-radius:8px}.kyc-screen .country-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.kyc-screen .country-stat-card{padding:1rem;background-color:#f8fafc;border-radius:10px;border:1px solid #edf2f7;display:flex;flex-direction:column;gap:.75rem;transition:all .2s ease;cursor:pointer}.kyc-screen .country-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000000d;background-color:#fff}.kyc-screen .country-stat-card.active{border-color:#4299e1;background-color:#ebf8ff}.kyc-screen .country-flag-name{display:flex;align-items:center;gap:.5rem}.kyc-screen .country-flag{font-size:1.5rem}.kyc-screen .country-name{font-size:.95rem;font-weight:500;color:#2d3748}.kyc-screen .country-stat-count{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;border-radius:8px;background-color:#fff;border:1px solid #edf2f7}.kyc-screen .country-stat-card.active .country-stat-count{background-color:#4299e1;border-color:#4299e1}.kyc-screen .stat-value{font-size:1.25rem;font-weight:700;color:#2d3748;line-height:1}.kyc-screen .country-stat-card.active .stat-value{color:#fff}.kyc-screen .stat-label{font-size:.8rem;color:#718096}.kyc-screen .country-stat-card.active .stat-label{color:#ffffffe6}@media(max-width:768px){.kyc-screen .country-stats-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.kyc-screen .country-stat-card{padding:.75rem}.kyc-screen .country-flag{font-size:1.25rem}.kyc-screen .country-name{font-size:.9rem}.kyc-screen .stat-value{font-size:1.1rem}}@media(max-width:480px){.kyc-screen .country-stats-grid{grid-template-columns:repeat(2,1fr)}}.kyc-screen .bulk-approve-btn{margin-left:1rem;padding:.6rem 1.2rem;background-color:#2e7d32;color:#fff;border:none;border-radius:30px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 4px #0000001a}.kyc-screen .bulk-approve-btn:hover{background-color:#1b5e20;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.kyc-screen .bulk-approve-btn:disabled{background-color:#9e9e9e;cursor:not-allowed;transform:none}.kyc-screen .bulk-approve-btn i{font-size:1rem}.kyc-screen .bulk-approve-btn.vision-check{background-color:#17a2b8;margin-left:10px}.kyc-screen .bulk-approve-btn.vision-check:hover{background-color:#138496;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}@media(max-width:768px){.kyc-screen .bulk-approve-btn{margin-left:0;margin-top:1rem;width:100%;justify-content:center}}.kyc-screen .vision-logs-container{margin:1.5rem 0;padding:1rem;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;border:1px solid #e2e8f0}.kyc-screen .vision-logs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e2e8f0}.kyc-screen .vision-logs-header h3{margin:0;font-size:1.1rem;color:#2d3748;display:flex;align-items:center;gap:.5rem}.kyc-screen .vision-logs-header h3 i{color:#17a2b8}.kyc-screen .vision-logs-close{background:none;border:none;color:#a0aec0;cursor:pointer;font-size:1.2rem;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.kyc-screen .vision-logs-close:hover{background-color:#f7fafc;color:#4a5568}.kyc-screen .vision-logs-content{max-height:400px;overflow-y:auto;background-color:#f8fafc;border-radius:8px;padding:1rem;border:1px solid #e2e8f0}.kyc-screen .vision-logs-content::-webkit-scrollbar{width:8px}.kyc-screen .vision-logs-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.kyc-screen .vision-logs-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.kyc-screen .vision-logs-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.kyc-screen .no-logs{text-align:center;color:#a0aec0;font-style:italic;padding:2rem 0}.kyc-screen .logs-text{font-family:Courier New,monospace;font-size:.9rem;white-space:pre-wrap;color:#4a5568;margin:0;line-height:1.5}.kyc-screen .vision-logs-footer{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid #e2e8f0}.kyc-screen .clear-logs-btn,.kyc-screen .close-logs-btn{padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:all .2s;cursor:pointer}.kyc-screen .clear-logs-btn{background-color:#f8f9fa;color:#e53e3e;border:1px solid #e53e3e}.kyc-screen .clear-logs-btn:hover{background-color:#fee2e2}.kyc-screen .clear-logs-btn:disabled{opacity:.5;cursor:not-allowed;background-color:#f8f9fa}.kyc-screen .close-logs-btn{background-color:#e2e8f0;color:#4a5568;border:1px solid #cbd5e0}.kyc-screen .close-logs-btn:hover{background-color:#cbd5e0}@media(max-width:768px){.kyc-screen .vision-logs-container{padding:.75rem}.kyc-screen .vision-logs-content{max-height:300px}.kyc-screen .logs-text{font-size:.8rem}.kyc-screen .vision-logs-footer{flex-direction:column;gap:.5rem}.kyc-screen .clear-logs-btn,.kyc-screen .close-logs-btn{width:100%;justify-content:center}}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:6px;font-size:1rem;color:#2d3748;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e126}.btn-reject{padding:.75rem 1.5rem;background:#c62828;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:.5rem}.btn-reject:hover{background:#ad2323}.btn-reject:disabled{opacity:.6;cursor:not-allowed}.tx-hash-display{background:#e8f5e9;padding:.75rem 1rem;border-radius:6px;margin-top:.5rem}.tx-hash-display a{color:#2e7d32;text-decoration:none;font-weight:500}.tx-hash-display a:hover{text-decoration:underline}@media(max-width:768px){.modal-content{width:95%;max-height:90vh}.modal-header,.modal-body,.modal-footer{padding:1rem}.modal-footer{flex-direction:column}.btn-cancel,.btn-approve,.btn-reject{width:100%;justify-content:center}}.transactions-screen{padding:1rem}.transactions-screen .transactions-header{margin-bottom:1.5rem}.transactions-screen .header-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.transactions-screen .header-main h2{margin:0;display:flex;align-items:center;gap:.5rem;font-size:1.5rem;flex:1;min-width:200px}.transactions-screen .header-actions{display:flex;gap:1rem}.transactions-screen .verify-tx-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.transactions-screen .verify-tx-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.transactions-screen .verify-tx-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.transactions-screen .transactions-header h2{margin:0;display:flex;align-items:center;gap:.5rem;font-size:1.5rem}.transactions-screen .transactions-stats{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.transactions-screen .stat-badge{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:20px;font-size:1rem;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.transactions-screen .stat-badge:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.transactions-screen .stat-badge.pending{background-color:#fff8e1;color:#f57c00}.transactions-screen .stat-badge.pending.active{background-color:#f57c00;color:#fff;border-color:#f57c00}.transactions-screen .stat-badge.approved{background-color:#e8f5e9;color:#2e7d32}.transactions-screen .stat-badge.approved.active{background-color:#2e7d32;color:#fff;border-color:#2e7d32}.transactions-screen .stat-badge.error{background-color:#ffebee;color:#d32f2f}.transactions-screen .stat-badge.error.active{background-color:#d32f2f;color:#fff;border-color:#d32f2f}.transactions-screen .stat-badge.cancelled{background-color:#fff3e0;color:#e65100}.transactions-screen .stat-badge.cancelled.active{background-color:#e65100;color:#fff;border-color:#e65100}.transactions-screen .search-container{width:100%;margin-bottom:1.5rem;padding:0 1rem}.transactions-screen .header-main .search-container{width:auto;margin-bottom:0;padding:0;flex:1;max-width:400px;min-width:250px}.transactions-screen .search-input-wrapper{display:flex;position:relative;max-width:700px;margin:0 auto;box-shadow:0 4px 12px #00000014;border-radius:12px;overflow:hidden;background-color:#fff;border:2px solid #e2e8f0;transition:all .3s ease}.transactions-screen .search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#4a5568;font-size:1.1rem;z-index:2}.transactions-screen .search-input{flex:1;padding:16px 52px;border:none;outline:none;font-size:1rem;color:#2d3748;background-color:transparent;transition:all .3s ease;min-height:50px}.transactions-screen .search-input::placeholder{color:#a0aec0}.transactions-screen .search-input:focus{outline:none}.transactions-screen .search-input-wrapper:focus-within{box-shadow:0 0 0 3px #4299e126;border-color:#4299e1}.transactions-screen .clear-search-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#718096;cursor:pointer;font-size:1rem;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:50%;width:32px;height:32px;transition:all .3s ease;z-index:3}.transactions-screen .clear-search-btn:hover{background-color:#f7fafc;color:#2d3748}.transactions-screen .transactions-list{width:100%;padding:.5rem}.transactions-screen .transaction-card{display:block;width:100%;margin-bottom:1rem;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;transition:box-shadow .2s ease;will-change:box-shadow}.transactions-screen .transaction-card:hover{box-shadow:0 4px 12px #0000001a}.transactions-screen .transaction-card.expanded{box-shadow:0 4px 16px #0000001f}.transactions-screen .transaction-header{padding:1rem;border-bottom:1px solid #f1f1f1;cursor:pointer;display:grid;grid-template-columns:auto 1fr auto auto auto auto auto;align-items:center;gap:1rem}.transactions-screen .transaction-header.compact{display:flex;justify-content:space-between;align-items:center}.transactions-screen .transaction-details{padding:1rem}.transactions-screen .user-profile-section{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 12px #0000000d;border:1px solid #edf2f7}.transactions-screen .profile-header{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #edf2f7}.transactions-screen .profile-image{flex-shrink:0;position:relative}.transactions-screen .profile-avatar{width:80px;height:80px;border-radius:16px;object-fit:cover;border:3px solid #ffffff;box-shadow:0 4px 12px #00000014;transition:transform .3s ease}.transactions-screen .profile-avatar:hover{transform:scale(1.05)}.transactions-screen .profile-info{flex:1}.transactions-screen .profile-name-wrapper{margin-bottom:1rem}.transactions-screen .profile-name{margin:0;font-size:1.25rem;font-weight:600;color:#2d3748;display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.transactions-screen .profile-username{margin-top:.5rem;align-items:center;gap:.5rem;color:#718096;font-size:.95rem}.transactions-screen .profile-username i{font-size:.9rem;color:#4a5568}.transactions-screen .user-id{font-size:.875rem;color:#718096;font-weight:500;background:#f7fafc;padding:.25rem .75rem;border-radius:12px;border:1px solid #edf2f7}.transactions-screen .profile-badges{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.5rem}.transactions-screen .badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:30px;font-size:.9rem;font-weight:500;transition:all .3s ease;box-shadow:0 2px 4px #0000000d;cursor:default}.transactions-screen .badge i{font-size:1rem}.transactions-screen .phone-badge{border:2px solid transparent}.transactions-screen .phone-badge.verified{background-color:#dcffe4;color:#0a5d1e;border-color:#84e1a2}.transactions-screen .phone-badge.verified:hover{background-color:#c3ffd3;transform:translateY(-2px);box-shadow:0 4px 8px #0a5d1e26}.transactions-screen .phone-badge.unverified{background-color:#fff2dc;color:#995700;border-color:#ffd599}.transactions-screen .phone-badge.unverified:hover{background-color:#ffe8c3;transform:translateY(-2px);box-shadow:0 4px 8px #99570026}.transactions-screen .account-badge{border:2px solid transparent}.transactions-screen .account-badge.active{background-color:#e3f2fd;color:#0d47a1;border-color:#90caf9}.transactions-screen .account-badge.active:hover{background-color:#bbdefb;transform:translateY(-2px);box-shadow:0 4px 8px #0d47a126}.transactions-screen .account-badge.banned{background-color:#ffe7e7;color:#c62828;border-color:#ffb3b3}.transactions-screen .account-badge.banned:hover{background-color:#ffcdd2;transform:translateY(-2px);box-shadow:0 4px 8px #c6282826}.transactions-screen .profile-details{background:#f8fafc;border-radius:12px;padding:1.5rem}.transactions-screen .detail-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1.5rem}.transactions-screen .detail-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;background:#fff;border-radius:12px;border:1px solid #edf2f7;transition:all .3s ease;min-height:60px}.transactions-screen .detail-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.transactions-screen .detail-item i{font-size:1rem;color:#4a5568;background:#f7fafc;padding:.5rem;border-radius:8px}.transactions-screen .detail-info{display:flex;align-items:center;gap:.75rem}.transactions-screen .detail-label{color:#718096;font-size:.875rem;font-weight:500}.transactions-screen .detail-value{color:#2d3748;font-weight:600}.transactions-screen .detail-value.email-value{font-size:.85rem;word-break:break-all;max-width:200px;text-align:right;line-height:1.3}.transactions-screen .rewards-section{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #edf2f7}.transactions-screen .rewards-section h4{margin:0 0 1.25rem;color:#2d3748;font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:.75rem}.transactions-screen .rewards-section h4 i{color:#4299e1;background:#ebf8ff;padding:.5rem;border-radius:8px}.transactions-screen .rewards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.transactions-screen .reward-item{background:#f7fafc;padding:1rem;border-radius:12px;text-align:center;transition:all .3s ease;border:1px solid #edf2f7}.transactions-screen .reward-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.transactions-screen .reward-label{display:block;color:#718096;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.transactions-screen .reward-value{display:block;font-size:1.25rem;font-weight:600;color:#2d3748;line-height:1.2}.transactions-screen .reward-item.total{grid-column:1 / -1;background:#ebf8ff;border-color:#bee3f8}.transactions-screen .reward-item.total .reward-label{color:#2b6cb0}.transactions-screen .reward-item.total .reward-value{color:#2c5282;font-size:1.5rem}.transactions-screen .transaction-actions{padding:1rem;background:#f8f9fa;border-radius:8px}.transactions-screen .action-header{margin-bottom:1rem}.transactions-screen .status-buttons{display:flex;justify-content:flex-start;gap:.5rem;margin-top:1rem;margin-bottom:0}.transactions-screen .status-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;min-width:140px}.transactions-screen .status-btn.approve{background-color:#2e7d32;color:#fff;border:none;font-weight:600;font-size:.95rem;padding:.75rem 1.5rem;border-radius:8px;box-shadow:0 2px 4px #2e7d3233;transition:background-color .2s ease}.transactions-screen .status-btn.approve:hover{background-color:#1b5e20}.transactions-screen .status-btn.cancel{background-color:#f44336;color:#fff;border:none;font-weight:600;font-size:.95rem;padding:.75rem 1.5rem;border-radius:8px;box-shadow:0 2px 4px #f4433633;transition:background-color .2s ease}.transactions-screen .status-btn.cancel:hover:not(:disabled){background-color:#d32f2f}.transactions-screen .status-btn.manual-tx{background-color:#ff9800;color:#fff;border:none;font-weight:600;font-size:.95rem;padding:.75rem 1.5rem;border-radius:8px;box-shadow:0 2px 4px #ff980033;transition:background-color .2s ease}.transactions-screen .status-btn.manual-tx:hover:not(:disabled){background-color:#f57c00}.transactions-screen .status-btn.completed{background-color:#f0f0f0;color:#666;cursor:not-allowed;border:1px solid #ddd}.transactions-screen .status-btn:disabled{opacity:.5;cursor:not-allowed}.transactions-screen .tx-hash-display{background:#e8f5e9;padding:.75rem 1rem;border-radius:6px;margin-top:.5rem}.transactions-screen .tx-hash-display a{color:#2e7d32;text-decoration:none;font-weight:500}.transactions-screen .tx-hash-display a:hover{text-decoration:underline}.blockchain-info{margin:1rem 0}.info-box{background:#e3f2fd;border:1px solid #90caf9;border-radius:8px;padding:1rem;display:flex;align-items:flex-start;gap:.75rem}.info-box i{color:#1976d2;font-size:1.1rem;margin-top:.1rem;flex-shrink:0}.info-box p{margin:0;color:#1565c0;font-size:.9rem;line-height:1.4}.transactions-screen .tx-hash-section{margin-top:1rem}.transactions-screen .tx-hash-label{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;color:#2d3748;font-size:.95rem}.transactions-screen .tx-hash-label i{color:#4299e1}.transactions-screen .tx-hash-content{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem}.transactions-screen .tx-hash-code{display:block;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:.75rem;font-family:Courier New,monospace;font-size:.85rem;color:#2d3748;word-break:break-all;margin-bottom:.75rem;line-height:1.4}.transactions-screen .polygonscan-link{display:inline-flex;align-items:center;gap:.5rem;color:#2e7d32;text-decoration:none;font-weight:500;font-size:.9rem;padding:.5rem 1rem;background:#e8f5e9;border:1px solid #c8e6c9;border-radius:6px;transition:all .2s ease}.transactions-screen .polygonscan-link:hover{background:#c8e6c9;text-decoration:none;transform:translateY(-1px)}.transactions-screen .solscan-link{display:inline-flex;align-items:center;gap:.5rem;color:#9945ff;text-decoration:none;font-weight:500;font-size:.9rem;padding:.5rem 1rem;background:#f3eaff;border:1px solid #c4a0ff;border-radius:6px;transition:all .2s ease}.transactions-screen .solscan-link:hover{background:#e6d5ff;text-decoration:none;transform:translateY(-1px)}.transactions-screen .username.clickable{color:#4f46e5;cursor:pointer;font-weight:500;transition:all .2s ease}.transactions-screen .username.clickable:hover{color:#3730a3;text-decoration:underline}.transactions-screen .user-name{color:#6b7280;font-size:.9rem;margin-left:.25rem}.transactions-screen .tx-hash-pending{display:flex;align-items:center;gap:.5rem;color:#718096;font-style:italic;padding:1rem;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px}.transactions-screen .status-info{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:8px;margin-bottom:1rem;font-weight:500}.transactions-screen .status-info.completed{background-color:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9}.transactions-screen .status-info.pending{background-color:#fff8e1;color:#f57c00;border:1px solid #ffcc02}.transactions-screen .status-info i{font-size:1.2rem}.transactions-screen .status-info .tx-hash-display{margin-top:.5rem;margin-left:2rem}.transactions-screen .pagination{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem;padding:1rem}.transactions-screen .pagination button{padding:.5rem 1rem;border:1px solid #dee2e6;background:#fff;border-radius:6px;cursor:pointer;transition:all .2s}.transactions-screen .pagination button:hover:not(:disabled){background-color:#e9ecef}.transactions-screen .pagination button.active{background-color:#007bff;color:#fff;border-color:#007bff}.transactions-screen .pagination button:disabled{opacity:.5;cursor:not-allowed}.transactions-screen .loading{display:flex;justify-content:center;align-items:center;min-height:200px}.transactions-screen .loading-spinner{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#6c757d}.transactions-screen .loading-spinner i{font-size:1.5rem}.transactions-screen .error-message{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#dc3545;min-height:200px}.transactions-screen .error-message i{font-size:1.5rem}.transactions-screen .no-records{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#6c757d;min-height:200px;text-align:center}.transactions-screen .no-records i{font-size:3rem;opacity:.5}.transactions-screen .transaction-id{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#6c757d}.transactions-screen .transaction-user{cursor:pointer;display:flex;align-items:center;gap:.5rem;color:#007bff;transition:color .2s}.transactions-screen .transaction-user:hover{color:#0056b3;text-decoration:underline}.transactions-screen .transaction-amount,.transactions-screen .transaction-wallet{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#495057}.transactions-screen .wallet-text{pointer-events:none;-webkit-user-select:none;user-select:none}.transactions-screen .transaction-status{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .75rem;border-radius:20px;font-size:.85rem;font-weight:500}.transactions-screen .transaction-date{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#6c757d}.transactions-screen .transaction-expand{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#f8f9fa;color:#6c757d;cursor:pointer;transition:all .2s}.transactions-screen .transaction-expand:hover{background:#e9ecef;color:#343a40}.transactions-screen .transaction-actions-header{display:flex;align-items:center;gap:.5rem}.transactions-screen .quick-approve-btn{background-color:#2e7d32;color:#fff;border:none;border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease;font-size:.9rem}.transactions-screen .quick-approve-btn:hover{background-color:#1b5e20}.transactions-screen .quick-approve-btn:disabled{opacity:.6;cursor:not-allowed;background-color:#9e9e9e}.transactions-screen .username{font-weight:500;color:#495057}.transactions-screen .username.clickable{color:#007bff;cursor:pointer;text-decoration:underline;text-decoration-style:dotted}.transactions-screen .username.clickable:hover{color:#0056b3;text-decoration-style:solid}.transactions-screen .user-name{margin-left:.5rem;font-size:.85rem;color:#6c757d;font-style:italic}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 10px 30px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #edf2f7}.modal-header h3{margin:0;color:#2d3748;font-size:1.25rem}.modal-close{background:none;border:none;font-size:1.5rem;color:#a0aec0;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s}.modal-close:hover{background-color:#f7fafc;color:#4a5568}.modal-body{padding:1.5rem}.transaction-summary{background:#f8fafc;padding:1rem;border-radius:8px;margin-bottom:1.5rem;border:1px solid #edf2f7}.transaction-summary p{margin:.5rem 0;color:#4a5568}.manual-tx-input-section{margin:1.5rem 0;padding:1rem;background-color:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0}.manual-tx-input-section label{display:flex;align-items:center;gap:.5rem;font-weight:600;margin-bottom:.75rem;color:#333;font-size:.95rem}.manual-tx-input-section label i{color:#ff9800}.tx-hash-input{width:100%;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:6px;font-size:.9rem;font-family:Courier New,monospace;transition:border-color .2s ease}.tx-hash-input:focus{outline:none;border-color:#ff9800;box-shadow:0 0 0 3px #ff98001a}.tx-hash-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.tx-hash-hint{display:block;margin-top:.5rem;font-size:.85rem;color:#666;font-style:italic}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#4a5568;font-weight:500}.form-input,.form-textarea{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:6px;font-size:1rem;color:#2d3748;transition:all .2s}.form-input:focus,.form-textarea:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e126}.form-textarea{resize:vertical;min-height:80px}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid #edf2f7;background:#f8fafc}.btn-cancel{padding:.75rem 1.5rem;background:#e2e8f0;color:#4a5568;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.btn-cancel:hover{background:#cbd5e0}.btn-approve{padding:.75rem 1.5rem;background:#2e7d32;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:.5rem}.btn-approve:hover{background:#1b5e20}.btn-approve:disabled{opacity:.6;cursor:not-allowed}.btn-danger{background-color:#f44336;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease;font-size:.9rem}.btn-danger:hover:not(:disabled){background-color:#d32f2f;transform:translateY(-1px)}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.info-box.warning{background:#fff3e0;border:1px solid #ffcc02;color:#e65100}.info-box.warning i{color:#ff9800}@media(max-width:768px){.transactions-screen .transactions-header{flex-direction:column;align-items:flex-start}.transactions-screen .transactions-stats{width:100%;justify-content:space-between}.transactions-screen .stat-badge{font-size:.8rem;padding:.4rem .8rem}.transactions-screen .transaction-card{width:100%;margin-right:0}.transactions-screen .transaction-header{grid-template-columns:1fr;gap:.5rem;padding:.75rem}.transactions-screen .transaction-header>div{display:flex;align-items:center;gap:.5rem}.transactions-screen .status-buttons{flex-direction:row;justify-content:center}.transactions-screen .transaction-actions-header{flex-direction:column;gap:.5rem}.transactions-screen .quick-approve-btn{width:100%;height:auto;padding:.5rem;border-radius:6px}.transactions-screen .user-profile-section{padding:1rem}.transactions-screen .profile-header{flex-direction:column;align-items:center;text-align:center;gap:1rem}.transactions-screen .profile-info{width:100%;display:flex;flex-direction:column;align-items:center}.transactions-screen .profile-name{flex-direction:column;align-items:center;text-align:center}.transactions-screen .profile-badges{justify-content:center;margin-top:1rem}.transactions-screen .detail-row{grid-template-columns:1fr;gap:1rem}.transactions-screen .rewards-grid{grid-template-columns:repeat(2,1fr)}.transactions-screen .reward-item.total{grid-column:span 2}.transactions-screen .badge{padding:.4rem .8rem;font-size:.85rem}.transactions-screen .search-container{padding:0 .5rem}.transactions-screen .header-main{flex-direction:column;align-items:stretch}.transactions-screen .header-main .search-container{width:100%;max-width:100%;min-width:100%;margin-bottom:1rem}.transactions-screen .search-input-wrapper{max-width:100%;box-shadow:0 2px 8px #0000000d;border-radius:12px;border:2px solid #e2e8f0}.transactions-screen .search-input{width:100%;border-radius:12px;padding:14px 48px 14px 52px;min-height:48px}.transactions-screen .search-icon{left:16px}.transactions-screen .clear-search-btn{right:12px}.modal-content{width:95%;max-height:90vh}.modal-header,.modal-body,.modal-footer{padding:1rem}.modal-footer{flex-direction:column}.btn-cancel,.btn-approve{width:100%;justify-content:center}}@media(max-width:480px){.transactions-screen .search-container{padding:0 .25rem}.transactions-screen .header-main .search-container{padding:0}.transactions-screen .search-input{padding:12px 44px 12px 48px;font-size:.95rem}.transactions-screen .search-icon{left:14px;font-size:1rem}.transactions-screen .clear-search-btn{right:10px;width:28px;height:28px}.transactions-screen .rewards-grid{grid-template-columns:1fr}.transactions-screen .reward-item.total{grid-column:span 1}.transactions-screen .detail-item{flex-direction:column;text-align:center;gap:.5rem;padding:1rem}.transactions-screen .detail-value{margin-left:0}.transactions-screen .detail-value.email-value{font-size:.8rem;max-width:150px}.transactions-screen .detail-item{min-height:55px;padding:.5rem .75rem}}.transactions-screen .kyc-documents-section{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 12px #0000000d;border:1px solid #edf2f7}.transactions-screen .kyc-documents-section h4{margin:0 0 1.25rem;color:#2d3748;font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:.75rem}.transactions-screen .kyc-documents-section h4 i{color:#4299e1;background:#ebf8ff;padding:.5rem;border-radius:8px}.transactions-screen .document-images{display:flex;gap:1rem;margin-bottom:1rem;overflow-x:auto;padding:.5rem}.transactions-screen .document-image-container{flex:0 0 auto;width:200px}.transactions-screen .document-image-container h5{margin:0 0 .5rem;color:#4a5568;font-size:.9rem;font-weight:600;text-align:center}.transactions-screen .image-frame{border:2px solid #e2e8f0;border-radius:8px;overflow:hidden;background:#f8fafc;transition:all .3s ease}.transactions-screen .image-frame:hover{border-color:#4299e1;box-shadow:0 4px 12px #4299e126}.transactions-screen .document-image{width:100%;height:150px;object-fit:cover;cursor:pointer;transition:transform .2s;display:block}.transactions-screen .document-image:hover{transform:scale(1.05)}.transactions-screen .kyc-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:#718096;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.transactions-screen .kyc-loading i{font-size:1.25rem;color:#4299e1}.transactions-screen .no-kyc-documents{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:#a0aec0;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;font-style:italic}.transactions-screen .no-kyc-documents i{font-size:1.25rem}@media(max-width:768px){.transactions-screen .document-images{flex-direction:column}.transactions-screen .document-image-container{width:100%}.transactions-screen .document-image{max-width:100%}.transactions-screen .kyc-documents-section{padding:1rem}}.transactions-screen .purchases-summary-section{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 12px #0000000d;border:1px solid #edf2f7}.transactions-screen .purchases-summary-section h4{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;color:#2d3748;font-size:1.1rem;font-weight:600}.transactions-screen .purchases-summary-section h4 i{color:#4299e1;font-size:1rem}.transactions-screen .purchases-loading{display:flex;align-items:center;gap:.5rem;color:#718096;font-size:.9rem}.transactions-screen .purchases-loading i{color:#4299e1}.transactions-screen .purchases-summary{display:flex;flex-direction:column;gap:1rem}.transactions-screen .purchase-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;padding:1rem;background:#f7fafc;border-radius:8px;border:1px solid #e2e8f0}.transactions-screen .purchase-stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:.75rem;background:#fff;border-radius:6px;border:1px solid #e2e8f0;transition:all .2s ease}.transactions-screen .purchase-stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.transactions-screen .purchase-stat-item .stat-label{font-size:.8rem;color:#718096;font-weight:500;margin-bottom:.25rem}.transactions-screen .purchase-stat-item .stat-value{font-size:1.1rem;color:#2d3748;font-weight:600}.transactions-screen .recent-purchases{background:#f7fafc;border-radius:8px;padding:1rem;border:1px solid #e2e8f0}.transactions-screen .recent-purchases h5{margin:0 0 .75rem;color:#2d3748;font-size:.95rem;font-weight:600}.transactions-screen .purchases-list{display:flex;flex-direction:column;gap:.5rem}.transactions-screen .purchase-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#fff;border-radius:6px;border:1px solid #e2e8f0;transition:all .2s ease}.transactions-screen .purchase-item:hover{background:#f7fafc;border-color:#cbd5e0}.transactions-screen .purchase-info{display:flex;flex-direction:column;gap:.25rem}.transactions-screen .purchase-product{font-size:.9rem;color:#2d3748;font-weight:500}.transactions-screen .purchase-amount{font-size:.8rem;color:#4299e1;font-weight:600}.transactions-screen .purchase-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.transactions-screen .purchase-price{font-size:.85rem;color:#38a169;font-weight:600}.transactions-screen .purchase-date{font-size:.75rem;color:#718096}.transactions-screen .no-purchases{display:flex;align-items:center;gap:.5rem;color:#718096;font-size:.9rem;padding:1rem;background:#f7fafc;border-radius:8px;border:1px solid #e2e8f0}.transactions-screen .no-purchases i{color:#a0aec0}@media(max-width:768px){.transactions-screen .purchase-stats{grid-template-columns:1fr;gap:.75rem}.transactions-screen .purchases-summary-section{padding:1rem}}.transactions-screen .modal-wallet{word-break:break-all;font-size:1rem;margin-bottom:.5rem}.success-modal{border:2px solid #2e7d32}.success-header{background:linear-gradient(135deg,#2e7d32,#388e3c);color:#fff}.success-header h3{color:#fff}.success-header h3 i{color:#4caf50;margin-right:.5rem}.success-summary{text-align:center;padding:1rem 0}.success-icon{margin-bottom:1rem}.success-icon i{font-size:3rem;color:#2e7d32}.success-details{text-align:left}.success-details p{margin:.5rem 0;font-size:1rem}.tx-hash-success{margin-top:1rem;padding:1rem;background:#f1f8e9;border-radius:8px;border:1px solid #c8e6c9}.tx-hash-success strong{display:block;margin-bottom:.5rem;color:#2e7d32}.tx-hash-success code{display:block;background:#fff;padding:.75rem;border-radius:4px;font-family:Courier New,monospace;font-size:.85rem;word-break:break-all;margin-bottom:.5rem;border:1px solid #e0e0e0}.btn-success{background:linear-gradient(135deg,#2e7d32,#388e3c);color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.btn-success:hover{background:linear-gradient(135deg,#1b5e20,#2e7d32);transform:translateY(-1px);box-shadow:0 4px 8px #2e7d324d}.btn-success i{font-size:.9rem}@media(max-width:600px){.transactions-screen .modal-wallet{font-size:.85rem;word-break:break-all;line-break:anywhere}.success-icon i{font-size:2.5rem}.tx-hash-success code{font-size:.75rem}}.transactions-screen .withdrawal-history-section{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 12px #0000000d;border:1px solid #edf2f7}.transactions-screen .withdrawal-history-section.compact{padding:1rem;margin-bottom:1rem}.transactions-screen .withdrawal-history-section h4{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;color:#2d3748;margin:0 0 1.5rem;font-weight:600}.transactions-screen .withdrawal-history-section.compact h4{font-size:1.1rem;margin:0 0 1rem}.transactions-screen .withdrawal-history-section h4 i{color:#4299e1;background:linear-gradient(135deg,#4299e1,#3182ce);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:1.1em}.transactions-screen .withdrawals-loading{display:flex;align-items:center;gap:.75rem;padding:1.5rem;color:#718096;background:#f7fafc;border-radius:8px;font-size:1rem}.transactions-screen .withdrawal-history-section.compact .withdrawals-loading{padding:.75rem;font-size:.9rem}.transactions-screen .withdrawals-loading i{font-size:1.1em;color:#4299e1}.transactions-screen .withdrawal-summary{margin-top:1rem}.transactions-screen .withdrawal-summary.compact{margin-top:0}.transactions-screen .withdrawal-stats-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.transactions-screen .stat-compact{display:flex;flex-direction:column;align-items:center;padding:.5rem .75rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;min-width:60px;text-align:center}.transactions-screen .stat-compact .stat-number{font-size:1.1rem;font-weight:600;color:#2d3748;line-height:1}.transactions-screen .stat-compact .stat-text{font-size:.75rem;color:#718096;text-transform:uppercase;letter-spacing:.5px;margin-top:.25rem}.transactions-screen .stat-compact.success .stat-number{color:#2e7d32}.transactions-screen .stat-compact.pending .stat-number{color:#f57c00}.transactions-screen .stat-compact.frequency{min-width:auto;flex:1}.transactions-screen .stat-compact.frequency .stat-number{font-size:.85rem;font-weight:500}.transactions-screen .withdrawal-amounts{display:flex;flex-direction:column;gap:.5rem}.transactions-screen .amount-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:#f1f5f9;border-radius:6px;border-left:3px solid #4299e1}.transactions-screen .amount-label{font-size:.85rem;color:#4a5568;font-weight:500}.transactions-screen .amount-value{font-size:.9rem;color:#2d3748;font-weight:600}.transactions-screen .no-withdrawals.compact{padding:1rem;font-size:.9rem}.transactions-screen .withdrawal-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.transactions-screen .withdrawal-stat-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8fafc;border-radius:8px;border-left:4px solid #4299e1;transition:all .2s ease}.transactions-screen .withdrawal-stat-item:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000014;background:#f1f5f9}.transactions-screen .withdrawal-stat-item .stat-label{font-weight:500;color:#4a5568;font-size:.9rem}.transactions-screen .withdrawal-stat-item .stat-value{font-weight:600;color:#2d3748}.transactions-screen .withdrawal-stat-item .stat-value.success{color:#2e7d32}.transactions-screen .withdrawal-stat-item .stat-value.pending{color:#f57c00}.transactions-screen .withdrawal-stat-item .stat-value.failed{color:#c62828}.transactions-screen .recent-withdrawals{margin-top:1.5rem;border-top:1px solid #e2e8f0;padding-top:1.5rem}.transactions-screen .recent-withdrawals h5{margin:0 0 1rem;color:#2d3748;font-size:1.1rem;font-weight:600}.transactions-screen .withdrawal-list{display:flex;flex-direction:column;gap:.75rem}.transactions-screen .withdrawal-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#f7fafc;border-radius:8px;border:1px solid #e2e8f0;transition:all .2s ease}.transactions-screen .withdrawal-item:hover{background:#edf2f7;border-color:#cbd5e0;transform:translateY(-1px)}.transactions-screen .withdrawal-info{display:flex;flex-direction:column;gap:.25rem}.transactions-screen .withdrawal-amount{font-weight:600;color:#2d3748;font-size:1rem}.transactions-screen .withdrawal-date{font-size:.85rem;color:#718096}.transactions-screen .withdrawal-status{display:flex;align-items:center;gap:.5rem}.transactions-screen .status-success{color:#2e7d32;font-weight:500;display:flex;align-items:center;gap:.25rem}.transactions-screen .status-pending{color:#f57c00;font-weight:500;display:flex;align-items:center;gap:.25rem}.transactions-screen .status-failed{color:#c62828;font-weight:500;display:flex;align-items:center;gap:.25rem}.transactions-screen .withdrawal-tx{margin-left:1rem}.transactions-screen .tx-link{color:#4299e1;text-decoration:none;font-size:.85rem;font-weight:500;display:flex;align-items:center;gap:.25rem;transition:color .2s ease}.transactions-screen .tx-link:hover{color:#3182ce;text-decoration:underline}.transactions-screen .no-withdrawals{display:flex;align-items:center;gap:.75rem;padding:2rem;color:#718096;background:#f7fafc;border-radius:8px;text-align:center;justify-content:center;font-size:1rem}.transactions-screen .no-withdrawals i{font-size:1.2em;color:#a0aec0}@media(max-width:768px){.transactions-screen .withdrawal-stats{grid-template-columns:1fr;gap:.75rem}.transactions-screen .withdrawal-stat-item{padding:.75rem}.transactions-screen .withdrawal-item{flex-direction:column;align-items:flex-start;gap:.75rem}.transactions-screen .withdrawal-status{width:100%;justify-content:space-between}.transactions-screen .withdrawal-tx{margin-left:0;width:100%}.transactions-screen .withdrawal-history-section{padding:1rem}.transactions-screen .withdrawal-history-section.compact{padding:.75rem;margin-bottom:.75rem}.transactions-screen .withdrawal-stats-row{gap:.5rem}.transactions-screen .stat-compact{padding:.4rem .6rem;min-width:50px}.transactions-screen .stat-compact .stat-number{font-size:1rem}.transactions-screen .stat-compact .stat-text{font-size:.7rem}.transactions-screen .stat-compact.frequency .stat-number{font-size:.75rem}.transactions-screen .amount-item{padding:.4rem .6rem}.transactions-screen .amount-label{font-size:.8rem}.transactions-screen .amount-value{font-size:.85rem}}@media(max-width:480px){.transactions-screen .withdrawal-stats{gap:.5rem}.transactions-screen .withdrawal-stat-item{padding:.5rem;flex-direction:column;text-align:center;gap:.25rem}.transactions-screen .withdrawal-stat-item .stat-label{font-size:.8rem}.transactions-screen .withdrawal-stat-item .stat-value{font-size:.9rem}.transactions-screen .withdrawal-item{padding:.75rem}.transactions-screen .withdrawal-amount{font-size:.9rem}.transactions-screen .withdrawal-date{font-size:.75rem}}.transactions-screen .completed-status-section{display:flex;flex-direction:column;gap:1.5rem}.transactions-screen .error-status-section{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.transactions-screen .error-message-section{background:linear-gradient(135deg,#fff5f5,#fed7d7);border:1px solid #feb2b2;border-radius:12px;padding:1.5rem}.transactions-screen .error-message-label{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:#c53030;font-weight:600}.transactions-screen .error-message-label i{font-size:1.2rem}.transactions-screen .error-message-content{background:#fffc;border-radius:8px;padding:1rem}.transactions-screen .error-message-text{color:#744d47;font-family:Courier New,monospace;font-size:.9rem;line-height:1.5;word-break:break-word}.transactions-screen .retry-section{display:flex;flex-direction:column;gap:1rem;background:linear-gradient(135deg,#fffaf0,#ffebc8);border:1px solid #fed7aa;border-radius:12px;padding:1.5rem}.transactions-screen .retry-info{display:flex;align-items:flex-start;gap:.75rem;color:#9c4221;font-size:.95rem;line-height:1.5}.transactions-screen .retry-info i{color:#c2410c;font-size:1.1rem;margin-top:.1rem;flex-shrink:0}.transactions-screen .status-btn.retry{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #dc26264d;display:flex;align-items:center;gap:.5rem;align-self:flex-start}.transactions-screen .status-btn.retry:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #dc262666}.transactions-screen .status-btn.retry:disabled{opacity:.7;cursor:not-allowed;transform:none}.transactions-screen .resend-section{padding:1.5rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.transactions-screen .resend-info{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:1rem;background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;color:#856404;font-size:.9rem}.transactions-screen .resend-info i{color:#f39c12;font-size:1.1em}.transactions-screen .status-btn.resend{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-size:.95rem;box-shadow:0 2px 4px #f39c1233}.transactions-screen .status-btn.resend:hover:not(:disabled){background:linear-gradient(135deg,#e67e22,#d35400);transform:translateY(-1px);box-shadow:0 4px 8px #f39c124d}.transactions-screen .status-btn.resend:disabled{background:#bdc3c7;cursor:not-allowed;transform:none;box-shadow:none}.transactions-screen .btn-resend{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-size:.95rem;box-shadow:0 2px 4px #f39c1233}.transactions-screen .btn-resend:hover:not(:disabled){background:linear-gradient(135deg,#e67e22,#d35400);transform:translateY(-1px);box-shadow:0 4px 8px #f39c124d}.transactions-screen .btn-resend:disabled{background:#bdc3c7;cursor:not-allowed;transform:none;box-shadow:none}.transactions-screen .restored-balance{margin-top:1rem;padding:1rem;background:#e8f5e9;border-radius:6px;border-left:4px solid #4caf50}.transactions-screen .restored-balance strong{color:#2e7d32;display:block;margin-bottom:.5rem}.transactions-screen .balance-details{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem;color:#2e7d32}.transactions-screen .balance-details div{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0}.transactions-screen .resend-info p{margin:.5rem 0 0;color:#2e7d32;font-size:.9rem;background:#e8f5e9;padding:.75rem;border-radius:4px;border-left:3px solid #4caf50}@media(max-width:768px){.transactions-screen .completed-status-section{gap:1rem}.transactions-screen .resend-section{padding:1rem}.transactions-screen .resend-info{flex-direction:column;text-align:center;gap:.25rem}.transactions-screen .status-btn.resend,.transactions-screen .btn-resend{width:100%;justify-content:center}}@media(max-width:480px){.transactions-screen .resend-info{padding:.75rem;font-size:.8rem}.transactions-screen .balance-details{font-size:.8rem}.transactions-screen .balance-details div{flex-direction:column;align-items:flex-start;gap:.1rem}}.verification-modal{max-width:800px;max-height:80vh;overflow-y:auto}.verification-summary{margin-top:1rem}.verification-stats{display:flex;gap:2rem;margin-bottom:2rem;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.verification-stats .stat-item{display:flex;flex-direction:column;align-items:center;text-align:center}.verification-stats .stat-label{font-size:.9rem;color:#4a5568;margin-bottom:.25rem}.verification-stats .stat-value{font-size:1.5rem;font-weight:600;color:#2d3748}.verification-stats .stat-value.error{color:#e53e3e}.invalid-hashes-list h4{color:#e53e3e;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.invalid-list{display:flex;flex-direction:column;gap:1rem;max-height:400px;overflow-y:auto;padding-right:.5rem}.invalid-item{background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;padding:1rem;border-left:4px solid #e53e3e}.invalid-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.invalid-user{font-weight:600;color:#2d3748}.invalid-amount{font-weight:600;color:#e53e3e}.invalid-hash{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap}.hash-label{font-size:.85rem;color:#4a5568;font-weight:500}.hash-code{background:#2d3748;color:#e2e8f0;padding:.25rem .5rem;border-radius:4px;font-family:Courier New,monospace;font-size:.8rem;word-break:break-all;flex:1;min-width:200px}.invalid-error{display:flex;align-items:center;gap:.5rem;color:#c53030;font-size:.9rem;margin-bottom:.5rem}.invalid-date{font-size:.85rem;color:#718096}.verification-note{background:#ebf8ff;border:1px solid #bee3f8;border-radius:8px;padding:1rem;margin-top:1.5rem;display:flex;align-items:flex-start;gap:.75rem}.verification-note i{color:#3182ce;margin-top:.125rem}.verification-note p{color:#2c5282;margin:0;line-height:1.5}.no-invalid-hashes{text-align:center;padding:2rem;background:#f0fff4;border:1px solid #9ae6b4;border-radius:8px}.no-invalid-hashes .success-icon{margin-bottom:1rem}.no-invalid-hashes .success-icon i{font-size:3rem;color:#38a169}.no-invalid-hashes h4{color:#276749;margin-bottom:.5rem}.no-invalid-hashes p{color:#2f855a;margin:0}@media(max-width:768px){.verification-modal{max-width:95vw;margin:1rem}.verification-stats{flex-direction:column;gap:1rem}.invalid-header{flex-direction:column;align-items:flex-start;gap:.5rem}.invalid-hash{flex-direction:column;align-items:flex-start}.hash-code{min-width:100%;font-size:.75rem}.transactions-screen .header-main{flex-direction:column;align-items:stretch;gap:1rem}.transactions-screen .header-actions{justify-content:center}.transactions-screen .verify-tx-btn{font-size:.85rem;padding:.6rem 1rem}}.transactions-screen .user-info-row{display:flex;gap:20px;margin-bottom:15px;padding:10px;background:#f8f9ff;border-radius:8px;border-left:4px solid #1976d2}.transactions-screen .user-info-item{display:flex;align-items:center;gap:8px;flex:1}.transactions-screen .info-label{font-size:.85rem;color:#666;font-weight:500}.transactions-screen .info-value{font-size:.9rem;color:#333;font-weight:600}.transactions-screen .stat-compact.failed .stat-number{color:#d32f2f}.transactions-screen .all-withdrawals-section{margin-top:20px;border-top:1px solid #e0e0e0;padding-top:15px}.transactions-screen .withdrawals-header{margin-bottom:15px}.transactions-screen .withdrawals-header h5{margin:0;color:#333;font-size:.95rem;font-weight:600;display:flex;align-items:center;gap:8px}.transactions-screen .withdrawals-header h5 i{color:#7b1fa2;font-size:.9rem}.transactions-screen .withdrawals-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.transactions-screen .withdrawal-item{background:#fafafa;border:1px solid #e0e0e0;border-radius:6px;padding:12px;transition:all .3s}.transactions-screen .withdrawal-item:hover{background:#f5f5f5;border-color:#ccc}.transactions-screen .withdrawal-main{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.transactions-screen .withdrawal-id{font-weight:600;color:#666;font-size:.85rem;min-width:50px}.transactions-screen .withdrawal-amount{font-weight:600;color:#333;font-size:.9rem;min-width:100px}.transactions-screen .withdrawal-status{padding:3px 8px;border-radius:12px;font-size:.8rem;font-weight:500;display:flex;align-items:center;gap:5px;min-width:80px}.transactions-screen .withdrawal-date{font-size:.85rem;color:#666;flex:1}.transactions-screen .withdrawal-tx{margin-top:8px;padding:8px;background:#f0f8ff;border-radius:5px;display:flex;align-items:center;gap:8px;font-size:.85rem}.transactions-screen .tx-label{color:#666;font-weight:500}.transactions-screen .tx-hash{background:#e3f2fd;color:#1976d2;padding:2px 6px;border-radius:3px;font-size:.8rem;font-family:monospace}.transactions-screen .tx-link{color:#1976d2;text-decoration:none;padding:2px;border-radius:3px;transition:all .3s}.transactions-screen .tx-link:hover{background:#e3f2fd;color:#1565c0}.transactions-screen .withdrawal-error{margin-top:8px;padding:8px;background:#ffebee;border-radius:5px;display:flex;align-items:flex-start;gap:8px;font-size:.85rem;color:#d32f2f}.transactions-screen .withdrawal-error i{margin-top:2px;color:#d32f2f;flex-shrink:0}@media(max-width:768px){.transactions-screen .user-info-row{flex-direction:column;gap:10px}.transactions-screen .withdrawal-main{flex-direction:column;align-items:flex-start;gap:8px}.transactions-screen .withdrawal-id,.transactions-screen .withdrawal-amount,.transactions-screen .withdrawal-date{min-width:auto}.transactions-screen .withdrawals-list{max-height:250px}.transactions-screen .withdrawal-tx{flex-wrap:wrap}.transactions-screen .tx-hash{max-width:150px;overflow:hidden;text-overflow:ellipsis}}@media(max-width:480px){.transactions-screen .user-info-item{flex-direction:column;align-items:flex-start;gap:5px}.transactions-screen .withdrawal-item{padding:10px}.transactions-screen .withdrawal-main{gap:6px}.transactions-screen .withdrawal-status{font-size:.75rem;padding:2px 6px}.transactions-screen .tx-hash{max-width:120px}.transactions-screen .withdrawals-list{max-height:200px}}.purchases-table-container{background:#fff;border-radius:12px;padding:0;margin-top:20px;box-shadow:0 2px 8px #00000014;border:1px solid #e2e8f0;overflow:hidden}.purchases-table{width:100%;border-collapse:collapse;font-size:.85rem;background:#fff}.purchases-table thead{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:2px solid #dee2e6}.purchases-table thead th{padding:14px 16px;text-align:left;font-weight:600;font-size:.85rem;color:#495057;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-bottom:2px solid #dee2e6;position:sticky;top:0;background:linear-gradient(135deg,#f8f9fa,#e9ecef);z-index:10}.purchases-table thead th.sortable:hover{background:#e9ecef;color:#4a6cf7}.purchases-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s ease;background:#fff}.purchases-table tbody tr:hover{background:#f8f9ff;box-shadow:0 2px 4px #4a6cf71a}.purchases-table tbody tr:last-child{border-bottom:none}.purchases-table tbody td{padding:12px 16px;vertical-align:middle;color:#2d3748}.purchases-table .user-link{color:#4a6cf7;cursor:pointer;font-weight:500;transition:all .2s ease;display:inline-block}.purchases-table .user-link:hover{color:#3b5bdb;text-decoration:underline}.purchases-table .user-name{font-size:.75rem;color:#718096;margin-top:4px}.purchases-table .package-name{font-weight:500;color:#2d3748}.purchases-table .package-multiplier{font-size:.75rem;color:#718096;margin-top:4px}.purchases-table .price{color:#2e7d32;font-size:.9rem}.purchases-table .tokens{color:#2d3748;font-weight:500}.purchases-table .status-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:12px;font-size:.8rem;font-weight:500;white-space:nowrap}.purchases-table .status-badge.status-pending{background-color:#f57c001a;color:#f57c00}.purchases-table .status-badge.status-active{background-color:#2e7d321a;color:#2e7d32}.purchases-table .status-badge.status-expired{background-color:#7575751a;color:#757575}.purchases-table .status-badge.status-refunded{background-color:#d32f2f1a;color:#d32f2f}.purchases-table .order-id{font-family:Courier New,monospace;font-size:.75rem;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#4a5568}.purchases-table .date{color:#4a5568;font-size:.85rem}@media(max-width:768px){.purchases-table-container{overflow-x:auto;margin-top:15px}.purchases-table{min-width:800px}.purchases-table thead th,.purchases-table tbody td{padding:10px 12px;font-size:.8rem}}@media(max-width:480px){.purchases-table-container{border-radius:8px;margin-top:10px}.purchases-table{min-width:700px;font-size:.75rem}.purchases-table thead th,.purchases-table tbody td{padding:8px 10px;font-size:.75rem}.purchases-table .status-badge{padding:4px 8px;font-size:.7rem}}.purchases-no-data{background:#fff;border-radius:12px;padding:3rem 2rem;margin-top:20px;text-align:center;box-shadow:0 2px 8px #00000014;border:1px solid #e2e8f0}.purchases-no-data i{font-size:3rem;color:#cbd5e0;margin-bottom:1rem}.purchases-no-data p{color:#718096;font-size:1rem;margin:0}.purchases-table .user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid #e2e8f0}.purchases-table .user-info .name{font-size:.75rem;color:#718096;margin-top:2px}.purchases-table .clickable-row{cursor:pointer}.purchases-table .clickable-row:hover{background:#f8f9ff!important}.purchases-table .user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid #e2e8f0;flex-shrink:0}.purchases-table .user-info{display:flex;align-items:center;gap:8px}.purchases-table .user-info .username{font-weight:500;color:#2d3748}.purchases-table .user-info .name{font-size:.75rem;color:#718096;margin-top:2px;display:block}.purchases-table .boost-count{font-weight:500;color:#2d3748}.purchases-table .all-reward{color:#4299e1;font-weight:500}.purchases-table .status-badge.status-banned{background-color:#d32f2f1a;color:#d32f2f}.purchases-table tbody td img.user-avatar{display:block;margin:0 auto}.purchases-table tbody td .user-info{display:flex;align-items:center;gap:8px}.purchases-table tbody td .user-info img.user-avatar{margin:0;flex-shrink:0}.purchases-table tbody td .user-info span{display:flex;flex-direction:column;gap:2px}.purchases-table tbody td .user-info .username{font-weight:500;color:#2d3748}.purchases-table tbody td .user-info .name{font-size:.75rem;color:#718096;font-weight:400}.user-profile-modal .user-profile-details{flex:1;display:flex;flex-direction:column;min-width:0;background-color:#fff;overflow:visible}.user-profile-modal .profile-tabs{display:flex;background:linear-gradient(180deg,#f8f9fa,#fff);border-bottom:2px solid #e2e8f0;padding:0;overflow-x:auto;flex-shrink:0;scrollbar-width:thin;scrollbar-color:#cbd5e0 #f1f5f9}.user-profile-modal .profile-tabs::-webkit-scrollbar{height:6px}.user-profile-modal .profile-tabs::-webkit-scrollbar-track{background:#f1f5f9}.user-profile-modal .profile-tabs::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.user-profile-modal .profile-tabs button{background:none;border:none;border-bottom:3px solid transparent;padding:14px 20px;font-size:.9rem;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;white-space:nowrap;flex-shrink:0;position:relative}.user-profile-modal .profile-tabs button i{font-size:.9rem}.user-profile-modal .profile-tabs button:hover{background-color:#4a6cf714;color:#4a6cf7}.user-profile-modal .profile-tabs button.active{color:#4a6cf7;background-color:#fff;border-bottom-color:#4a6cf7;font-weight:600}.user-profile-modal .profile-tabs button.active:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#4a6cf7,#7c3aed)}.user-profile-modal .tab-content{padding:24px;overflow:visible;min-height:fit-content;background-color:#fff}.conversations-tab{padding:15px;height:100%}.conversations-list{display:flex;flex-direction:column;gap:15px;margin-top:15px}.conversation-card{display:flex;align-items:center;padding:15px;border-radius:10px;background-color:#f8f9fa;transition:all .3s ease;cursor:pointer;border-left:4px solid transparent}.conversation-card:hover{background-color:#e9ecef;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a;border-left:4px solid #007bff}.conversation-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;margin-right:15px;border:2px solid #fff;box-shadow:0 2px 4px #0000001a}.conversation-info{flex:1}.conversation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.conversation-header h5{margin:0;font-size:16px;font-weight:600;color:#343a40}.conversation-time{font-size:12px;color:#6c757d;background-color:#e9ecef;padding:2px 8px;border-radius:12px}.conversation-last-message{margin:0 0 8px;font-size:14px;color:#495057;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.conversation-footer{display:flex;justify-content:space-between;align-items:center}.conversation-status{font-size:12px;padding:2px 8px;border-radius:12px}.conversation-status.online{background-color:#d4edda;color:#155724}.conversation-status.offline{background-color:#f8d7da;color:#721c24}.unread-badge{background-color:#007bff;color:#fff;font-size:12px;font-weight:700;padding:3px 10px;border-radius:12px;box-shadow:0 2px 4px #007bff33}.no-conversations{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 30px;color:#6c757d;background-color:#f8f9fa;border-radius:10px;margin-top:20px}.no-conversations i{font-size:64px;margin-bottom:20px;opacity:.5;color:#adb5bd}.conversation-detail{display:flex;flex-direction:column;height:100%;min-height:500px}.conversation-detail-header{display:flex;align-items:center;padding:15px;border-bottom:1px solid #dee2e6;margin-bottom:15px;background-color:#f8f9fa;border-radius:10px}.back-btn{background:none;border:none;color:#007bff;font-size:14px;cursor:pointer;padding:8px 12px;margin-right:15px;border-radius:6px;display:flex;align-items:center;transition:all .2s ease}.back-btn:hover{background-color:#e9ecef;color:#0056b3}.back-btn i{margin-right:8px}.conversation-user-info{display:flex;align-items:center;flex:1}.conversation-detail-avatar{width:50px;height:50px;border-radius:50%;margin-right:15px;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 4px #0000001a}.conversation-user-info h4{margin:0;font-size:18px;color:#343a40}.message-count{margin:5px 0 0;font-size:13px;color:#6c757d;background-color:#e9ecef;padding:2px 8px;border-radius:12px;display:inline-block}.messages-container{display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding:15px;flex:1;background-color:#f8f9fa;border-radius:10px;min-height:400px;max-height:600px}.message{display:flex;margin-bottom:10px}.message.sent{justify-content:flex-end}.message.received{justify-content:flex-start}.message-content{max-width:55%;padding:6px 10px;border-radius:12px;position:relative;box-shadow:0 1px 2px #0000001a;line-height:1.3;font-size:13px}.message.sent .message-content{background-color:#007bff;color:#fff;border-bottom-right-radius:4px}.message.received .message-content{background-color:#fff;color:#212529;border-bottom-left-radius:4px;border:1px solid #e9ecef}.message-content p{margin:0;word-break:break-word;line-height:1.3}.message-time{display:block;font-size:9px;margin-top:2px;opacity:.8;text-align:right}.message.sent .message-time{color:#ffffffe6}.message.received .message-time{color:#6c757d}.unread-indicator{font-size:11px;color:#28a745;margin-left:5px;background-color:#28a7451a;padding:2px 6px;border-radius:10px}.message-image{max-width:150px;max-height:150px;border-radius:8px;cursor:zoom-in;transition:transform .2s;border:1px solid rgba(0,0,0,.1);display:block}.message-image:hover{transform:scale(1.03)}.conversation-date-separator{display:flex;align-items:center;justify-content:center;margin:15px 0;position:relative}.conversation-date-separator:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background-color:#dee2e6;z-index:1}.conversation-date-separator span{background-color:#f8f9fa;padding:5px 15px;border-radius:15px;font-size:12px;color:#6c757d;position:relative;z-index:2;box-shadow:0 1px 3px #0000001a}.message-footer{display:flex;justify-content:flex-end;align-items:center;margin-top:5px}.unread-count-badge{margin-left:10px;font-size:12px;color:#dc3545;background-color:#dc35451a;padding:2px 8px;border-radius:10px}.unread-count-badge i{margin-right:5px}.message-image-container{position:relative;display:inline-block;cursor:pointer;overflow:hidden;border-radius:8px;box-shadow:0 2px 5px #0000001a;transition:transform .2s}.message-image-container:hover{transform:scale(1.03)}.image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;border-radius:8px;cursor:zoom-in}.image-overlay i{color:#fff;font-size:24px;text-shadow:0 1px 3px rgba(0,0,0,.5)}.message-image-container:hover .image-overlay{opacity:1}.fullscreen-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;cursor:zoom-out}.fullscreen-overlay.active{opacity:1;visibility:visible}.fullscreen-image{max-width:90%;max-height:90%;object-fit:contain;border-radius:4px;box-shadow:0 5px 15px #0000004d;transform:scale(.95);transition:transform .3s ease}.fullscreen-overlay.active .fullscreen-image{transform:scale(1)}.close-fullscreen{position:absolute;top:20px;right:20px;color:#fff;background:#00000080;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s,transform .2s;z-index:10000}.close-fullscreen:hover{background-color:#ff0000b3;transform:rotate(90deg)}.close-fullscreen i{font-size:20px}.unread-indicator i{margin-right:3px}.gift-network-table{width:100%;overflow-x:auto;margin:15px 0;background-color:#1a1a2e;border-radius:8px;padding:15px}.gift-network-table table{width:100%;border-collapse:collapse}.gift-network-table th,.gift-network-table td{padding:12px;text-align:left;border-bottom:1px solid #ffffff20;color:#e1e1e1}.gift-network-table th{font-weight:600;color:#ffffff80;background-color:#ffffff10}.gift-network-table tr{transition:background-color .2s}.gift-network-table tr:hover{background-color:#ffffff10}.gift-network-table tr.suspicious{background-color:#ff000015}.gift-network-table .warning{color:#ff4e50;font-weight:600}.purchase-history-table{width:100%;overflow-x:auto;margin:15px 0;background-color:#1a1a2e;border-radius:8px;padding:15px}.purchase-history-table table{width:100%;border-collapse:collapse}.purchase-history-table th,.purchase-history-table td{padding:12px;text-align:left;border-bottom:1px solid #ffffff20;color:#e1e1e1}.purchase-history-table th{font-weight:600;color:#ffffff80;background-color:#ffffff10}.purchase-history-table tr{transition:background-color .2s}.purchase-history-table tr:hover{background-color:#ffffff10}.purchase-history-table tr.success{background-color:#28a74510}.purchase-history-table tr.error{background-color:#dc354510}.purchase-history-table .status{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:4px;font-size:12px}.purchase-history-table .status.complete{background-color:#28a74520;color:#28a745}.purchase-history-table .status.failed{background-color:#dc354520;color:#dc3545}.purchase-history-table .status.pending{background-color:#ffc10720;color:#ffc107}.purchase-history-table .platform{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;background-color:#ffffff15;color:#e1e1e1}.purchase-history-table .platform.ios{background-color:#00000040}.purchase-history-table .platform.android{background-color:#a4c63920}.status.verified{color:#00b341;padding:6px 12px;border-radius:20px;display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(0,179,65,.3)}.status.verified .phone-number{font-size:12px;margin-left:5px;opacity:.8}.status.verified i{color:#00b341}.status.unverified{background-color:#ff4e5026;color:#ff4e50;padding:6px 12px;border-radius:20px;display:inline-flex;align-items:center;gap:6px}.status i{font-size:14px}.status.unverified i{color:#ff4e50}.user-profile-modal .detail-group{margin-bottom:24px;background:linear-gradient(180deg,#fff,#f8fafc);border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000f,0 0 0 1px #0000000a;border:1px solid #e2e8f0;transition:all .2s ease}.user-profile-modal .detail-group:hover{box-shadow:0 4px 12px #00000014,0 0 0 1px #4a6cf71a;transform:translateY(-1px)}.user-profile-modal .profile-tab .detail-row{display:flex;align-items:flex-start;margin-bottom:14px;font-size:.95rem;text-align:left;padding:10px 0;border-bottom:1px solid #f1f5f9}.user-profile-modal .profile-tab .detail-row:last-child{border-bottom:none;margin-bottom:0}.user-profile-modal .profile-tab .detail-label{width:160px;min-width:160px;font-weight:600;color:#475569;text-align:left;display:flex;align-items:center;gap:6px}.user-profile-modal .profile-tab .detail-value{flex:1;color:#1e293b;margin-left:0;text-align:left;word-break:break-word;font-weight:500}.user-profile-modal .detail-group h4{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:18px;font-size:1.1rem;font-weight:600;color:#1e293b;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.user-profile-modal .detail-group h4 i{color:#4a6cf7;margin-right:8px}.user-profile-modal .detail-group h4 .edit-actions{display:flex;gap:10px;flex-wrap:wrap}.edit-rewards-btn{background:none;border:none;color:#007bff;font-size:14px;cursor:pointer;padding:5px 10px;border-radius:4px;transition:all .2s}.edit-rewards-btn:hover{background-color:#007bff1a}.edit-actions{display:flex;gap:10px}.save-btn,.cancel-btn{border:none;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:5px;transition:all .2s}.save-btn{background-color:#28a745;color:#fff}.save-btn:hover{background-color:#218838}.cancel-btn{background-color:#dc3545;color:#fff}.cancel-btn:hover{background-color:#c82333}.user-profile-modal .detail-value input[type=text]{width:120px;padding:5px;border:1px solid #ced4da;border-radius:4px;font-size:14px}.user-profile-modal .detail-value input[type=text]:focus{outline:none;border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}.user-profile-modal .detail-value input[type=number]{width:120px;padding:5px;border:1px solid #ced4da;border-radius:4px;font-size:14px;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.user-profile-modal .detail-value input[type=number]::-webkit-outer-spin-button,.user-profile-modal .detail-value input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.user-profile-modal .detail-value input[type=number]:focus{outline:none;border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}.password-input-container{display:flex;gap:10px;align-items:center;flex-wrap:wrap;width:100%}.admin-password-input{padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;flex:1;min-width:150px;max-width:250px}.admin-password-input:focus{outline:none;border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}.password-input-container .save-btn{padding:5px 15px}@media screen and (max-width:768px){.user-profile-modal .detail-group h4{flex-direction:column;align-items:flex-start}.user-profile-modal .profile-tab .detail-row{flex-direction:column;gap:4px;margin-bottom:12px}.user-profile-modal .profile-tab .detail-label{width:100%;min-width:100%}.edit-actions{width:100%;justify-content:flex-start}.password-input-container{width:100%;margin-top:10px}.admin-password-input{width:100%;max-width:none}.save-btn,.cancel-btn{padding:8px 15px}.user-profile-modal .detail-value input[type=number]{width:100%;max-width:200px}}@media screen and (max-width:480px){.edit-actions{flex-direction:column;gap:8px}.password-input-container{flex-direction:column}.save-btn,.cancel-btn,.edit-rewards-btn{width:100%;justify-content:center}}.user-profile-modal .user-profile-actions{display:flex;flex-direction:column;gap:8px;margin-top:12px;width:100%;padding:0}.user-profile-modal .user-profile-actions .ban-btn,.user-profile-modal .user-profile-actions .unban-btn{font-size:.8rem;padding:7px 12px;border-radius:6px}.reset-images-btn{background-color:#ff6b6b;color:#fff;border:none;padding:10px 16px;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:8px;transition:all .3s ease;width:100%;justify-content:center}.reset-images-btn:hover{background-color:#ff5252;transform:translateY(-1px)}.reset-images-btn:disabled{background-color:#ff9e9e;cursor:not-allowed;transform:none}.reset-images-btn i{font-size:14px}.kyc-documents{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:var(--card-bg);border-radius:12px;box-shadow:0 2px 8px #0000000d}.kyc-document-card{background:#fff;border-radius:8px;padding:1rem;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.kyc-document-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.document-header{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.05)}.document-info{display:flex;align-items:center;gap:1rem;flex:1}.document-info h5{margin:0;font-size:.9rem;font-weight:600;color:var(--text-primary)}.document-country{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary)}.country-flag{width:18px;height:auto;border-radius:2px}.document-status{padding:.35rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;display:flex;align-items:center;gap:.4rem}.document-status i{font-size:.75rem}.document-status.pending{background-color:#fff8e1;color:#f57c00}.document-status.active{background-color:#e8f5e9;color:#2e7d32}.document-status.inactive{background-color:#ffebee;color:#c62828}.document-status.review{background-color:#e3f2fd;color:#1565c0}.document-images{display:flex;gap:1rem;margin-top:1rem;overflow-x:auto;padding:.5rem;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.document-images::-webkit-scrollbar{height:4px}.document-images::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.document-images::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.document-image-container{flex:0 0 auto;width:180px}.document-image-container h6{margin:0 0 .5rem;font-size:.8rem;color:var(--text-secondary);font-weight:500}.document-image{width:100%;height:120px;object-fit:cover;border-radius:6px;cursor:pointer;transition:transform .2s ease;border:1px solid rgba(0,0,0,.1)}.document-image:hover{transform:scale(1.05)}.rejection-reason{margin:.5rem 0 0;color:#c62828;display:flex;align-items:center;gap:.4rem;font-size:.8rem;padding:.5rem;background-color:#ffebee;border-radius:6px}.rejection-reason i{font-size:.9rem}.document-date{font-size:.8rem;color:var(--text-secondary);display:flex;align-items:center;gap:.4rem;margin-top:.5rem}.document-date i{font-size:.9rem;opacity:.7}.no-documents{text-align:center;padding:2rem;color:var(--text-secondary);background:#f8f9fa;border-radius:8px;margin:1rem 0}.no-documents i{font-size:2rem;margin-bottom:1rem;opacity:.5}.loading-spinner{text-align:center;padding:2rem;color:var(--text-secondary)}.loading-spinner i{font-size:1.5rem;margin-right:.5rem}@media(max-width:768px){.document-header{flex-direction:column;align-items:flex-start;gap:.5rem}.document-info{flex-wrap:wrap}.document-images{margin-top:.5rem}.document-image-container{width:140px}.document-image{height:100px}}.user-profile-modal .kyc-documents{padding:.75rem;background:#f8fafc}.user-profile-modal .kyc-document-card{padding:.75rem}.user-profile-modal .kyc-document-card .document-header{display:flex;flex-direction:column;align-items:stretch;gap:.75rem;padding-bottom:0;border-bottom:none}.user-profile-modal .kyc-document-card .document-info{display:flex;flex-direction:column;align-items:flex-start;gap:.45rem;width:100%}.user-profile-modal .kyc-document-card .document-info h5{font-size:.95rem}.user-profile-modal .kyc-document-card .document-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.5rem;width:100%;margin-top:.25rem;padding:0;overflow:visible}.user-profile-modal .kyc-document-card .document-image-container{width:auto;min-width:0}.user-profile-modal .kyc-document-card .document-image-container h6{margin-bottom:.35rem;font-size:.75rem;font-weight:600}.user-profile-modal .kyc-document-card .document-image{height:165px;width:100%;object-fit:cover}.user-profile-modal .kyc-document-card .document-date{margin-top:.15rem;align-self:flex-start}@media(max-width:768px){.user-profile-modal .kyc-document-card .document-images{grid-template-columns:repeat(2,minmax(0,1fr))}.user-profile-modal .kyc-document-card .document-image{height:155px}}@media(max-width:576px){.user-profile-modal .kyc-document-card .document-images{grid-template-columns:1fr}.user-profile-modal .kyc-document-card .document-image{height:190px}}.user-profile-modal .premium-badge{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ffc107,#ff9800);color:#212529;font-size:.65rem;font-weight:700;padding:2px 10px;border-radius:10px;white-space:nowrap;box-shadow:0 2px 8px #ffc10766;z-index:2}.user-profile-modal .status-badge{display:inline-block;font-size:.75rem;font-weight:600;padding:3px 10px;border-radius:10px;margin-bottom:8px}.user-profile-modal .status-badge.active{background-color:#10b98126;color:#10b981}.user-profile-modal .status-badge.banned{background-color:#ef444426;color:#ef4444}.user-profile-modal .status-badge.suspended{background-color:#f59e0b26;color:#f59e0b}.user-profile-modal .user-username{color:#ffffff80;margin:0 0 4px;font-size:.85rem}.user-profile-modal .user-info-summary .user-id{color:#fff6;font-size:.75rem;margin:0 0 8px;text-align:center;display:block;background:transparent;border:0;padding:0;border-radius:0}.user-profile-modal .user-info-summary .user-public-id{color:#ffffff4d;font-size:.7rem;margin:0 0 8px;word-break:break-all;text-align:center;display:block}.user-profile-modal .user-info-summary .user-public-id i,.user-profile-modal .user-info-summary .user-id i{margin-right:6px;opacity:.6;display:inline-block}.user-profile-modal .profile-tab{display:flex;flex-direction:column;gap:0;min-width:0;text-align:left;align-items:stretch}.referrer-card{display:flex;align-items:center;gap:14px;padding:16px;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:12px;border:1px solid #e2e8f0;transition:all .2s ease;cursor:pointer;box-shadow:0 2px 6px #0000000a}.referrer-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-color:#4a6cf7}.referrer-card img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:3px solid #e2e8f0;box-shadow:0 2px 6px #0000001a;transition:all .2s ease}.referrer-card:hover img{border-color:#4a6cf7;transform:scale(1.05)}.referrer-card div{display:flex;flex-direction:column;gap:4px}.referrer-card strong{font-size:.95rem;color:#1e293b;font-weight:600}.referrer-card span{font-size:.85rem;color:#64748b;font-weight:500}.table-container{width:100%;overflow-x:auto;background-color:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000a}.table-container table{width:100%;border-collapse:collapse;font-size:.9rem}.table-container th{background:linear-gradient(180deg,#f8fafc,#f1f5f9);font-weight:600;color:#475569;padding:14px 16px;text-align:left;border-bottom:2px solid #e2e8f0;white-space:nowrap;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.table-container td{padding:12px 16px;border-bottom:1px solid #f1f5f9;color:#1e293b;vertical-align:middle;font-weight:500}.table-container tr{transition:all .2s ease}.table-container tr:hover{background-color:#f8fafc;transform:scale(1.01)}.table-container tr:last-child td{border-bottom:none}@media(max-width:768px){.table-container{overflow-x:visible;border:none;box-shadow:none;background:transparent;display:flex;flex-direction:column;gap:12px}.table-container table{display:block}.table-container table thead{display:none}.table-container table tbody{display:flex;flex-direction:column;gap:12px}.table-container table tbody tr{display:flex;flex-direction:column;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000f;padding:16px;transition:all .2s ease}.table-container table tbody tr:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#4a6cf7}.table-container table tbody tr td{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 0;border-bottom:1px solid #f1f5f9;border-left:none;border-right:none;border-top:none;width:100%;gap:12px}.table-container table tbody tr td:last-child{border-bottom:none;padding-bottom:0}.table-container table tbody tr td:first-child{padding-top:0}.table-container table tbody tr td:before{content:attr(data-label);font-weight:600;color:#64748b;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;min-width:90px;text-align:left}.table-container table tbody tr td{flex-direction:row;align-items:center}.table-container table tbody tr td>*{flex:1;text-align:right;word-break:break-word}.table-container table tbody tr td strong{text-align:right}.table-container table tbody tr td .referral-user-cell{text-align:right;justify-content:flex-end;flex-direction:row-reverse}.table-container table tbody tr td .referral-user-info{text-align:right;align-items:flex-end}}.boosts-tab h4,.withdrawals-tab h4{margin:0 0 16px;color:#1e293b;font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.boosts-tab h4 i,.withdrawals-tab h4 i{color:#4a6cf7}.boosts-tab,.withdrawals-tab,.referrals-tab,.sessions-tab{min-width:0}.referrals-tab h4{margin:0 0 16px;color:#1e293b;font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.referrals-tab h4 i{color:#4a6cf7}.user-profile-modal .referral-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:16px 0 20px}.user-profile-modal .referral-summary-card{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:12px;border:1px solid #e2e8f0;background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:0 2px 6px #0000000a;transition:all .2s ease}.user-profile-modal .referral-summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-color:#4a6cf7}.user-profile-modal .referral-summary-label{font-size:.75rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.user-profile-modal .referral-summary-card strong{font-size:1.2rem;color:#1e293b;line-height:1.3;font-weight:700}.user-profile-modal .referral-table-container{margin-top:10px}.user-profile-modal .referral-row{cursor:pointer}.user-profile-modal .referral-user-cell{display:flex;align-items:center;gap:10px}.user-profile-modal .referral-user-cell img{width:36px;height:36px;border-radius:50%;object-fit:cover;border:1px solid #e5e7eb}.user-profile-modal .referral-user-info{display:flex;flex-direction:column;min-width:0}.user-profile-modal .referral-user-info strong{font-size:.85rem;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-profile-modal .referral-user-info span{font-size:.75rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.referrals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:10px}.referral-card{display:flex;align-items:center;gap:14px;padding:16px;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:12px;border:1px solid #e2e8f0;transition:all .2s ease;box-shadow:0 2px 6px #0000000a}.referral-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px);border-color:#4a6cf7}.referral-card img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:3px solid #e2e8f0;box-shadow:0 2px 6px #0000001a;transition:all .2s ease}.referral-card:hover img{border-color:#4a6cf7;transform:scale(1.05)}.referral-info{display:flex;flex-direction:column;flex:1;min-width:0;gap:4px}.referral-info strong{font-size:.9rem;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.referral-info span{font-size:.8rem;color:#64748b;font-weight:500}.referral-stats{font-weight:500;color:#007bff!important}.referral-date{font-size:.7rem!important;color:#adb5bd!important}.sessions-tab h4{margin:0 0 16px;color:#1e293b;font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.sessions-tab h4 i{color:#4a6cf7}.sessions-list{display:flex;flex-direction:column;gap:10px}.session-card{display:flex;align-items:center;gap:14px;padding:16px;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:12px;border:1px solid #e2e8f0;transition:all .2s ease;overflow:hidden;box-shadow:0 2px 6px #0000000a}.session-card:hover{background:linear-gradient(135deg,#f8fafc,#fff);box-shadow:0 4px 12px #00000014;transform:translateY(-2px);border-color:#4a6cf7}.session-icon{width:48px;height:48px;background:linear-gradient(135deg,#4a6cf7,#7c3aed);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #4a6cf74d}.session-icon i{font-size:1.3rem;color:#fff}.session-details{display:flex;flex-direction:column;flex:1;min-width:0;overflow:hidden}.session-details strong{font-size:.9rem;color:#1e293b;margin-bottom:4px;word-break:break-word;font-weight:600}.session-details span{font-size:.8rem;color:#64748b;word-break:break-word;font-weight:500}.empty-message{text-align:center;padding:40px 20px;color:#64748b;font-size:.95rem;background:linear-gradient(135deg,#f8fafc,#fff);border-radius:12px;margin-top:16px;border:1px dashed #cbd5e0;font-weight:500}.status-pending,.status-active,.status-expired,.status-refunded,.status-completed,.status-failed,.status-cancelled{font-weight:500}@media(max-width:768px){.user-profile-modal .referral-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.referrals-grid{grid-template-columns:1fr}.user-profile-modal .tab-content{height:auto;min-height:fit-content;padding:12px;overflow:visible}.user-profile-modal .profile-tabs button{padding:12px 16px;font-size:.85rem;min-height:44px}.user-profile-modal .profile-tabs button i{font-size:.9rem}}@media(max-width:576px){.user-profile-modal .profile-tabs button{padding:14px 18px;font-size:.9rem;min-height:48px;gap:8px}.user-profile-modal .profile-tabs button i{font-size:1rem}.user-profile-modal .referral-summary-grid{grid-template-columns:1fr}.user-profile-modal .referral-user-cell img{width:32px;height:32px}.referral-card,.session-card{padding:10px}.user-profile-modal .tab-content{height:auto;max-height:none;overflow-y:visible}.user-profile-modal .premium-badge{font-size:.75rem;padding:4px 12px;bottom:-6px}}.push-notifications-screen{padding:1.5rem;max-width:900px;margin:0 auto}.push-header{margin-bottom:2rem}.push-header .header-content{display:flex;align-items:center;gap:1.25rem}.push-header .header-icon{width:64px;height:64px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #667eea4d}.push-header .header-icon i{font-size:1.75rem;color:#fff}.push-header .header-text h1{margin:0;font-size:1.75rem;font-weight:700;color:#1a202c}.push-header .header-text p{margin:.25rem 0 0;color:#718096;font-size:.95rem}.success-banner{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;padding:1rem 1.5rem;border-radius:12px;display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;animation:slideDown .3s ease;box-shadow:0 4px 12px #48bb784d}.success-banner i{font-size:1.25rem}.push-form-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.push-form-card .card-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:1.25rem 1.5rem;display:flex;align-items:center;gap:.75rem;color:#fff}.push-form-card .card-header i{font-size:1.25rem}.push-form-card .card-header h2{margin:0;font-size:1.15rem;font-weight:600}.push-form{padding:1.5rem}.form-section{margin-bottom:1.75rem;position:relative}.section-label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#2d3748;margin-bottom:.75rem;font-size:.95rem}.section-label i{color:#667eea;font-size:.9rem}.target-options{display:flex;gap:1rem;flex-wrap:wrap}.target-option{flex:1;min-width:200px;background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;padding:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.75rem;position:relative}.target-option:hover{border-color:#667eea;background:#f0f4ff}.target-option.active{border-color:#667eea;background:linear-gradient(135deg,#667eea1a,#764ba21a)}.target-option .option-icon{width:44px;height:44px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000000f}.target-option .option-icon i{font-size:1.1rem;color:#667eea}.target-option .option-info{flex:1}.target-option .option-label{display:block;font-weight:600;color:#2d3748;font-size:.95rem}.target-option .option-desc{display:block;font-size:.8rem;color:#718096;margin-top:.25rem}.target-option .option-check{position:absolute;top:.5rem;right:.5rem;color:#667eea;font-size:1rem}.form-input,.form-textarea{width:100%;padding:.875rem 1rem;border:2px solid #e2e8f0;border-radius:10px;font-size:.95rem;transition:all .2s ease;background:#f7fafc;color:#2d3748}.form-input:focus,.form-textarea:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea26}.form-input::placeholder,.form-textarea::placeholder{color:#a0aec0}.form-textarea{resize:vertical;min-height:120px}.char-count{position:absolute;bottom:-1.25rem;right:0;font-size:.75rem;color:#a0aec0}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.template-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1rem;cursor:pointer;transition:all .2s ease;display:flex;gap:1rem;align-items:flex-start}.template-card:hover{background:#fff;border-color:#667eea;box-shadow:0 4px 12px #667eea1a;transform:translateY(-2px)}.template-icon{width:40px;height:40px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.template-icon i{color:#667eea;font-size:1.1rem}.template-info{flex:1;min-width:0}.template-title{display:block;font-weight:600;color:#2d3748;font-size:.95rem;margin-bottom:.25rem}.template-preview{display:block;font-size:.85rem;color:#718096;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#f7fafc;border:2px solid #e2e8f0;border-radius:10px;color:#4a5568;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.btn-secondary:hover:not(:disabled){background:#edf2f7;border-color:#cbd5e0}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-send{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #667eea4d}.btn-send:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-send:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:768px){.push-notifications-screen{padding:1rem}.target-options{flex-direction:column}.target-option{min-width:unset}.form-actions{flex-direction:column}.btn-secondary,.btn-send{width:100%;justify-content:center}}.server-management{padding:20px;max-width:1400px;margin:0 auto}.server-management-loading{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:1.1rem;color:#6c757d}.server-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.server-header h1{margin:0;font-size:1.8rem;color:#2c3e50;display:flex;align-items:center;gap:12px}.server-header h1 i{color:#3498db}.server-refresh button{padding:10px 20px;background-color:#3498db;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.95rem;display:flex;align-items:center;gap:8px;transition:all .3s ease}.server-refresh button:hover{background-color:#2980b9;transform:translateY(-2px);box-shadow:0 4px 8px #3498db4d}.action-message{padding:12px 20px;border-radius:6px;margin-bottom:20px;display:flex;align-items:center;gap:10px;font-weight:500;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.action-message.success{background-color:#d4edda;color:#155724;border-left:4px solid #28a745}.action-message.error{background-color:#f8d7da;color:#721c24;border-left:4px solid #dc3545}.server-tabs{display:flex;gap:10px;margin-bottom:25px;border-bottom:2px solid #e9ecef;flex-wrap:wrap}.server-tabs button{padding:12px 24px;background:none;border:none;border-bottom:3px solid transparent;color:#6c757d;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;white-space:nowrap;flex-shrink:0}.server-tabs button:hover{color:#495057;background-color:#3498db0d}.server-tabs button.active{color:#3498db;border-bottom-color:#3498db}.server-content{background-color:#fff;border-radius:8px;padding:25px;box-shadow:0 2px 8px #0000000d}.overview-tab{display:flex;flex-direction:column;gap:24px}.overview-hero{border-radius:14px;padding:24px;background:radial-gradient(circle at right top,rgba(56,189,248,.22),transparent 45%),radial-gradient(circle at left bottom,rgba(59,130,246,.18),transparent 40%),linear-gradient(135deg,#0f172a,#1e293b);color:#f8fafc;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;box-shadow:0 10px 24px #0f172a38}.overview-hero-main h2{margin:0;font-size:1.7rem;font-weight:700}.overview-hero-main p{margin:8px 0 0;color:#f8fafcd1;font-size:.95rem}.overview-eyebrow{display:inline-block;margin-bottom:10px;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#bfdbfef2}.overview-hero-chips{display:flex;gap:12px;align-items:stretch;flex-wrap:wrap}.overview-chip{min-width:130px;border-radius:10px;padding:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);display:flex;flex-direction:column;gap:4px}.overview-chip span{font-size:.78rem;color:#dbeafef2}.overview-chip strong{font-size:1.1rem;font-weight:700;color:#f8fafc}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.usage-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:24px}.usage-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000d;border:1px solid #e2e8f0}.usage-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.usage-card-title{margin:0;font-size:.95rem;font-weight:700;color:#334155;text-transform:uppercase;letter-spacing:.05em}.usage-badge{padding:4px 12px;border-radius:12px;font-size:.9rem;font-weight:600;color:#fff}.usage-badge.success{background-color:#10b981}.usage-badge.warning{background-color:#f59e0b}.usage-badge.danger{background-color:#ef4444}.usage-progress-bar{width:100%;height:10px;background-color:#e2e8f0;border-radius:10px;overflow:hidden;margin-bottom:12px}.usage-progress-fill{height:100%;border-radius:10px;transition:width .5s ease}.usage-progress-fill.success{background-color:#10b981}.usage-progress-fill.warning{background-color:#f59e0b}.usage-progress-fill.danger{background-color:#ef4444}.usage-card-info{font-size:.85rem;color:#64748b;margin-top:8px}.stat-card{display:flex;align-items:center;gap:14px;padding:20px;background:linear-gradient(180deg,#fff,#f8fafc);border-radius:12px;border:1px solid #e2e8f0;transition:all .3s ease;box-shadow:0 4px 14px #0f172a0d}.stat-card:hover{transform:translateY(-3px);box-shadow:0 10px 22px #0f172a1a;border-color:#cbd5e1}.stat-card-uptime{background:linear-gradient(180deg,#fff,#eef4ff);border-color:#dbeafe}.stat-card-memory{background:linear-gradient(180deg,#fff,#ecfeff);border-color:#ccfbf1}.stat-card-cpu{background:linear-gradient(180deg,#fff,#fff7ed);border-color:#fed7aa}.stat-card-database{background:linear-gradient(180deg,#fff,#f5f3ff);border-color:#ddd6fe}.stat-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#fff;flex-shrink:0}.stat-icon i{color:#fff}.stat-icon.uptime{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.stat-icon.memory{background:linear-gradient(135deg,#14b8a6,#0f766e)}.stat-icon.cpu{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon.database{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.stat-info{display:flex;flex-direction:column;gap:4px;flex:1}.stat-label{font-size:.8rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:1.4rem;font-weight:700;color:#0f172a}.stat-card-uptime .stat-value{color:#1d4ed8}.stat-card-memory .stat-value{color:#0f766e}.stat-card-cpu .stat-value{color:#b45309}.stat-card-database .stat-value{color:#6d28d9}.stat-detail{font-size:.82rem;color:#64748b}.quick-access-section{margin:24px 0}.section-title{margin:0 0 16px;font-size:1.1rem;color:#0f172a;display:flex;align-items:center;gap:8px;font-weight:600}.section-title i{color:#3498db}.quick-access-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.quick-access-card{background:#fff;border-radius:12px;padding:20px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000d;display:flex;align-items:flex-start;gap:16px;transition:all .3s ease}.quick-access-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#cbd5e1}.quick-access-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:#fff;flex-shrink:0}.quick-access-icon.phpmyadmin{background:linear-gradient(135deg,#667eea,#764ba2)}.quick-access-icon.api{background:linear-gradient(135deg,#f093fb,#f5576c)}.quick-access-icon.database{background:linear-gradient(135deg,#4facfe,#00f2fe)}.quick-access-content{flex:1;min-width:0}.quick-access-content h4{margin:0 0 4px;font-size:1rem;font-weight:700;color:#0f172a}.quick-access-content p{margin:0 0 12px;font-size:.85rem;color:#64748b;word-break:break-all}.quick-access-content p.api-url{font-family:Courier New,monospace;font-size:.8rem;background:#f1f5f9;padding:4px 8px;border-radius:4px;word-break:break-all}.quick-access-btn{padding:6px 12px;background-color:#3498db;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease}.quick-access-btn:hover{background-color:#2980b9;transform:scale(1.05)}.quick-access-btn i{font-size:.75rem}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px}.detail-card{background-color:#fff;border-radius:12px;padding:20px;border:1px solid #e2e8f0;box-shadow:0 4px 14px #0f172a0a}.detail-card h3{margin:0 0 15px;font-size:1.1rem;color:#0f172a;display:flex;align-items:center;gap:8px;padding-bottom:10px;border-bottom:1px solid #e2e8f0}.detail-card h3 i{color:#2563eb}.detail-rows{display:flex;flex-direction:column;gap:10px}.detail-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f1f5f9}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:600;color:#334155;font-size:.9rem}.detail-value{color:#0f172a;font-size:.9rem;text-align:right;word-break:break-word}.disk-tab h2{margin:0 0 20px;font-size:1.4rem;color:#0f172a;display:flex;align-items:center;gap:10px}.disk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px}.disk-card{background:#fff;border-radius:12px;padding:16px;color:#0f172a;border:1px solid #e2e8f0;border-left:4px solid #22c55e;box-shadow:0 6px 16px #0f172a0f;transition:all .3s ease}.disk-card.warning{border-left-color:#f59e0b}.disk-card.critical{border-left-color:#ef4444}.disk-card:hover{transform:translateY(-3px);box-shadow:0 12px 22px #0f172a1a}.disk-header{display:flex;align-items:center;margin-bottom:12px}.disk-icon{width:36px;height:36px;background:linear-gradient(135deg,#0ea5e9,#2563eb);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#fff;flex-shrink:0}.disk-name-wrap{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0;justify-content:center}.disk-name{font-size:.95rem;font-weight:700;color:#0f172a;line-height:1.2;margin:0}.disk-status-pill{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:.7rem;font-weight:700;color:#0369a1;background:#e0f2fe;width:fit-content;line-height:1;white-space:nowrap}.disk-card.warning .disk-status-pill{background:#fef3c7;color:#92400e}.disk-card.critical .disk-status-pill{background:#fee2e2;color:#991b1b}.disk-stats{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.disk-stat{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f1f5f9}.disk-stats-compact{display:flex;flex-direction:row;gap:16px;margin-bottom:12px;flex-wrap:wrap}.disk-stat-compact{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.disk-label{font-size:.9rem;color:#64748b}.disk-label-compact{font-size:.8rem;color:#64748b;white-space:nowrap}.disk-value{font-weight:600;color:#0f172a;font-size:.85rem;white-space:nowrap}.disk-value.used{color:#b45309}.disk-value.free{color:#15803d}.disk-progress{margin-top:8px}.progress-bar{height:8px;background-color:#e2e8f0;border-radius:8px;overflow:hidden}.progress-fill{height:100%;border-radius:10px;transition:width .5s ease;background:linear-gradient(90deg,#22c55e,#16a34a)}.disk-card.warning .progress-fill{background:linear-gradient(90deg,#f59e0b,#d97706)}.disk-card.critical .progress-fill{background:linear-gradient(90deg,#ef4444,#dc2626)}.progress-label{font-size:.85rem;color:#475569}@media(max-width:768px){.disk-stats-compact{flex-direction:column;gap:8px}.disk-stat-compact{justify-content:space-between}}.backup-tab{display:flex;flex-direction:column;gap:20px}.backup-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:2px solid #e9ecef}.backup-header h2{margin:0;font-size:1.4rem;color:#2c3e50;display:flex;align-items:center;gap:10px}.create-backup-btn{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;display:flex;align-items:center;gap:8px;transition:all .3s ease}.create-backup-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.create-backup-btn:disabled{opacity:.6;cursor:not-allowed}.backups-list{min-height:200px}.no-backups{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6c757d}.no-backups i{font-size:4rem;margin-bottom:15px;opacity:.3}.no-backups p{font-size:1.1rem;margin:0}.backups-table{overflow-x:auto}.backups-table table{width:100%;border-collapse:collapse}.backups-table th{background-color:#f8f9fa;padding:12px 15px;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6}.backups-table td{padding:12px 15px;border-bottom:1px solid #e9ecef;color:#212529}.backups-table tr:hover{background-color:#f8f9fa}.backups-table td i{margin-right:8px;color:#6c757d}.backup-actions{display:flex;gap:8px}.backup-actions button{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.download-btn{background-color:#3498db;color:#fff}.download-btn:hover{background-color:#2980b9;transform:scale(1.05)}.delete-btn{background-color:#e74c3c;color:#fff}.delete-btn:hover{background-color:#c0392b;transform:scale(1.05)}.upload-btn{background-color:#27ae60;color:#fff}.upload-btn:hover{background-color:#229954;transform:scale(1.05)}.pm2-tab{display:flex;flex-direction:column;gap:20px}.pm2-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:2px solid #e9ecef}.pm2-header h2{margin:0;font-size:1.4rem;color:#2c3e50;display:flex;align-items:center;gap:10px}.refresh-pm2-btn{padding:10px 20px;background-color:#3498db;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.95rem;display:flex;align-items:center;gap:8px;transition:all .3s ease}.refresh-pm2-btn:hover{background-color:#2980b9;transform:translateY(-2px)}.no-processes{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6c757d}.no-processes i{font-size:4rem;margin-bottom:15px;opacity:.3}.pm2-table{overflow-x:auto}.pm2-table table{width:100%;border-collapse:collapse}.pm2-table th{background-color:#f8f9fa;padding:12px 15px;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6}.pm2-table td{padding:12px 15px;border-bottom:1px solid #e9ecef;color:#212529}.pm2-table tr:hover{background-color:#f8f9fa}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;color:#fff;font-size:.85rem;font-weight:600;text-transform:capitalize}.pm2-actions{display:flex;gap:6px}.pm2-btn{padding:6px 10px;border:none;border-radius:4px;cursor:pointer;color:#fff;font-size:.9rem;transition:all .2s ease}.pm2-btn:hover{transform:scale(1.1)}.pm2-btn.start{background-color:#27ae60}.pm2-btn.stop{background-color:#e74c3c}.pm2-btn.restart{background-color:#f39c12}.pm2-btn.logs{background-color:#3498db}.pm2-btn.delete{background-color:#95a5a6}.pm2-btn.start:hover{background-color:#229954}.pm2-btn.stop:hover{background-color:#c0392b}.pm2-btn.restart:hover{background-color:#d68910}.pm2-btn.logs:hover{background-color:#2980b9}.pm2-btn.delete:hover{background-color:#7f8c8d}.disk-section{margin-top:30px;padding-top:20px;border-top:2px solid #e9ecef}.disk-section h3{margin:0 0 20px;font-size:1.2rem;color:#2c3e50;display:flex;align-items:center;gap:10px}.folders-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.folder-card{display:flex;align-items:center;gap:12px;padding:15px;background:#fff;border:2px solid #e9ecef;border-radius:8px;border-left:4px solid #3498db;transition:all .3s ease}.folder-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-left-color:#2980b9}.folder-card i{font-size:2rem;color:#3498db}.folder-info{display:flex;flex-direction:column;gap:4px}.folder-name{font-weight:600;font-size:1rem;color:#2c3e50}.folder-size{font-size:.9rem;color:#6c757d}.large-files-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.large-file-item{display:flex;align-items:center;gap:12px;padding:10px 15px;background-color:#f8f9fa;border-radius:6px;border-left:3px solid #f39c12}.large-file-item i{color:#f39c12;font-size:1.2rem}.file-path{flex:1;font-size:.9rem;color:#495057;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{font-weight:600;color:#e74c3c;font-size:.9rem}.no-data{color:#6c757d;font-style:italic;padding:20px;text-align:center}.cleanup-actions{display:flex;gap:15px;flex-wrap:wrap}.cleanup-btn{padding:12px 24px;border:none;border-radius:6px;cursor:pointer;color:#fff;font-size:1rem;font-weight:500;display:flex;align-items:center;gap:10px;transition:all .3s ease}.cleanup-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.cleanup-btn.temp{background:linear-gradient(135deg,#e74c3c,#c0392b)}.cleanup-btn.logs{background:linear-gradient(135deg,#f39c12,#d68910)}.cleanup-btn.npm{background:linear-gradient(135deg,#e74c3c,#c0392b)}.logs-tab{display:flex;flex-direction:column;gap:20px}.logs-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;padding-bottom:15px;border-bottom:2px solid #e9ecef}.logs-header h2{margin:0;font-size:1.4rem;color:#2c3e50;display:flex;align-items:center;gap:10px}.logs-controls{display:flex;gap:10px;align-items:center}.log-type-select,.log-lines-select{padding:8px 12px;border:1px solid #dee2e6;border-radius:4px;background-color:#fff;color:#495057;font-size:.95rem;cursor:pointer}.refresh-logs-btn{padding:8px 16px;background-color:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.95rem;display:flex;align-items:center;gap:6px;transition:all .3s ease}.refresh-logs-btn:hover{background-color:#2980b9}.logs-viewer{background-color:#2c3e50;border-radius:8px;padding:20px;overflow:hidden}.logs-content{color:#ecf0f1;font-family:Courier New,Courier,monospace;font-size:.85rem;line-height:1.6;margin:0;max-height:600px;overflow-y:auto;white-space:pre-wrap;word-wrap:break-word}.auto-backup-status{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:25px;margin-bottom:30px;box-shadow:0 2px 8px #0000000d}.auto-backup-status .status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e9ecef;flex-wrap:wrap;gap:15px}.auto-backup-status .status-title{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.auto-backup-status .status-header h3{margin:0;font-size:1.3rem;display:flex;align-items:center;gap:10px;color:#2c3e50}.auto-backup-status .status-header h3 i{color:#3498db}.auto-backup-status .status-badge{padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:6px}.auto-backup-status .status-badge.active{background-color:#27ae60;color:#fff}.manual-backup-btn{padding:10px 20px;background-color:#3498db;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .3s ease}.manual-backup-btn:hover:not(:disabled){background-color:#2980b9;transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}.manual-backup-btn:disabled{opacity:.6;cursor:not-allowed}.auto-backup-status .status-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.auto-backup-status .status-item{display:flex;align-items:flex-start;gap:12px;background-color:#f8f9fa;padding:15px;border-radius:8px;border-left:3px solid #3498db;transition:all .3s ease}.auto-backup-status .status-item:hover{background-color:#e9ecef;transform:translate(4px)}.auto-backup-status .status-item i{font-size:1.5rem;color:#3498db;margin-top:2px}.auto-backup-status .status-item>div{display:flex;flex-direction:column;gap:4px}.auto-backup-status .status-item strong{font-size:.85rem;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.auto-backup-status .status-item span{font-size:1.1rem;font-weight:600;color:#2c3e50}.backup-section{margin-bottom:30px}.backups-grouped{display:flex;flex-direction:column;gap:15px}.backup-group{border:1px solid #e9ecef;border-radius:8px;overflow:hidden;background:#fff}.backup-group-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:#f8f9fa;border-bottom:1px solid #e9ecef;flex-wrap:wrap;gap:15px}.group-info{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none;flex:1}.group-info i{color:#6c757d;font-size:.9rem;transition:transform .3s ease}.group-info h4{margin:0;font-size:1.1rem;color:#2c3e50;display:flex;align-items:center;gap:10px}.group-count{font-size:.85rem;color:#6c757d;font-weight:400}.group-actions{display:flex;gap:10px}.group-download-btn,.group-delete-btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:6px;transition:all .3s ease}.group-download-btn{background-color:#3498db;color:#fff}.group-download-btn:hover{background-color:#2980b9;transform:translateY(-2px)}.group-delete-btn{background-color:#e74c3c;color:#fff}.group-delete-btn:hover{background-color:#c0392b;transform:translateY(-2px)}.backup-group-content{padding:0}.backup-group-content table{width:100%;border-collapse:collapse}.backup-group-content thead{background-color:#f8f9fa}.backup-group-content th{padding:12px 20px;text-align:left;font-weight:600;color:#495057;font-size:.9rem;border-bottom:1px solid #e9ecef}.backup-group-content td{padding:12px 20px;border-bottom:1px solid #f8f9fa;color:#212529;font-size:.9rem}.backup-group-content tr:last-child td{border-bottom:none}.backup-group-content tr:hover{background-color:#f8f9fa}.spaces-not-configured{display:flex;align-items:center;gap:15px;padding:20px;background-color:#fff3cd;border:1px solid #ffc107;border-radius:6px;color:#856404;margin-top:30px}.spaces-not-configured i{font-size:2rem}.spaces-not-configured p{margin:0;font-size:.95rem}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.modal-content{background-color:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-width:900px;width:100%;max-height:80vh;display:flex;flex-direction:column}.pm2-logs-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:2px solid #e9ecef}.pm2-logs-modal .modal-header h3{margin:0;font-size:1.3rem;color:#2c3e50;display:flex;align-items:center;gap:10px}.close-modal-btn{padding:8px 12px;background-color:#e74c3c;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1.2rem;transition:all .2s ease}.close-modal-btn:hover{background-color:#c0392b;transform:scale(1.1)}.pm2-logs-modal .modal-body{padding:25px;overflow-y:auto;flex:1}.pm2-logs-content{background-color:#2c3e50;color:#ecf0f1;font-family:Courier New,Courier,monospace;font-size:.85rem;line-height:1.6;margin:0;padding:15px;border-radius:6px;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}.database-tab{display:flex;flex-direction:column;gap:24px}.database-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:2px solid #e9ecef}.database-header h2{margin:0;font-size:1.4rem;color:#2c3e50;display:flex;align-items:center;gap:10px}.refresh-db-btn{padding:10px 20px;background-color:#3498db;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.95rem;display:flex;align-items:center;gap:8px;transition:all .3s ease}.refresh-db-btn:hover{background-color:#2980b9;transform:translateY(-2px)}.database-content{display:flex;flex-direction:column;gap:24px}.database-section{background:#fff;border-radius:12px;padding:20px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000d}.database-section h3{margin:0 0 16px;font-size:1.1rem;color:#0f172a;display:flex;align-items:center;gap:8px;font-weight:600;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.database-section h3 i{color:#3498db}.tables-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.table-card{display:flex;align-items:center;gap:12px;padding:14px;background:#f8f9fa;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease}.table-card:hover{background:#e9ecef;border-color:#3498db;transform:translateY(-2px)}.table-card.active{background:#e0f2fe;border-color:#3498db}.table-icon{width:36px;height:36px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;flex-shrink:0}.table-info{flex:1;min-width:0}.table-name{font-weight:700;font-size:.95rem;color:#0f172a;margin-bottom:4px}.table-meta{font-size:.75rem;color:#64748b;display:flex;gap:6px;align-items:center}.table-card .fa-chevron-right{color:#94a3b8;font-size:.8rem}.structure-table{overflow-x:auto}.structure-table table{width:100%;border-collapse:collapse;font-size:.85rem}.structure-table th{background-color:#f8f9fa;padding:10px;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6;white-space:nowrap}.structure-table td{padding:10px;border-bottom:1px solid #f1f5f9;color:#212529}.structure-table code{background:#f1f5f9;padding:2px 6px;border-radius:4px;font-size:.8rem;color:#e83e8c}.structure-table tr:hover{background-color:#f8f9fa}.close-structure-btn{margin-left:auto;padding:4px 8px;background:#e74c3c;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .2s ease}.close-structure-btn:hover{background:#c0392b}.query-runner{display:flex;flex-direction:column;gap:16px}.quick-queries{background:#f8f9fa;border-radius:8px;padding:16px;border:1px solid #e2e8f0}.quick-queries-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:12px}.quick-queries-header span{font-weight:600;color:#495057;display:flex;align-items:center;gap:6px}.quick-queries-header span i{color:#3498db}.table-select{padding:6px 12px;border:1px solid #dee2e6;border-radius:6px;background:#fff;color:#495057;font-size:.9rem;cursor:pointer;min-width:150px}.table-select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.quick-query-buttons{display:flex;flex-wrap:wrap;gap:8px}.quick-query-btn{padding:8px 14px;background:#fff;border:1px solid #dee2e6;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;color:#495057;display:flex;align-items:center;gap:6px;transition:all .2s ease}.quick-query-btn:hover:not(:disabled){background:#3498db;color:#fff;border-color:#3498db;transform:translateY(-1px)}.quick-query-btn:disabled{opacity:.5;cursor:not-allowed}.quick-query-btn i{font-size:.75rem}.query-input-wrapper{display:flex;flex-direction:column;gap:12px}.query-input{width:100%;padding:12px;border:1px solid #dee2e6;border-radius:6px;font-family:Courier New,monospace;font-size:.9rem;resize:vertical;min-height:100px}.query-input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.query-actions{display:flex;gap:10px;align-items:center}.execute-query-btn{padding:10px 20px;background-color:#27ae60;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .3s ease}.execute-query-btn:hover:not(:disabled){background-color:#229954;transform:translateY(-2px)}.execute-query-btn:disabled{opacity:.6;cursor:not-allowed}.clear-query-btn{padding:10px 20px;background-color:#95a5a6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;display:flex;align-items:center;gap:8px;transition:all .3s ease}.clear-query-btn:hover{background-color:#7f8c8d;transform:translateY(-2px)}.query-results{background:#f8f9fa;border-radius:8px;padding:16px;border:1px solid #e2e8f0}.query-results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #dee2e6}.query-results-header span{font-weight:600;color:#27ae60;display:flex;align-items:center;gap:6px}.clear-results-btn{padding:4px 8px;background:#e74c3c;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .2s ease}.clear-results-btn:hover{background:#c0392b}.query-results-table{overflow-x:auto;max-height:500px;overflow-y:auto}.query-results-table table{width:100%;border-collapse:collapse;font-size:.85rem}.query-results-table th{background-color:#fff;padding:8px;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6;position:sticky;top:0;z-index:1}.query-results-table td{padding:8px;border-bottom:1px solid #f1f5f9;color:#212529}.query-results-table tr:hover{background-color:#f8f9fa}.null-value{color:#94a3b8;font-style:italic}.no-results{padding:20px;text-align:center;color:#64748b}.results-limit{padding:8px;text-align:center;font-size:.8rem;color:#64748b;background:#e9ecef;border-radius:4px;margin-top:8px}.file-explorer-tab{display:flex;flex-direction:column;gap:20px}.file-explorer-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:2px solid #e9ecef;flex-wrap:wrap;gap:15px}.file-explorer-header h2{margin:0;font-size:1.4rem;color:#2c3e50;display:flex;align-items:center;gap:10px}.file-explorer-actions{display:flex;gap:10px}.home-btn,.refresh-files-btn{padding:10px 20px;background-color:#3498db;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.95rem;display:flex;align-items:center;gap:8px;transition:all .3s ease}.home-btn{background-color:#27ae60}.home-btn:hover{background-color:#229954;transform:translateY(-2px)}.refresh-files-btn:hover:not(:disabled){background-color:#2980b9;transform:translateY(-2px)}.refresh-files-btn:disabled{opacity:.6;cursor:not-allowed}.file-breadcrumb{display:flex;align-items:center;gap:10px;padding:12px;background:#f8f9fa;border-radius:8px;border:1px solid #e2e8f0}.breadcrumb-btn{padding:6px 12px;background:#fff;border:1px solid #dee2e6;border-radius:6px;cursor:pointer;font-size:.9rem;color:#495057;display:flex;align-items:center;gap:6px;transition:all .2s ease}.breadcrumb-btn:hover{background:#e9ecef;border-color:#3498db}.breadcrumb-path{flex:1}.path-input{width:100%;padding:8px 12px;border:1px solid #dee2e6;border-radius:6px;font-family:Courier New,monospace;font-size:.9rem}.path-input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.file-upload-section{display:flex;align-items:center;gap:15px;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #e2e8f0;flex-wrap:wrap}.upload-label{cursor:pointer}.upload-btn{padding:10px 20px;background-color:#27ae60;color:#fff;border-radius:6px;display:inline-flex;align-items:center;gap:8px;font-weight:500;transition:all .3s ease}.upload-btn:hover{background-color:#229954;transform:translateY(-2px)}.upload-hint{font-size:.85rem;color:#64748b}.file-list-container{background:#fff;border-radius:8px;border:1px solid #e2e8f0;overflow:hidden}.file-list-loading,.file-list-empty{padding:60px 20px;text-align:center;color:#64748b}.file-list-loading i,.file-list-empty i{font-size:3rem;margin-bottom:15px;opacity:.3}.file-list-empty p{margin:0;font-size:1.1rem}.file-list{overflow-x:auto}.file-table{width:100%;border-collapse:collapse}.file-table th{background-color:#f8f9fa;padding:12px;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6;font-size:.9rem}.file-table td{padding:12px;border-bottom:1px solid #f1f5f9;color:#212529;font-size:.9rem}.file-row-directory:hover,.file-row-file:hover{background-color:#f8f9fa}.file-name-cell{display:flex;align-items:center;gap:10px}.file-name-cell i{color:#3498db;font-size:1.1rem}.file-row-directory .file-name-cell i{color:#f59e0b}.file-name-link{color:#3498db;cursor:pointer;font-weight:500}.file-name-link:hover{text-decoration:underline}.file-type-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;background:#e9ecef;color:#495057}.file-row-directory .file-type-badge{background:#fff3cd;color:#856404}.file-actions{display:flex;gap:6px}.file-action-btn{padding:6px 10px;border:none;border-radius:4px;cursor:pointer;color:#fff;font-size:.85rem;transition:all .2s ease}.file-action-btn.download{background-color:#3498db}.file-action-btn.download:hover{background-color:#2980b9;transform:scale(1.1)}.file-action-btn.open{background-color:#27ae60}.file-action-btn.open:hover{background-color:#229954;transform:scale(1.1)}.file-editor-modal{max-width:90%;width:1200px;max-height:90vh}.file-editor-path{padding:10px 15px;background:#f8f9fa;border-radius:6px;margin-bottom:12px;font-family:Courier New,monospace;font-size:.85rem;color:#495057;display:flex;align-items:center;gap:8px}.file-editor-path i{color:#3498db}.file-editor-textarea{width:100%;min-height:500px;padding:15px;border:1px solid #dee2e6;border-radius:6px;font-family:Courier New,monospace;font-size:.9rem;line-height:1.6;resize:vertical;background:#fff;color:#212529}.file-editor-textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:15px 25px;border-top:1px solid #e2e8f0;background:#f8f9fa}.save-file-btn,.cancel-file-btn{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .3s ease}.save-file-btn{background-color:#27ae60;color:#fff}.save-file-btn:hover:not(:disabled){background-color:#229954;transform:translateY(-2px)}.save-file-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-file-btn{background-color:#95a5a6;color:#fff}.cancel-file-btn:hover{background-color:#7f8c8d;transform:translateY(-2px)}@media(max-width:768px){.server-management{padding:15px}.server-header{flex-direction:column;align-items:flex-start;gap:15px}.server-header h1{font-size:1.5rem}.stats-grid,.usage-cards-grid,.quick-access-grid{grid-template-columns:1fr}.quick-access-card{flex-direction:column;text-align:center}.quick-access-content{text-align:center}.overview-hero{padding:18px}.overview-hero-main h2{font-size:1.35rem}.overview-hero-chips{width:100%}.overview-chip{flex:1 1 120px}.details-grid,.disk-grid{grid-template-columns:1fr}.backup-header{flex-direction:column;align-items:flex-start;gap:15px}.create-backup-btn{width:100%;justify-content:center}.backups-table{font-size:.85rem}.backups-table th,.backups-table td{padding:8px 10px}.tables-grid{grid-template-columns:1fr}.database-header{flex-direction:column;align-items:flex-start;gap:15px}.query-results-table{max-height:300px}.quick-queries-header{flex-direction:column;align-items:flex-start}.table-select{width:100%}.quick-query-buttons{grid-template-columns:1fr}.quick-query-btn{width:100%;justify-content:center}.query-actions{flex-direction:column}.execute-query-btn,.clear-query-btn{width:100%;justify-content:center}.file-explorer-header{flex-direction:column;align-items:flex-start}.file-explorer-actions{width:100%}.home-btn,.refresh-files-btn{flex:1;justify-content:center}.file-breadcrumb{flex-direction:column;align-items:stretch}.breadcrumb-btn{width:100%;justify-content:center}.file-upload-section{flex-direction:column;align-items:stretch}.upload-btn{width:100%;justify-content:center}.file-table{font-size:.8rem}.file-table th,.file-table td{padding:8px}.file-editor-modal{max-width:95%;width:100%}.file-editor-textarea{min-height:300px;font-size:.85rem}.modal-footer{flex-direction:column}.save-file-btn,.cancel-file-btn{width:100%;justify-content:center}.server-tabs{flex-wrap:wrap}.server-tabs button{padding:10px 16px;font-size:.9rem}.terminal-header{padding:8px 10px}.terminal-header h2{font-size:.9rem}.terminal-container{min-height:300px}.terminal-output{max-height:250px;padding:8px 18px 8px 10px}.terminal-input-wrapper{padding:6px 10px}.terminal-input-wrapper{flex-direction:column;align-items:flex-start;padding-top:6px}.terminal-input-prompt{font-size:.7rem}.terminal-input{width:100%;font-size:.7rem;padding:5px 8px}.terminal-quick-commands{flex-direction:column;align-items:flex-start;padding:6px}.quick-cmd-btn{width:100%;text-align:left;padding:4px 6px}}@media(max-width:480px){.server-tabs{gap:5px;margin-bottom:15px}.server-tabs button{padding:8px 12px;font-size:.85rem}.server-tabs button i{font-size:.9rem}.terminal-header{flex-direction:column;align-items:flex-start;gap:8px;padding:8px}.terminal-header h2{font-size:.9rem}.clear-terminal-btn{padding:4px 8px;font-size:.7rem}.terminal-container{min-height:250px}.terminal-output{padding:8px}.terminal-input-wrapper{padding:6px 8px}.terminal-output{max-height:200px;margin-bottom:6px}.terminal-prompt-inline,.terminal-command,.terminal-output-text pre{font-size:.7rem}.terminal-input{padding:4px 8px;font-size:.7rem}.terminal-input-prompt{font-size:.7rem}.terminal-quick-commands{padding:6px;gap:4px}.quick-commands-label{font-size:.65rem}.quick-cmd-btn{padding:3px 6px;font-size:.65rem}}.terminal-tab{display:flex;flex-direction:column;gap:16px}.terminal-header{display:flex;justify-content:space-between;align-items:center;background:#0d1117;padding:10px 12px;border-radius:8px 8px 0 0;border-bottom:1px solid #21262d}.terminal-header h2{margin:0;font-size:1rem;color:#c9d1d9;display:flex;align-items:center;gap:8px}.clear-terminal-btn{padding:6px 12px;background-color:#21262d;color:#c9d1d9;border:1px solid #30363d;border-radius:4px;cursor:pointer;font-size:.8rem;display:flex;align-items:center;gap:4px;transition:all .3s ease}.clear-terminal-btn:hover{background-color:#30363d;border-color:#484f58}.terminal-info{padding:10px 15px;background:#1e1e1e;border-radius:6px;font-family:Courier New,monospace;border-bottom:1px solid #21262d}.terminal-prompt{color:#58a6ff;font-weight:600;font-size:.75rem}.terminal-path{color:#79c0ff}.terminal-prompt-symbol{color:#58a6ff;margin-left:2px}.terminal-container{background:#0d1117;border-radius:0 0 8px 8px;padding:10px 12px;min-height:400px;display:flex;flex-direction:column;font-family:Courier New,monospace;color:#c9d1d9;position:relative;border:1px solid #21262d;box-shadow:0 4px 12px #00000080}.terminal-output{flex:1;overflow-y:auto;margin-bottom:0;max-height:350px;scroll-behavior:smooth;padding:10px 20px 10px 12px;background:#0d1117}.terminal-output::-webkit-scrollbar{width:8px}.terminal-output::-webkit-scrollbar-track{background:#0d1117}.terminal-output::-webkit-scrollbar-thumb{background:#21262d;border-radius:4px}.terminal-output::-webkit-scrollbar-thumb:hover{background:#30363d}.terminal-welcome{color:#8b949e;padding:12px}.terminal-welcome p{margin:4px 0;color:#c9d1d9;font-size:.8rem}.terminal-hint{font-size:.7rem;color:#6e7681}.terminal-entry{margin-bottom:10px}.terminal-command-line{margin-bottom:2px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.terminal-prompt-inline{color:#58a6ff;font-weight:600;font-size:.75rem}.terminal-command{color:#c9d1d9;font-size:.75rem}.terminal-executing{color:#79c0ff;font-size:.75rem}.terminal-output-text{padding:4px 8px;background:#161b22;border-left:2px solid #21262d;border-radius:0;margin-left:12px;margin-top:2px;color:#c9d1d9}.terminal-output-text.error{color:#f85149;border-left-color:#f85149}.terminal-output-text pre{margin:0;white-space:pre-wrap;word-wrap:break-word;font-family:Courier New,monospace;font-size:.75rem;line-height:1.4;color:inherit}.terminal-meta{margin-top:4px;font-size:.65rem;color:#6e7681}.terminal-input-wrapper{display:flex;align-items:center;gap:6px;padding:8px 12px;border-top:1px solid #21262d;background:#0d1117}.terminal-input-prompt{color:#58a6ff;font-weight:600;white-space:nowrap;font-size:.75rem}.terminal-input{flex:1;background:#161b22;border:1px solid #21262d;border-radius:4px;padding:6px 10px;color:#c9d1d9;font-family:Courier New,monospace;font-size:.75rem}.terminal-input:focus{outline:none;border-color:#58a6ff;background:#0d1117;box-shadow:0 0 0 2px #58a6ff1a}.terminal-input:disabled{opacity:.6;cursor:not-allowed;background:#161b22}.terminal-input::placeholder{color:#6e7681}.terminal-quick-commands{display:flex;align-items:center;gap:10px;padding:12px;background:#161b22;border:1px solid #21262d;border-radius:6px;flex-wrap:wrap}.quick-commands-label{font-weight:600;color:#8b949e;font-size:.85rem}.quick-cmd-btn{padding:6px 12px;background:#21262d;border:1px solid #30363d;border-radius:4px;cursor:pointer;font-size:.8rem;font-family:Courier New,monospace;color:#c9d1d9;transition:all .2s ease}.quick-cmd-btn:hover:not(:disabled){background:#30363d;border-color:#58a6ff;color:#58a6ff}.quick-cmd-btn:disabled{opacity:.5;cursor:not-allowed;background:#161b22}