@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);:root{--spacing-xs:6px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--font-xs:0.7rem;--font-sm:0.82rem;--font-base:0.95rem;--font-lg:1.05rem;--font-2xl:1.35rem;--font-3xl:1.7rem}.page-container{padding:10px 16px}table{font-size:.82rem}td,th{padding:8px 10px}.btn-primary,.btn-secondary{font-size:.82rem;font-size:var(--font-sm);padding:8px 12px}.content-card,.dashboard-card,.metric-card,.table-card{border-radius:8px;border-radius:var(--radius-md);padding:10px 12px}.top-item,.transaction-item{gap:8px;padding:8px}.confirm-modal-content,.modal-content{max-width:560px;padding:12px}.page-title{font-size:1.35rem;font-size:var(--font-2xl)}.card-header h2{font-size:15px}.compact-row td{font-size:.82rem;font-size:var(--font-sm);padding:6px 8px}.compact-body{max-height:420px;overflow-y:auto}:root{--primary-gradient:linear-gradient(135deg,#6366f1,#8b5cf6);--primary-color:#6366f1;--primary-dark:#4f46e5;--primary-light:#818cf8;--secondary-color:#8b5cf6;--glass-bg:#ffffffb3;--glass-border:#ffffff80;--glass-shadow:0 8px 32px 0 #1f26871a;--glass-blur:blur(12px);--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--bg-tertiary:#e2e8f0;--bg-gradient:linear-gradient(135deg,#e2e8f0,#cbd5e0);--bg-card:#fff;--bg-table-row-even:#f8fafc;--bg-table-row-odd:#fff;--bg-table-hover:#e8edf4;--text-primary:#1e293b;--text-secondary:#475569;--text-tertiary:#64748b;--text-muted:#94a3b8;--border-light:#e2e8f0;--border-medium:#cbd5e0;--border-dark:#94a3b8;--success-color:#10b981;--success-light:#d1fae5;--warning-color:#f59e0b;--warning-light:#fef3c7;--error-color:#ef4444;--error-light:#fee2e2;--info-color:#3b82f6;--info-light:#dbeafe;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f;--shadow-xl:0 20px 60px #00000026;--shadow-primary:0 4px 12px #667eea4d;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--font-xs:0.75rem;--font-sm:0.875rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:2rem;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--surface-color:#fff;--border-color:#e5e7eb}[data-theme=dark]{--primary-gradient:linear-gradient(135deg,#818cf8,#a78bfa);--primary-color:#818cf8;--primary-dark:#6366f1;--primary-light:#a5b4fc;--secondary-color:#a78bfa;--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-gradient:linear-gradient(135deg,#1e293b,#334155);--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-muted:#64748b;--border-light:#334155;--border-medium:#475569;--border-dark:#64748b;--success-color:#34d399;--success-light:#064e3b;--warning-color:#fbbf24;--warning-light:#78350f;--error-color:#f87171;--error-light:#7f1d1d;--info-color:#60a5fa;--info-light:#1e3a8a;--shadow-sm:0 2px 8px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 24px #0009;--shadow-xl:0 20px 60px #000000b3;--shadow-primary:0 4px 12px #818cf880;--surface-color:#1e293b;--border-color:#475569}*,:after,:before{transition:background-color .3s ease,border-color .3s ease,color .3s ease}*{padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f1f5f9;background:var(--bg-secondary);color:#1e293b;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;min-width:1024px;overflow-x:auto}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#94a3b880;background-clip:content-box;border:2px solid #0000;border-radius:10px;-webkit-transition:background .3s ease;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:#6366f1cc;background-clip:content-box;border:2px solid #0000}::selection{background:#6366f1;background:var(--primary-color);color:#fff}:focus{outline:none}:focus-visible{outline:2px solid #6366f1;outline:2px solid var(--primary-color);outline-offset:2px}@tailwind base;@tailwind components;@tailwind utilities;.glass{backdrop-filter:blur(12px);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:blur(12px);-webkit-backdrop-filter:var(--glass-blur);background:#ffffffb3;background:var(--glass-bg);border:1px solid #ffffff80;border:1px solid var(--glass-border);box-shadow:0 8px 32px 0 #1f26871a;box-shadow:var(--glass-shadow)}.glass-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#fffc;border:1px solid #fff9;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.glass-card-hover:hover{background:#ffffffe6;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleInBounce{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-200deg) scale(.8)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 0 #667eeab3}50%{box-shadow:0 0 20px 10px #667eea00}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-fade-in{animation:fadeIn .5s ease-out}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-fade-in-down{animation:fadeInDown .6s ease-out}.animate-fade-in-left{animation:fadeInLeft .6s ease-out}.animate-fade-in-right{animation:fadeInRight .6s ease-out}.animate-scale-in{animation:scaleIn .4s ease-out}.animate-bounce-in{animation:bounceIn .6s ease-out}.animate-slide-up{animation:slideInUp .5s ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-shimmer{animation:shimmer 2s infinite;background:linear-gradient(90deg,#f1f5f9,#e2e8f0 50%,#f1f5f9);background:linear-gradient(90deg,var(--bg-secondary) 0,var(--bg-tertiary) 50%,var(--bg-secondary) 100%);background-size:1000px 100%}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.animate-delay-4{animation-delay:.4s}.animate-delay-5{animation-delay:.5s}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{box-shadow:0 8px 24px #0000001f}.hover-glow:hover{animation:glow 1s ease-in-out infinite}.hover-pulse:hover{animation:pulse 1s ease-in-out infinite}.spinner{border-top-color:#6366f1;height:40px;width:40px}.spinner-sm{border-width:2px;height:20px;width:20px}.spinner-lg{border-width:6px;height:60px;width:60px}.page-container{background:linear-gradient(135deg,#f0f4f8,#e2e8f0);box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0 auto;max-width:100%;min-height:calc(100vh - 60px);overflow-x:hidden;padding:10px 2rem;width:100%}.page-header{margin-bottom:12px}.page-title{-webkit-text-fill-color:#0000;align-items:center;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;display:flex;font-size:1.5rem;font-weight:700;gap:10px;margin:0 0 6px}.page-subtitle{color:var(--text-tertiary);font-size:13px;font-weight:500;margin:0}.content-card,.table-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:10px;box-shadow:var(--shadow-md);box-sizing:border-box;margin-bottom:12px;max-width:100%;overflow-x:hidden;padding:12px}.header-actions{flex-wrap:wrap;gap:var(--spacing-md)}.btn-primary{background:var(--primary-gradient);border-radius:var(--radius-md);box-shadow:var(--shadow-primary);display:inline-flex;font-size:var(--font-sm);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-normal)}.btn-primary:hover{box-shadow:0 6px 20px #667eea66}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6}.btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-secondary);display:inline-flex;font-size:var(--font-sm);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-normal)}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--primary-color);color:var(--primary-color)}.status-badge{font-size:var(--font-xs);gap:var(--spacing-xs);padding:4px var(--spacing-sm)}.status-active{background:var(--success-light);color:var(--success-color)}.status-inactive{background:var(--error-light);color:var(--error-color)}.status-warning{background:var(--warning-light);color:var(--warning-color)}.status-info{background:var(--info-light);color:var(--info-color)}.loading-state{color:var(--text-tertiary);padding:var(--spacing-xl)}.spinner{border:4px solid var(--border-light);border-top-color:var(--primary-color);margin-bottom:var(--spacing-md)}.empty-state{color:var(--text-tertiary)}.empty-state svg{color:var(--border-dark);margin-bottom:var(--spacing-md)}.filters{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.filter-input,.filter-select{background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.filter-input:focus,.filter-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a;outline:none}.table-wrapper{-webkit-overflow-scrolling:touch;border-radius:var(--radius-md)}table{border-collapse:collapse;font-size:var(--font-sm);width:100%}thead{background:var(--primary-gradient);border-bottom:2px solid var(--border-light)}th,thead{color:#fff}th{font-size:11px;font-weight:600;letter-spacing:.4px;text-align:left;text-transform:uppercase}td,th{padding:10px 12px}td{border-bottom:1px solid var(--border-light);color:var(--text-secondary)}tbody tr{background:var(--bg-card);transition:all var(--transition-fast)}tbody tr:nth-child(2n){background:var(--bg-table-row-even)}tbody tr:nth-child(odd){background:var(--bg-table-row-odd)}tbody tr:hover{background:var(--bg-table-hover)!important}tbody tr:last-child td{border-bottom:none}@media (max-width:1024px){.page-container{padding:10px 1.5rem}}@media (max-width:768px){.page-container{padding:8px .75rem}.content-card,.table-card{border-radius:8px;padding:8px}}@media (max-width:480px){.page-container{padding:6px .5rem}.content-card,.table-card{border-radius:6px;padding:6px}}.page-container{animation:fadeInUp .5s ease-out}.page-header{animation:fadeInDown .5s ease-out}.page-title{animation:gradientShift 5s ease infinite;background-size:200% 200%;position:relative}.page-title:after{animation:expandWidth .6s ease-out .3s both;background:var(--primary-gradient);border-radius:2px;bottom:-8px;content:"";height:4px;left:0;position:absolute;width:60px}@keyframes expandWidth{0%{width:0}to{width:60px}}.content-card,.table-card{animation:scaleIn .4s ease-out;transition:all var(--transition-normal)}.content-card:hover,.table-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.header-actions>:first-child{animation:fadeInRight .5s ease-out .1s both}.header-actions>:nth-child(2){animation:fadeInRight .5s ease-out .2s both}.header-actions>:nth-child(3){animation:fadeInRight .5s ease-out .3s both}.btn-primary,.btn-secondary{overflow:hidden;position:relative;transition:all var(--transition-normal)}.btn-primary:before,.btn-secondary:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.btn-primary:hover:before,.btn-secondary:hover:before{height:300px;width:300px}.btn-primary:active,.btn-secondary:active{animation:buttonPress .2s ease-out}@keyframes buttonPress{0%,to{transform:scale(1)}50%{transform:scale(.95)}}.status-badge{animation:fadeIn .3s ease-out;transition:all var(--transition-fast)}.status-badge:hover{transform:scale(1.1)}.table-wrapper{animation:fadeIn .5s ease-out}table thead{animation:slideInDown .4s ease-out}table tbody tr{animation:fadeInUp .3s ease-out both}table tbody tr:first-child{animation-delay:.05s}table tbody tr:nth-child(2){animation-delay:.1s}table tbody tr:nth-child(3){animation-delay:.15s}table tbody tr:nth-child(4){animation-delay:.2s}table tbody tr:nth-child(5){animation-delay:.25s}table tbody tr:nth-child(n+6){animation-delay:.3s}table tbody tr:hover{transform:scale(1.01);z-index:1}.filters{animation:fadeInLeft .5s ease-out}.filter-input,.filter-select{transition:all var(--transition-normal)}.filter-input:focus,.filter-select:focus{transform:scale(1.02)}.loading-state{animation:fadeIn .5s ease-out}.empty-state{animation:scaleIn .5s ease-out}.empty-state svg{animation:float 3s ease-in-out infinite}.hover-lift{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.hover-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}html{scroll-behavior:smooth}.page-transition-enter{animation:fadeInUp .5s ease-out}.page-transition-exit{animation:fadeOut .3s ease-out}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.skeleton-row{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--bg-secondary) 0,var(--bg-tertiary) 50%,var(--bg-secondary) 100%);background-size:200% 100%;border-radius:var(--radius-sm);height:40px;margin-bottom:8px}.notification-enter{animation:slideInDown .3s ease-out}.notification-exit{animation:slideInDown .3s ease-out reverse}.transactions-page{animation:fadeInUp .4s ease-out;box-sizing:border-box;max-width:100%;overflow-x:hidden}.transactions-header{align-items:center;animation:fadeInDown .5s ease-out;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.header-content{flex:1 1}.transactions-header .page-title{align-items:center;animation:none;display:flex;font-size:1.5rem;gap:10px;margin-bottom:0}.header-stats{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.stat-card{animation:scaleIn .4s ease-out;background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-md);flex:1 1;flex-direction:column;gap:4px;padding:var(--spacing-md);transition:all var(--transition-normal)}.stat-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-label{color:var(--text-tertiary);font-size:var(--font-xs);font-weight:600}.stat-value{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:var(--font-2xl)}.filter-toggle-btn{background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-sm);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-normal)}.filter-toggle-btn:hover{background:#667eea0d;border-color:var(--primary-color);color:var(--primary-color)}.filter-badge{align-items:center;animation:scaleInBounce .3s ease-out;background:var(--primary-gradient);border-radius:10px;color:#fff;display:inline-flex;font-size:11px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px}.modern-filters{grid-gap:8px;animation:slideInDown .35s ease-out;background:var(--bg-secondary);border-radius:8px;display:grid;gap:8px;grid-template-columns:1fr .9fr 1.2fr .7fr .7fr auto;margin-bottom:0;padding:8px 10px}.filter-section{gap:6px}.filter-label{align-items:center;color:var(--text-tertiary);display:flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.modern-input,.modern-select{background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-sm);height:32px;outline:none;padding:6px var(--spacing-sm);transition:all var(--transition-normal)}.modern-input:focus,.modern-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.modern-input::placeholder{color:var(--text-muted)}.search-wrapper{position:relative}.suggestions-wrapper{position:relative;z-index:1000}.suggestions-list{background:var(--bg-primary);border:2px solid var(--primary-color);border-radius:8px;box-shadow:0 12px 32px #667eea40;left:0;max-height:220px;overflow-y:auto;position:absolute;right:0;top:44px;z-index:1001}.suggestion-item{border-bottom:1px solid var(--border-light);color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 14px}.suggestion-item:last-child{border-bottom:none}.suggestion-item.active,.suggestion-item:hover{background:#667eea1a;color:var(--primary-color)}.search-input{padding-right:36px}.clear-btn{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;padding:4px;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all var(--transition-fast)}.clear-btn:hover{background:var(--error-light);color:var(--error-color)}.date-range{align-items:center;display:flex;gap:6px}.date-input{background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);flex:1 1;font-size:11px;height:28px;min-width:0;outline:none;padding:4px 8px;transition:all var(--transition-normal)}.date-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.date-separator{color:var(--text-tertiary);flex-shrink:0;font-size:10px;font-weight:600;padding:0 2px}.clear-all-btn{align-items:center;align-self:flex-end;background:var(--error-light);border:2px solid var(--error-color);border-radius:var(--radius-md);color:var(--error-color);cursor:pointer;display:flex;font-size:var(--font-sm);font-weight:600;gap:6px;height:36px;margin-top:auto;padding:0 var(--spacing-md);transition:all var(--transition-normal)}.clear-all-btn:hover{background:var(--error-color);box-shadow:var(--shadow-sm);color:#fff;transform:translateY(-2px)}.transactions-page .table-card{overflow:hidden!important}.transactions-page .table-card,.transactions-page .table-wrapper{box-sizing:border-box;height:auto!important;max-height:none!important}.transactions-page .table-wrapper{overflow-x:hidden!important;overflow-y:visible!important;position:relative;width:100%}.transactions-page .modern-table,.transactions-page tbody{height:auto!important;max-height:none!important}.transactions-page tbody{overflow:visible!important}.modern-table{background:var(--bg-card);border-collapse:collapse;font-size:var(--font-sm);table-layout:fixed;width:100%}.modern-table td:first-child,.modern-table th:first-child{width:4%}.modern-table td:nth-child(2),.modern-table th:nth-child(2){width:13%}.modern-table td:nth-child(3),.modern-table th:nth-child(3){width:18%}.modern-table td:nth-child(4),.modern-table th:nth-child(4){width:16%}.modern-table td:nth-child(5),.modern-table th:nth-child(5){width:18%}.modern-table td:nth-child(6),.modern-table th:nth-child(6){width:8%}.modern-table td:nth-child(7),.modern-table td:nth-child(8),.modern-table th:nth-child(7),.modern-table th:nth-child(8){width:10%}.modern-table thead{background:var(--primary-gradient);box-shadow:0 2px 4px #0000001a;color:#fff}.modern-table th{cursor:pointer;font-size:10px;font-weight:700;letter-spacing:.3px;padding:10px 5px;text-transform:uppercase;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.modern-table th,.modern-table th:hover{background:#ffffff1a}.th-content{align-items:center;display:flex;gap:6px;justify-content:center}.sort-icon{animation:bounceIn .3s ease-out;font-size:12px}.modern-table td{border-bottom:1px solid var(--border-light);color:var(--text-secondary);font-size:11px;font-weight:500;line-height:1.5;padding:12px 6px;transition:all var(--transition-fast);white-space:nowrap}.sn-col{color:var(--text-tertiary);font-size:10px;font-weight:600}.date-cell{color:var(--text-secondary);font-size:10.5px}.player-cell{background:linear-gradient(90deg,#667eea14,#667eea05);color:var(--text-primary);font-size:12px;font-weight:700;padding-left:8px}.app-name-col,.receiver-col{color:var(--text-primary);font-size:11px;font-weight:600}.app-type-col{font-size:10px;font-weight:700}.amount-cell{font-size:14px}.amount-cell,.amount-cell.amount-accept,.amount-cell.amount-checkemail,.amount-cell.amount-confirm,.amount-cell.amount-failed,.amount-cell.amount-request,.amount-cell.amount-sent,.amount-cell.amount-success,.amount-value{color:#1a202c!important;font-weight:900}.amount-value{font-size:19px;text-shadow:0 1px 2px #00000026}.status-col{font-size:10.5px;font-weight:600}.table-row-animated{transition:background-color .2s ease}.table-row-animated:nth-child(2n){background:#f8fafc80}.table-row-animated:nth-child(odd){background:var(--bg-card)}.table-row-animated:hover{background:#667eea0f!important;box-shadow:0 2px 8px #0000000d;transform:scale(1.002)}.table-row-animated:hover td:nth-child(3){background:linear-gradient(90deg,#667eea26,#667eea0d)}.date-cell{font-size:var(--font-xs)}.date-time{display:flex;flex-direction:column;gap:2px}.date{color:var(--text-primary);font-weight:600}.time{color:var(--text-tertiary);font-size:11px}.player-cell{overflow:visible;position:relative}.app-type-badge{border:1.5px solid #ffffff4d;border-radius:10px;box-shadow:0 3px 10px #0003,0 1px 3px #00000026,inset 0 1px 0 #fff3;font-size:9px;font-weight:900;letter-spacing:.8px;overflow:hidden;padding:5px 10px;position:relative;white-space:nowrap}.app-type-badge:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.app-type-badge:hover{box-shadow:0 6px 20px #0000004d,0 3px 8px #0003,inset 0 1px 0 #ffffff4d;transform:translateY(-2px) scale(1.05)}.app-type-badge:hover:before{left:100%}.app-type-badge.app-type-ca:hover{box-shadow:0 4px 12px #22c55e66!important}.app-type-badge.app-type-ch:hover{box-shadow:0 4px 12px #14b8a666!important}.app-type-badge.app-type-pp:hover{box-shadow:0 4px 12px #3b82f666!important}.app-type-badge.app-type-ihub:hover{box-shadow:0 4px 12px #06b6d466!important}.app-type-badge.app-type-na:hover{box-shadow:0 4px 12px #64748b66!important}.player-name{color:var(--text-primary);cursor:pointer;position:relative}.subject-tooltip{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 6px 18px #667eea40;color:#fff;font-size:11px;font-weight:500;left:calc(100% + 12px);max-width:300px;opacity:0;padding:8px 12px;pointer-events:none;transition:all var(--transition-normal);white-space:nowrap;z-index:1000}.subject-tooltip,.subject-tooltip:before{position:absolute;top:50%;transform:translateY(-50%)}.subject-tooltip:before{border:6px solid #0000;border-right-color:#667eea;content:"";left:-6px}.player-name:hover .subject-tooltip{opacity:1;pointer-events:auto}.highlight,mark.highlight{animation:pulse .5s ease-out;background:#ffeb3b66;border-radius:3px;color:var(--text-primary);font-weight:600;padding:2px 4px;text-decoration:none}.status-badge{animation:scaleIn .2s ease-out;border-radius:var(--radius-sm);box-shadow:0 2px 4px #00000026;font-size:11px;font-weight:800;padding:5px 10px}.status-success{background:#22c55e;color:#fff}.status-failed{background:#ef4444;color:#fff}.status-confirm{background:#10b981;color:#fff}.status-sent{background:#8b5cf6;color:#fff}.status-accept{background:#10b981;color:#fff}.status-request{background:#eab308;color:#fff}.status-checkemail{background:#0ea5e9;color:#fff}.total-row{background:var(--bg-secondary);border-top:3px solid var(--primary-color);font-weight:600}.total-row td{color:var(--text-secondary);font-size:var(--font-sm);padding:var(--spacing-md)}.total-count{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:var(--font-lg);font-weight:700;margin-left:4px}.empty-content,.empty-state{padding:var(--spacing-xl)}.empty-content{align-items:center;animation:scaleIn .5s ease-out;color:var(--text-tertiary);display:flex;flex-direction:column;gap:var(--spacing-md)}.empty-content svg{animation:float 3s ease-in-out infinite;color:var(--border-dark)}.empty-content p{color:var(--text-secondary);font-size:var(--font-lg);font-weight:600;margin:0}.empty-content span{color:var(--text-tertiary);font-size:var(--font-sm)}.load-more-section{animation:fadeIn .3s ease-out;border-top:1px solid var(--border-light);display:flex;justify-content:center;padding:12px}.load-more-btn{align-items:center;background:var(--primary-gradient);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-primary);color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:var(--spacing-xs);padding:8px 20px;transition:all var(--transition-normal)}.load-more-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.load-more-btn:active{transform:translateY(0)}.total-info{background:var(--bg-secondary);border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:1px solid var(--border-light);color:var(--text-secondary);font-size:13px;padding:10px 16px;text-align:center}.total-info strong{color:var(--primary-color);font-weight:700}.filtered-note{color:var(--text-tertiary);font-size:12px;font-style:italic}@media (max-width:1024px){.transactions-page{padding:8px}.modern-filters{gap:8px;grid-template-columns:1fr 1fr}.modern-table td,.modern-table th{font-size:10px;padding:8px 3px}.modern-table th{font-size:8px;padding:8px 2px}.date-time{gap:1px}.date{font-size:8px}.time{font-size:7px}.app-type-badge{font-size:7px;letter-spacing:.3px;padding:3px 5px}.status-badge{font-size:8px;padding:3px 6px}.amount-value{font-size:10px}}@media (max-width:768px){.transactions-page{padding:6px}.transactions-header{flex-direction:column;gap:8px}.transactions-header .page-title{font-size:1.25rem}.modern-filters{gap:8px;grid-template-columns:1fr;padding:10px}.filter-section{gap:4px}.date-range{flex-direction:column;gap:6px}.date-separator{display:none}.table-wrapper{border-radius:8px;overflow-x:visible}.modern-table{font-size:7px}.modern-table td,.modern-table th{font-size:7px;padding:6px 1px;white-space:nowrap}.modern-table th{font-size:6.5px;letter-spacing:.2px;padding:6px 1px}.sn-col{font-size:7px}.date,.date-cell{font-size:6.5px}.date{line-height:1.1}.time{font-size:5.5px}.app-name-col,.player-cell,.receiver-col{font-size:7px;padding-left:2px}.app-type-badge{border-radius:3px;font-size:6px;letter-spacing:.2px;padding:2px 3px}.amount-cell,.amount-value{font-size:8px;font-weight:900}.status-badge{font-size:6.5px;letter-spacing:.2px;padding:2px 4px}.subject-tooltip{display:none}.load-more-btn{font-size:11px;padding:6px 14px}.total-info{font-size:11px;padding:8px 10px}.filter-toggle-btn{font-size:13px;justify-content:center;padding:8px 12px;width:100%}}@media (max-width:480px){.transactions-page{padding:4px}.transactions-header{align-items:stretch;flex-direction:column;gap:6px}.transactions-header .page-title{font-size:1.1rem}.filter-toggle-btn{font-size:12px;justify-content:center;padding:6px 10px;width:100%}.table-wrapper{overflow-x:visible}.modern-table{font-size:6px}.modern-table td,.modern-table th{font-size:6px;padding:5px .5px}.modern-table th{font-size:5.5px;padding:5px .5px}.date,.sn-col{font-size:6px}.date{line-height:1.1}.time{font-size:5px}.player-cell,.player-name{font-size:4px}.app-name-col,.receiver-col{font-size:6.5px}.app-type-badge{border-radius:2px;font-size:5.5px;padding:1px 2px}.amount-cell,.amount-value{font-size:7px;font-weight:900}.status-badge{font-size:6px;padding:1px 3px}.load-more-btn{font-size:10px;padding:6px 12px}.total-info{font-size:10px;padding:6px 8px}}.report-container{background:linear-gradient(135deg,#f0f4f8,#e2e8f0);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0 auto;min-height:calc(100vh - 60px);padding:10px 16px}.report-header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #fff9;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:12px;padding:12px 16px}.report-title{align-items:center;color:#1a202c;display:flex;font-size:1.5rem;font-weight:700;gap:10px;margin:0 0 6px}.report-subtitle{color:#718096;font-size:.875rem;font-weight:400;margin:0}.report-filter-section{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #fff9;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:12px;padding:12px 16px}.filter-header{align-items:center;color:#2d3748;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:1.25rem}.filter-buttons{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.filter-btn{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.filter-btn:hover{background:#f7fafc;border-color:#667eea;box-shadow:0 4px 12px #667eea33;transform:translateY(-2px)}.filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 6px 20px #667eea66;color:#fff}.custom-range-picker{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem;margin-top:1.25rem}.active-filter-label{align-items:center;border-top:1px solid #e2e8f0;color:#4a5568;display:flex;font-size:.9rem;gap:.5rem;margin-top:.75rem;padding-top:1rem}.active-filter-label strong{color:#667eea;font-weight:600}.report-summary-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.summary-stat-card{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #fff9;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;display:flex;gap:10px;overflow:hidden;padding:12px;position:relative;transition:all var(--transition-normal)}.summary-stat-card:before{content:"";height:100%;left:0;position:absolute;top:0;width:4px}.summary-stat-card.stat-primary:before{background:linear-gradient(180deg,#ed8936,#dd6b20)}.summary-stat-card.stat-success:before{background:linear-gradient(180deg,#48bb78,#38a169)}.summary-stat-card.stat-info:before{background:linear-gradient(180deg,#4299e1,#3182ce)}.summary-stat-card.stat-accent:before{background:linear-gradient(180deg,#667eea,#764ba2)}.summary-stat-card:hover{box-shadow:0 12px 30px #00000026;transform:translateY(-4px)}.stat-primary .stat-icon{background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff}.stat-success .stat-icon{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.stat-info .stat-icon{background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff}.stat-accent .stat-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-label{font-size:.7rem;margin:0 0 .375rem}.summary-stat-card .stat-value{color:#000!important;font-size:1.5rem;font-weight:700;margin:0}.summary-stat-card .stat-label.text-success,.summary-stat-card .stat-value.text-success,.text-success{color:#059669!important}.summary-stat-card .stat-label.text-danger,.summary-stat-card .stat-value.text-danger,.text-danger{color:#dc2626!important}.summary-value{color:#000!important}.summary-value.text-success{color:#059669!important}.summary-value.text-danger{color:#dc2626!important}.report-section{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #fff9;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:12px;padding:12px 16px}.section-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1.25rem}.section-title{gap:.75rem}.section-title h2{color:#1a202c;font-size:1.25rem;font-weight:700;margin:0}.section-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 4px 12px #667eea4d;color:#fff;font-size:.875rem;font-weight:600;padding:.5rem 1.25rem}.report-table-wrapper{-webkit-overflow-scrolling:touch;border:1px solid var(--border-light);border-radius:var(--radius-md);overflow-x:auto;scroll-behavior:smooth}.report-table{background:var(--bg-card);border-collapse:collapse;width:100%}.report-table thead{background:var(--primary-gradient);color:#fff}.report-table thead tr th{border-bottom:2px solid var(--border-light);color:#fff;font-size:10px;font-weight:700;letter-spacing:.4px;padding:8px 10px;text-transform:uppercase}.report-table tbody tr{background:var(--bg-card);border-bottom:1px solid var(--border-light);transition:all var(--transition-fast)}.report-table tbody tr:nth-child(2n){background:var(--bg-table-row-even)}.report-table tbody tr:nth-child(odd){background:var(--bg-table-row-odd)}.report-table tbody tr:not(.grand-total-row):hover{background:var(--bg-table-hover)!important;box-shadow:0 2px 8px #667eea1a;position:relative;transform:scale(1.002);z-index:1}.report-table tbody tr.expandable-row{cursor:pointer;font-weight:600}.report-table tbody tr.expandable-row:hover{background:var(--bg-table-hover)!important}.report-table tbody tr td{color:var(--text-secondary);font-size:13px;padding:8px 10px}.expand-icon{align-items:center;animation:pulse .5s ease-out;color:#667eea;display:inline-flex;justify-content:center;margin-right:.75rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.expand-icon.expanded{animation:rotateExpand .3s cubic-bezier(.4,0,.2,1);transform:rotate(90deg)}.app-type-tag{animation:fadeInScale .4s ease-out;border-radius:20px;font-size:.875rem;padding:.375rem 1rem}.app-type-tag:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.player-name-text{color:#2d3748;font-weight:600}.sub-row{background:var(--bg-secondary)!important;font-weight:400!important}.sub-row:hover{background:var(--bg-table-hover)!important}.sub-name{color:#4a5568;font-weight:500}.sub-name,.sub-row.level-1 .sub-name{padding-left:3.5rem!important}.sub-sub-name{color:#718096;font-size:.9rem;padding-left:5rem!important}.sub-row.level-2{background:var(--bg-tertiary)!important}.sub-row.level-2:hover{background:var(--bg-table-hover)!important}.report-amount-received,.report-amount-sent{animation:fadeIn .5s ease-out;color:#000!important;font-size:16px;font-weight:700;position:relative}.balance-arrow{font-size:1.1rem;margin-left:.5rem}.count-badge{color:#000;vertical-align:middle}.grand-total-row{background:linear-gradient(135deg,#2d3748,#1a202c)!important;color:#fff!important;font-weight:700!important}.grand-total-row td{color:#fff!important;font-size:1rem!important;padding:1.5rem!important}.grand-total-row strong{font-weight:700}.grand-total-row .net-negative,.grand-total-row .net-positive{color:#fff!important}.report-table tbody tr.grand-total-row:hover{background:linear-gradient(135deg,#2d3748,#1a202c)!important;box-shadow:none!important;transform:none!important;z-index:auto!important}.report-section{animation:fadeInUp .4s ease-out}.summary-stat-card{animation:fadeInUp .3s ease-out}.report-table tbody tr{animation:slideInUp .4s ease-out;animation-fill-mode:both}.report-table tbody tr:first-child{animation-delay:.05s}.report-table tbody tr:nth-child(2){animation-delay:.1s}.report-table tbody tr:nth-child(3){animation-delay:.15s}.report-table tbody tr:nth-child(4){animation-delay:.2s}.report-table tbody tr:nth-child(5){animation-delay:.25s}.home-container{background:linear-gradient(135deg,#f0f4f8,#e2e8f0);box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0 auto;max-width:100%;min-height:calc(100vh - 60px);overflow-x:hidden;padding:10px 16px}.home-header{align-items:flex-start;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #fff9;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;justify-content:space-between;margin-bottom:1.25rem;padding:1.25rem 1.75rem}.home-title{align-items:center;color:#1a202c;display:flex;font-size:1.75rem;font-weight:700;gap:.625rem;margin:0 0 .375rem}.home-subtitle{color:#718096;font-size:.875rem;font-weight:400;margin:0}.filter-section{align-items:flex-end;flex-direction:column;gap:.75rem}.filter-toggle-btn{align-items:center;background:#fff;border:2px solid #667eea;border-radius:10px;box-shadow:0 2px 8px #667eea33;color:#667eea;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .3s ease}.filter-toggle-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff;transform:translateY(-2px)}.filter-toggle-btn:active{transform:translateY(0)}.filter-controls{align-items:center;animation:slideInDown .3s ease-out;display:flex;gap:.75rem}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.date-range-select{border:2px solid #e2e8f0;border-radius:10px;color:#2d3748;font-family:Inter,sans-serif;font-size:.95rem;padding:.625rem 1rem}.date-range-select:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea33}.date-range-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.custom-date-picker{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #fff9;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;display:flex;gap:1.5rem;margin-bottom:1rem;padding:1.25rem 2rem}.date-input-group input[type=date],.date-input-group label{font-size:.9rem}.period-label{align-items:center;background:#fffffff2;border-radius:12px;box-shadow:0 4px 12px #00000014;color:#4a5568;display:flex;font-weight:500;gap:.5rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.period-label strong{color:#667eea;font-weight:600}.summary-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.summary-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #fff9;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:transform .3s ease,box-shadow .3s ease}.summary-card:before{background:linear-gradient(180deg,#667eea,#764ba2);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.summary-card:hover{box-shadow:0 15px 40px #00000026}.clickable-card{cursor:pointer}.clickable-card:hover{box-shadow:0 18px 45px #667eea40;transform:translateY(-6px) scale(1.02)}.clickable-card:active{transform:translateY(-2px) scale(1.01)}.card-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.card-primary .card-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.card-success .card-icon{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.card-info .card-icon{background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff}.card-accent .card-icon{background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff}.card-warning .card-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.card-positive .card-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.card-negative .card-icon{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.text-positive{color:#059669!important}.text-negative{color:#dc2626!important}.card-content{flex:1 1}.card-label{color:#718096;font-size:.75rem;font-weight:500;letter-spacing:.5px;margin:0 0 .375rem;text-transform:uppercase}.card-value{color:#1a202c;font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.card-detail{color:#a0aec0;font-size:.75rem;margin:0}.view-selector{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #fff9;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.view-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#4a5568;cursor:pointer;display:flex;flex:1 1;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 1.5rem;transition:all .3s ease}.view-btn:hover{background:#f7fafc;border-color:#667eea;transform:translateY(-2px)}.view-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 6px 20px #667eea66;color:#fff}.search-container{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #fff9;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:1.5rem;padding:1rem}.search-box{position:relative;width:100%}.search-icon{left:1rem}.search-input::placeholder{color:#cbd5e0}.clear-search{right:1rem}.dashboard-view{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #fff9;border-radius:20px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:2rem}.view-header{border-bottom:2px solid #e2e8f0;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.view-header,.view-header h2{align-items:center;display:flex}.view-header h2{color:#1a202c;font-size:1.5rem;font-weight:700;gap:.75rem;margin:0}.view-header-actions{align-items:center;display:flex;gap:1rem}.item-count{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:.875rem;font-weight:600;padding:.5rem 1rem}.pdf-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#dc2626;color:#fff}.pdf-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #dc26264d;transform:translateY(-2px)}.table-wrapper{border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 15px #00000014;overflow-x:visible;overflow-y:visible}.dashboard-table{background:#fff;border-collapse:collapse;font-size:11px;table-layout:fixed;width:100%}.dashboard-table thead{background:linear-gradient(135deg,#667eea,#764ba2);position:-webkit-sticky;position:sticky;top:0;z-index:10}.dashboard-table thead tr th{border-bottom:none;color:#fff;font-size:11px;font-weight:700;letter-spacing:.3px;padding:12px 10px;text-transform:uppercase;white-space:nowrap}.dashboard-table tbody tr{border-bottom:1px solid #0000000d;transition:all .2s ease}.dashboard-table tbody tr:hover{background:#667eea0f!important;box-shadow:0 2px 8px #667eea1a;transform:scale(1.001)}.dashboard-table tbody tr:last-child{border-bottom:none}.dashboard-table tbody tr td{color:#2d3748;font-size:13px;line-height:1.5;overflow:visible;padding:14px 10px;vertical-align:middle;white-space:nowrap}.text-right{text-align:right}.rank-badge{animation:fadeInScale .4s ease-out;transition:all .2s ease}.rank-badge:hover{box-shadow:0 4px 12px #667eea80;transform:scale(1.1)}.app-name-cell,.player-name-cell,.receiver-col{color:#2d3748;font-size:.8125rem;font-weight:600}.txn-count-inline{background:#edf2f7;border-radius:10px;color:#718096;display:inline-block;font-size:.7rem;font-weight:600;margin-left:.375rem;padding:.125rem .5rem;position:relative;top:-.25rem;vertical-align:super}.player-name-cell{align-items:flex-start;display:flex;flex-direction:column;gap:2px}.activity-row{align-items:center;display:flex;gap:.375rem}.activity-row .count-badge{margin-left:0;top:0}.app-name-cell{align-items:flex-start;display:flex;flex-direction:column;gap:2px}.app-type-cell{flex-wrap:wrap;gap:8px}.apps-used-cell{color:#667eea;cursor:help;font-weight:600;position:relative}.apps-used-cell:hover{color:#5568d3;text-decoration:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted}.expandable-row{background:#f8fafc;cursor:pointer;font-weight:600}.expandable-row:hover{background:#edf2f7!important}.expand-arrow{animation:pulse .5s ease-out;color:#667eea;font-size:.75rem;margin-right:.75rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.expand-arrow.expanded{animation:rotateExpand .3s cubic-bezier(.4,0,.2,1)}@keyframes rotateExpand{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(45deg) scale(1.2)}to{transform:rotate(90deg) scale(1)}}.app-type-cell{gap:.5rem}.sub-row{background:#fff}.sub-row td{font-size:.85rem;padding-left:2.5rem!important}.sub-row:hover{background:#f7fafc!important}.app-type-badge{animation:fadeInScale .4s ease-out;border-radius:16px;font-size:.75rem;font-weight:600;padding:.375rem .875rem}.app-type-badge:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.amount-received,.amount-sent{animation:fadeIn .5s ease-out;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.75rem;font-weight:900;letter-spacing:.5px;position:relative;text-shadow:0 2px 4px #0000004d}.count-badge{animation:fadeInScale .3s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 2px 8px #667eea4d;color:#fff;font-size:.65rem;font-weight:700;margin-left:.375rem;padding:.25rem .5rem;position:relative;top:-.5rem;transition:all .2s ease}.count-badge:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px) scale(1.05)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8) translateY(-.3rem)}to{opacity:1;transform:scale(1) translateY(0)}}.net-negative,.net-positive{color:#000;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.75rem;font-weight:900;letter-spacing:.5px;text-shadow:0 2px 4px #0000004d}.balance-arrow{font-weight:600}.no-results{color:#94a3b8;font-size:1rem;font-weight:500;padding:3rem 2rem!important}.dashboard-table tbody tr{animation:slideInUp .4s ease-out;animation-fill-mode:both}.dashboard-table tbody tr:first-child{animation-delay:.05s}.dashboard-table tbody tr:nth-child(2){animation-delay:.1s}.dashboard-table tbody tr:nth-child(3){animation-delay:.15s}.dashboard-table tbody tr:nth-child(4){animation-delay:.2s}.dashboard-table tbody tr:nth-child(5){animation-delay:.25s}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.activity-badge{animation:fadeIn .5s ease-out;gap:.15rem;margin-bottom:3px}.activity-high{background:#48bb7826;color:#38a169}.activity-medium{background:#ed893626;color:#dd6b20}.activity-low{background:#94a3b826;color:#64748b}.dashboard-table tbody tr,.summary-card{animation:fadeIn .3s ease-out}@media (max-width:1024px){.home-container{min-width:1024px;padding:1.5rem;padding:10px 16px}}.limits-header,.limits-summary{margin-bottom:30px}.limits-summary{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.summary-card{align-items:center;background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 2px 8px #00000014;display:flex;gap:20px;padding:24px;transition:all .3s ease}.summary-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.summary-primary{border-color:#dbeafe}.summary-primary:hover{border-color:#2563eb}.summary-success{border-color:#d1fae5}.summary-success:hover{border-color:#10b981}.summary-info{border-color:#e9d5ff}.summary-info:hover{border-color:#8b5cf6}.summary-icon{align-items:center;border-radius:16px;display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.summary-primary .summary-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.summary-success .summary-icon{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.summary-info .summary-icon{background:linear-gradient(135deg,#e9d5ff,#d8b4fe);color:#6b21a8}.summary-content{flex:1 1}.summary-label{color:#64748b;font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.summary-value{color:#1e293b;font-size:32px;font-weight:700;line-height:1;margin:0 0 6px}.summary-value.text-success{color:#059669}.summary-value.text-danger{color:#dc2626}.summary-detail{color:#94a3b8;font-size:13px;font-weight:500;margin:0}.table-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0;border-radius:16px 16px 0 0;padding:20px 24px}.table-header h2{color:#1e293b;font-size:18px;font-weight:700;margin:0}.limits-table{background:#fff;border-collapse:collapse;width:100%}.limits-table thead{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0}.limits-table th{color:#334155;font-size:12px;font-weight:700;letter-spacing:.5px;padding:16px 20px;text-align:left;text-transform:uppercase}.limits-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:14px;padding:18px 20px}.limits-table tbody tr{transition:all .2s}.limits-table tbody tr:not(.sub-row):not(.grand-total-row):hover{background:#fafbfc;cursor:pointer}.amount-cell{font-size:15px;font-weight:700}.amount-received,.amount-sent{color:#000}.count-cell{color:#64748b;font-weight:500}.count-badge{background:#edf2f7;border-radius:8px;color:#718096;display:inline-block;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px;font-weight:400;margin-left:.5rem;padding:.125rem .5rem}.text-success{color:#059669!important}.text-danger{color:#dc2626!important}.balance-indicator{display:inline-block;font-size:18px;font-weight:700;margin-left:8px}.app-type-cell{align-items:center;display:flex;gap:12px}.expand-arrow{color:#64748b;display:inline-block;font-size:12px;transition:transform .2s;width:16px}.expand-arrow.expanded{transform:rotate(90deg)}.app-type-badge{background:linear-gradient(135deg,#94a3b8,#64748b 50%,#475569);border-radius:12px;box-shadow:0 2px 6px #0003;color:#fff;display:inline-block;font-size:13px;font-weight:700;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase;transition:all .25s cubic-bezier(.4,0,.2,1)}.app-type-badge.app-type-ca{background:linear-gradient(135deg,#4ade80,#22c55e 50%,#16a34a)!important;box-shadow:0 2px 6px #22c55e4d!important;color:#fff!important}.app-type-badge.app-type-ch{background:linear-gradient(135deg,#2dd4bf,#14b8a6 50%,#0d9488)!important;box-shadow:0 2px 6px #14b8a64d!important;color:#fff!important}.app-type-badge.app-type-pp{background:linear-gradient(135deg,#60a5fa,#3b82f6 50%,#2563eb)!important;box-shadow:0 2px 6px #3b82f64d!important;color:#fff!important}.app-type-badge.app-type-ihub{background:linear-gradient(135deg,#22d3ee,#06b6d4 50%,#0891b2)!important;box-shadow:0 2px 6px #06b6d44d!important;color:#fff!important}.app-type-badge.app-type-na{background:linear-gradient(135deg,#94a3b8,#64748b 50%,#475569)!important;box-shadow:0 2px 6px #64748b4d!important;color:#fff!important}.sub-row{animation:slideDown .2s ease-out;background:#f8fafc}.sub-row:hover{background:#f1f5f9}.app-name-cell{color:#475569;font-weight:500;padding-left:60px!important}.grand-total-row{background:linear-gradient(135deg,#1e293b,#334155);color:#fff;font-weight:700}.grand-total-row td{border-bottom:none;color:#fff;padding:20px}.grand-total-row .text-success{color:#6ee7b7!important}.grand-total-row .text-danger{color:#fca5a5!important}.grand-total-row:hover{background:linear-gradient(135deg,#1e293b,#334155)!important;color:#fff!important;cursor:default}.grand-total-row:hover td{color:#fff!important}.grand-total-row:hover .text-success{color:#6ee7b7!important}.grand-total-row:hover .text-danger{color:#fca5a5!important}.limit-badge-top{border-radius:6px;display:inline-block;font-size:.55rem;font-weight:700;margin-left:.4rem;padding:.15rem .4rem;position:relative;top:-.3rem;vertical-align:super}.limit-badge-top.limit-safe{background:#10b981;color:#fff}.limit-badge-top.limit-danger{animation:pulse 2s ease-in-out infinite;background:#ef4444;color:#fff}.grand-total-row .balance-indicator{color:#fff}.empty-state svg{margin-bottom:16px;opacity:.4}.empty-state p{font-size:16px;margin:0}.table-wrapper{overflow-x:auto}.table-wrapper::-webkit-scrollbar{height:8px}.table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.auth-page-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.auth-page-container:before{animation:backgroundShift 20s ease infinite;background-image:radial-gradient(circle at 20% 50%,#ffffff0d 0,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff0d 0,#0000 50%),radial-gradient(circle at 40% 20%,#ffffff08 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes backgroundShift{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.auth-card{animation:slideUp .5s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:440px;padding:48px 40px;position:relative;width:100%;z-index:1}.auth-brand{margin-bottom:40px;text-align:center}.auth-logo{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 16px #667eea4d;display:flex;font-size:32px;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.auth-title{color:#1a202c;font-size:28px;font-weight:700;margin:0 0 8px}.auth-subtitle{color:#718096;font-size:15px;font-weight:400;margin:0}.auth-form{margin-top:32px}.form-group{margin-bottom:24px;position:relative}.form-label{color:#2d3748;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-input{background:#f7fafc;border:2px solid #e2e8f0;border-radius:10px;box-sizing:border-box;color:#2d3748;font-size:15px;outline:none;padding:14px 16px;transition:all .2s ease;width:100%}.form-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input::placeholder{color:#a0aec0}.auth-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 12px #667eea66;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:14px 24px;transition:all .3s ease;width:100%}.auth-button:hover{box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.auth-button:active{transform:translateY(0)}.auth-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.auth-footer{margin-top:24px;text-align:center}.auth-link{color:#718096;font-size:14px;transition:color .2s ease}.auth-link-highlight{color:#667eea;cursor:pointer;font-weight:600;transition:all .2s ease}.auth-link-highlight:hover{color:#764ba2;text-decoration:underline}.auth-divider{margin:24px 0;position:relative;text-align:center}.auth-divider:before{background:#e2e8f0;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.auth-divider-text{background:#fff;color:#a0aec0;display:inline-block;font-size:13px;padding:0 16px;position:relative;z-index:1}.auth-error{align-items:center;animation:shake .5s ease;background:#fed7d7;border:1px solid #fc8181;border-radius:8px;color:#c53030;display:flex;font-size:14px;gap:8px;margin-bottom:20px;padding:12px 16px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.auth-error-icon{font-size:18px}.auth-success{align-items:center;animation:slideDown .3s ease;background:#c6f6d5;border:1px solid #68d391;border-radius:8px;color:#22543d;display:flex;font-size:14px;gap:8px;margin-bottom:20px;padding:12px 16px}.auth-info-box{background:linear-gradient(135deg,#f7fafc,#edf2f7);border:2px dashed #cbd5e0;border-radius:12px;margin-top:24px;padding:20px;text-align:center}.auth-info-icon{font-size:48px;margin-bottom:12px}.auth-info-title{color:#2d3748;font-size:18px;font-weight:600;margin:0 0 8px}.auth-info-text{color:#718096;font-size:14px;line-height:1.6;margin:0}.auth-info-contact{background:#667eea;border-radius:8px;color:#fff;display:inline-block;font-size:14px;font-weight:600;margin-top:16px;padding:10px 20px}.auth-avatar{border:3px solid #667eea;border-radius:50%;box-shadow:0 4px 12px #667eea4d;display:block;height:80px;margin:0 auto 20px;width:80px}canvas{height:100%;left:0;pointer-events:none;position:fixed!important;top:0;width:100%;z-index:9999}.auth-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;margin-right:8px;width:16px}.password-input{padding-right:48px}.password-toggle-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#a0aec0;cursor:pointer;display:flex;height:36px;justify-content:center;padding:8px;position:absolute;right:4px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:36px}.password-toggle-btn:hover{background:#667eea1a;color:#667eea}.password-toggle-btn:active{transform:translateY(-50%) scale(.95)}.toggle-icon{transition:all .2s ease}.password-toggle-btn:hover .toggle-icon{transform:scale(1.1)}.auth-page-container:after{animation:floatShape 15s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a,#0000);border-radius:50%;content:"";height:300px;position:absolute;right:-150px;top:-150px;width:300px}@keyframes floatShape{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(50px,100px) rotate(120deg)}66%{transform:translate(-30px,80px) rotate(240deg)}}.auth-logo{animation:logoFloat 3s ease-in-out infinite}.form-group:first-child{animation:fadeInUp .5s ease-out .1s both}.form-group:nth-child(2){animation:fadeInUp .5s ease-out .2s both}.auth-button{animation:fadeInUp .5s ease-out .3s both}.auth-footer{animation:fadeIn .5s ease-out .4s both}.form-input:focus{animation:inputFocusPulse .3s ease-out}@keyframes inputFocusPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.auth-button:not(:disabled):hover{animation:buttonPulse .6s ease-in-out}@keyframes buttonPulse{0%,to{transform:translateY(-2px) scale(1)}50%{transform:translateY(-2px) scale(1.05)}}.auth-error{animation:shake .5s ease,fadeInDown .3s ease-out}.auth-success{animation:slideDown .3s ease-out,pulseGlow 1s ease-in-out}.auth-info-box{animation:scaleIn .5s ease-out}.auth-info-icon{animation:bounce 2s ease-in-out infinite}.auth-spinner{animation:spin .8s linear infinite}.auth-link-highlight{overflow:hidden;position:relative}.auth-link-highlight:after{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;content:"";height:2px;left:0;position:absolute;transform:translateX(-100%);transition:transform .3s ease;width:100%}.auth-link-highlight:hover:after{transform:translateX(0)}.password-toggle-btn:focus{background:#667eea26;box-shadow:0 0 0 3px #667eea1a;outline:none}.password-toggle-btn:focus .toggle-icon{color:#667eea}.profile-page{align-items:center;background:var(--bg-gradient);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;justify-content:center;min-height:calc(100vh - 60px);padding:var(--spacing-lg)}.profile-container{animation:slideUp .5s ease-out;width:100%}.profile-card{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;position:relative}.profile-card-bg{background:var(--primary-gradient);height:200px;left:0;opacity:.1;position:absolute;right:0;top:0;z-index:0}.profile-card-bg:after{background:radial-gradient(circle at 30% 50%,#fff3 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.profile-header-modern{align-items:center;border-bottom:1px solid var(--border-light);display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg);padding-bottom:var(--spacing-md);position:relative;z-index:1}.profile-avatar-wrapper{flex-shrink:0;position:relative}.profile-avatar-modern{background:var(--bg-secondary);border:3px solid #fff;border-radius:50%;box-shadow:var(--shadow-lg);height:96px;position:relative;transition:transform var(--transition-normal);width:96px;z-index:2}.profile-avatar-modern:hover{transform:scale(1.05)}.avatar-ring{animation:pulse 2s ease-in-out infinite;background:var(--primary-gradient);border-radius:50%;bottom:-8px;left:-8px;opacity:.2;position:absolute;right:-8px;top:-8px;z-index:1}.profile-info{flex:1 1}.profile-name{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:var(--font-3xl);font-weight:700;margin:0 0 var(--spacing-sm)}.profile-role-modern{align-items:center;background:var(--primary-gradient);border-radius:var(--radius-md);box-shadow:var(--shadow-primary);color:#fff;display:inline-flex;font-size:var(--font-sm);font-weight:600;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md)}.profile-tabs-modern{grid-gap:0;background:var(--bg-secondary);border-radius:var(--radius-lg);display:grid;gap:0;grid-template-columns:1fr 1fr;margin:0 var(--spacing-lg);padding:4px;position:relative;z-index:1}.tab-modern{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;display:flex;font-size:var(--font-sm);font-weight:600;gap:var(--spacing-xs);justify-content:center;padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:all var(--transition-normal)}.tab-modern:hover{background:#667eea1a;color:var(--primary-color)}.tab-modern.active{background:var(--primary-gradient);box-shadow:var(--shadow-sm);color:#fff}.tab-modern.active:before{background:var(--primary-gradient);border-radius:2px;bottom:-4px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:40px}.profile-content-modern{padding:var(--spacing-xl);position:relative;z-index:1}.tab-panel{animation:fadeIn .3s ease}.info-section{margin-bottom:var(--spacing-xl)}.section-heading{align-items:center;border-bottom:2px solid var(--border-light);color:var(--text-primary);display:flex;font-size:var(--font-lg);font-weight:700;gap:var(--spacing-sm);margin:0 0 var(--spacing-lg);padding-bottom:var(--spacing-sm)}.section-heading svg{color:var(--primary-color)}.info-rows{display:flex;flex-direction:column;gap:var(--spacing-md)}.info-row{align-items:center;background:var(--bg-secondary);border:1px solid #0000;border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:var(--spacing-md);transition:all var(--transition-fast)}.info-row:hover{background:var(--bg-tertiary);border-color:var(--primary-color);transform:translateX(4px)}.info-label{color:var(--text-tertiary);font-size:var(--font-sm);font-weight:500}.info-value{color:var(--text-primary);font-size:var(--font-base)}.info-value-highlight{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:var(--font-lg);font-weight:700}.info-badge{align-items:center;background:var(--primary-gradient);box-shadow:var(--shadow-sm);color:#fff;display:inline-flex;font-size:var(--font-sm);font-weight:600;gap:var(--spacing-xs);padding:6px var(--spacing-md)}.info-badge,.security-note{border-radius:var(--radius-md)}.security-note{background:linear-gradient(135deg,var(--info-light) 0,var(--bg-secondary) 100%);border-left:4px solid var(--info-color);display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding:var(--spacing-lg)}.security-note svg{color:var(--info-color);flex-shrink:0;margin-top:2px}.security-note strong{color:var(--text-primary);display:block;font-size:var(--font-base);margin-bottom:4px}.security-note p{color:var(--text-secondary);font-size:var(--font-sm);line-height:1.5;margin:0}.settings-content{padding:var(--spacing-xl) 0;text-align:center}.settings-icon-large{animation:rotate 3s ease-in-out infinite;font-size:80px;margin-bottom:var(--spacing-lg)}.settings-content h3{color:var(--text-primary);font-size:var(--font-2xl);font-weight:700;margin:0 0 var(--spacing-sm)}.settings-description{color:var(--text-secondary);font-size:var(--font-base);margin:0 0 var(--spacing-xl);margin-left:auto;margin-right:auto;max-width:500px}.upcoming-features{margin-top:var(--spacing-xl)}.upcoming-features h4{color:var(--text-primary);font-size:var(--font-lg);font-weight:600;margin:0 0 var(--spacing-lg)}.feature-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0 auto;max-width:600px}.feature-item{align-items:center;background:var(--bg-secondary);border:2px dashed var(--border-medium);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg);transition:all var(--transition-normal)}.feature-item:hover{background:var(--bg-tertiary);border-color:var(--primary-color);border-style:solid;box-shadow:var(--shadow-md);transform:translateY(-4px)}.feature-icon{font-size:32px}.feature-item span{color:var(--text-secondary);font-size:var(--font-sm);font-weight:600;text-align:center}.feature-item:hover span{color:var(--primary-color)}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-primary);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-md);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;height:60px;justify-content:space-between;padding:0 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar,.navbar-left{align-items:center;display:flex}.navbar-left{background:#667eea0d;border-radius:var(--radius-md);cursor:pointer;gap:.75rem;padding:.5rem 1rem;transition:transform .3s ease}.navbar-left:hover{background:#667eea1a;transform:scale(1.05)}.logo-icon{color:var(--primary-color);flex-shrink:0}.logo-text{align-items:flex-start}.navbar-logo{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;cursor:pointer;font-family:Inter,serif;font-size:1.25rem;font-weight:700;letter-spacing:-.5px}.navbar-logo-tagline{color:var(--text-tertiary);font-size:.65rem;font-style:italic;font-weight:500;letter-spacing:.3px}.navbar-center{align-items:center;display:flex;gap:.5rem}.desktop-menu,.nav-link{display:flex}.nav-link{align-items:center;border-radius:10px;color:var(--text-secondary);font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;position:relative;text-decoration:none;transition:all .3s ease}.nav-link svg{flex-shrink:0}.nav-link:before{background:var(--primary-gradient);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.nav-link:hover{background:#667eea1a;color:var(--primary-color)}.nav-link:hover:before{width:60%}.nav-link.active{background:#667eea26;color:var(--primary-color);font-weight:600}.nav-link.active:before{width:80%}.theme-toggle-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;margin-right:1rem;transition:all .3s ease;width:40px}.theme-toggle-btn:hover{background:var(--primary-color);border-color:var(--primary-color);box-shadow:var(--shadow-primary);color:#fff;transform:translateY(-2px)}.theme-toggle-btn:active{transform:translateY(0)}.refresh-btn{background:var(--primary-gradient);border-radius:10px;box-shadow:var(--shadow-primary);justify-content:center;margin-left:1rem;position:relative}.refresh-btn svg{stroke:#fff!important;stroke-width:2.5;fill:none;color:#fff!important;height:20px;width:20px}.refresh-btn:before{background:var(--text-primary);border-radius:6px;bottom:-35px;color:#fff;content:attr(title);font-size:12px;font-weight:500;padding:6px 12px;pointer-events:none;transform:translateX(-50%) scale(.9);white-space:nowrap}.refresh-btn:after,.refresh-btn:before{left:50%;opacity:0;position:absolute;transition:all .3s ease;z-index:1001}.refresh-btn:after{border-bottom:6px solid var(--text-primary);border-left:6px solid #0000;border-right:6px solid #0000;bottom:-8px;content:"";height:0;transform:translateX(-50%);width:0}.refresh-btn:hover:after,.refresh-btn:hover:before{opacity:1;transform:translateX(-50%) scale(1)}.refresh-btn:hover{box-shadow:0 6px 16px #667eea66}.refresh-btn:hover svg{stroke:#fff;animation:rotate-pulse .6s ease-in-out;color:#fff}@keyframes rotate-pulse{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(1turn) scale(1)}}.refresh-btn:active{box-shadow:0 2px 8px #667eea4d;transform:translateY(0)}.refresh-btn:active svg{stroke:#fff;color:#fff}.refresh-btn:disabled{background:#94a3b8;box-shadow:none;transform:none}.refresh-btn:disabled svg{stroke:#fff;color:#fff;opacity:.7}.refresh-btn.refreshing svg{stroke:#fff;animation:spin 1s linear infinite;color:#fff}.navbar-right{align-items:center;display:flex}.user-dropdown{position:relative}.user-box{align-items:center;background:#667eea0d;border:1px solid #667eea33;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:.75rem;padding:.5rem 1rem;transition:all .3s ease}.user-box:hover{background:#667eea1a;border-color:#667eea4d;box-shadow:var(--shadow-sm)}.avatar-img{border:2px solid #667eea4d;border-radius:10px;height:36px;width:36px}.user-text{align-items:flex-start;display:flex;flex-direction:column}.username{color:var(--text-primary);font-size:.875rem;font-weight:600;line-height:1.2}.user-role{color:var(--text-tertiary);font-size:.7rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.dropdown-menu{animation:slideDown .2s ease-out;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:220px;padding:.5rem;position:absolute;right:0;top:calc(100% + .75rem);z-index:1000}.dropdown-item{border-radius:var(--radius-sm);color:var(--text-secondary);padding:.75rem 1rem}.dropdown-item:hover{background:var(--bg-secondary);color:var(--primary-color)}.dropdown-item.logout{color:var(--error-color)}.dropdown-item.logout:hover{background:var(--error-light);color:var(--error-color)}.dropdown-divider{background:var(--border-light);margin:.5rem 0}.dropdown-section-title{color:var(--text-tertiary);font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase}.superadmin-link{align-items:center;background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea33;border-radius:6px;display:flex!important;gap:.375rem;padding:.5rem 1rem!important}.superadmin-link.active,.superadmin-link:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff!important}@media (max-width:1024px){.navbar{padding:0 1.5rem}}@media (max-width:768px){.navbar{padding:0 1rem}}.inactive-players-page{background:linear-gradient(135deg,#f0f4f8,#e2e8f0);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0 auto;min-height:calc(100vh - 60px);padding:10px 16px}.inactive-header{background:#fffffff2;border-radius:14px;box-shadow:0 8px 24px #0000001a;margin-bottom:1.5rem;padding:1.5rem 2rem}.inactive-title{align-items:center;color:#1a202c;display:flex;font-size:1.875rem;font-weight:700;gap:.75rem;margin:0 0 .375rem}.inactive-subtitle{color:#718096;font-size:.875rem;font-weight:400;margin:0}.filter-section{background:#fffffff2;border-radius:14px;box-shadow:0 6px 20px #0000001a;gap:1rem;justify-content:space-between}.filter-group{color:#4a5568;font-weight:500}.days-input,.filter-group label{color:#2d3748;font-size:.875rem;font-weight:600}.days-input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;font-family:Inter,sans-serif;padding:.625rem 1rem;transition:all .2s ease;width:80px}.days-input:focus,.days-input:hover{border-color:#667eea}.days-input:focus{box-shadow:0 0 0 3px #667eea1a;outline:none}.days-label{color:#64748b;font-size:.875rem;font-weight:500}.filter-info{align-items:center;color:#4a5568;display:flex;font-size:.875rem;gap:.5rem}.filter-info strong{color:#667eea;font-weight:600}.stat-box{background:#fff;border-radius:12px;box-shadow:0 6px 18px #0000001a}.stat-icon{padding:12px}.inactive-table-wrapper{background:#fff;border-radius:14px;box-shadow:0 8px 24px #0000001a;overflow:hidden}.inactive-table{border-collapse:collapse;font-size:.875rem;width:100%}.inactive-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.inactive-table thead tr th{color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:1rem 1.25rem;text-transform:uppercase}.inactive-table tbody tr{border-bottom:1px solid #e2e8f0;transition:all .2s ease}.inactive-table tbody tr:hover{background:#f7fafc;transform:scale(1.005)}.inactive-table tbody tr:last-child{border-bottom:none}.inactive-table tbody tr td{color:#4a5568;padding:1rem 1.25rem}.rank-col{text-align:center;width:60px}.text-left{text-align:left}.text-center{text-align:center}.days-inactive-cell{font-weight:600}.days-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:16px;box-shadow:0 2px 6px #f59e0b4d;color:#fff;display:inline-block;font-weight:700;padding:.375rem .875rem}.days-badge,.last-active-cell{font-size:.875rem}.amount-cell{color:#38a169;font-family:Courier New,monospace}.status-badge{border-radius:16px;font-weight:700;padding:.375rem .875rem}.status-low{background:#10b98126;color:#059669}.status-medium{background:#f59e0b26;color:#d97706}.status-high{background:#ef444426;color:#dc2626}.status-critical{background:#7f1d1d26;color:#7f1d1d;font-weight:800}@media (max-width:1024px){.active-players-container,.inactive-players-container,.report-container{padding:10px 16px}}@media (max-width:768px){.active-players-container,.inactive-players-container,.report-container{padding:10px 12px}}.loading-screen{align-items:center;animation:fadeIn .3s ease-out;background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-content{animation:slideUp .6s ease-out;text-align:center}.loading-logo{margin-bottom:40px;position:relative}.logo-circle{animation:rotate 3s linear infinite;height:120px;margin:0 auto 30px;position:relative;width:120px}.logo-circle:before{animation:spin 1.5s ease-in-out infinite;border-color:#3b82f6 #3b82f6 #3b82f633 #3b82f633;border-radius:50%;border-style:solid;border-width:4px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.logo-inner{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;bottom:15px;box-shadow:0 8px 32px #3b82f666;left:15px;overflow:hidden;position:absolute;right:15px;top:15px}.logo-inner,.logo-text{align-items:center;display:flex;justify-content:center}.logo-text{animation:logoFloat 2s ease-in-out infinite;color:#fff;flex-direction:column;font-weight:700;line-height:1.1;text-align:center}.logo-fin{font-size:18px;letter-spacing:1px;text-shadow:0 2px 4px #0000004d}.logo-xi{animation:xiPulse 2s ease-in-out infinite;font-size:32px;margin:-2px 0;text-shadow:0 2px 8px #0006}.logo-sthetique{font-size:12px;letter-spacing:.5px;text-shadow:0 1px 3px #0000004d}.loading-bars{display:flex;gap:8px;justify-content:center;margin-top:30px}.bar{animation:barWave 1.2s ease-in-out infinite;background:linear-gradient(0deg,#3b82f6,#60a5fa);border-radius:4px;height:40px;width:4px}.bar-1{animation-delay:0s}.bar-2{animation-delay:.1s}.bar-3{animation-delay:.2s}.bar-4{animation-delay:.3s}.loading-title{animation:glow 2s ease-in-out infinite;color:#fff;font-size:32px;font-weight:700;letter-spacing:1px;margin:0 0 16px;text-shadow:0 2px 16px #3b82f666}.loading-message{color:#94a3b8;font-size:16px;font-weight:500;margin:0 0 24px}.loading-dots{display:flex;gap:8px;justify-content:center}.dot{animation:dotBounce 1.4s ease-in-out infinite;background:#3b82f6;border-radius:50%;height:8px;width:8px}.dot:first-child{animation-delay:0s}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes barWave{0%,to{opacity:.5;transform:scaleY(.5)}50%{opacity:1;transform:scaleY(1)}}@keyframes glow{0%,to{text-shadow:0 2px 16px #3b82f666}50%{text-shadow:0 4px 24px #3b82f6cc}}@keyframes dotBounce{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes xiPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.15)}}.confirm-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:1100}.confirm-modal-content{animation:confirmSlideUp .24s ease-out;background:#fff;border-radius:14px;box-shadow:0 30px 60px #1018284d;max-width:560px;overflow:hidden;width:92%}@keyframes confirmSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.confirm-modal-header{align-items:center;background:linear-gradient(180deg,#fbfcfd,#fff);border-bottom:1px solid #eef2f7;display:flex;justify-content:space-between;padding:18px 20px}.confirm-modal-title-group{align-items:center;display:flex;gap:12px}.confirm-modal-logo{border-radius:10px;height:48px;object-fit:cover;width:48px}.confirm-modal-title{color:#0f172a;font-size:18px;margin:0}.confirm-modal-subtitle{color:#64748b;font-size:13px}.confirm-modal-close{background:#f1f5f9;border:none;border-radius:8px;cursor:pointer;height:36px;width:36px}.confirm-modal-body{display:flex;gap:18px;padding:20px}.confirm-modal-icon{align-items:center;background:linear-gradient(180deg,#fff5f5,#fff1f2);border-radius:12px;color:#b91c1c;display:flex;font-size:24px;height:56px;justify-content:center;width:56px}.confirm-modal-text{flex:1 1}.confirm-modal-desc{color:#334155;font-size:15px;line-height:1.6;margin:0}.confirm-modal-footer{background:#fff;border-top:1px solid #f1f5f9;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.confirm-modal-content.danger .confirm-modal-icon{background:linear-gradient(180deg,#fff1f0,#fee2e2);color:#b91c1c}.confirm-modal-content.danger .btn-primary{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 8px 20px #dc26261f}.email-integration-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:12px}.header-actions{gap:12px}.page-subtitle{color:#64748b;font-size:14px;font-weight:400;margin-top:8px}.btn-primary{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:8px;box-shadow:0 1px 6px #2563eb1f;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 12px;transition:all .2s ease}.btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 12px #2563eb4d;transform:translateY(-2px)}.btn-primary:disabled{background:#94a3b8;box-shadow:none;cursor:not-allowed;transform:none}.btn-secondary{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s}.btn-secondary:hover{background:#e2e8f0;border-color:#cbd5e1}.btn-large{font-size:16px;justify-content:center;margin-top:20px;padding:14px 28px;text-decoration:none;width:100%}.loading-state{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.spinner{animation:spin 1s linear infinite;border-top-color:#2563eb;margin-bottom:16px}.notification{align-items:center;animation:slideDown .3s ease-out;border-radius:8px;display:flex;font-weight:500;gap:12px;margin-bottom:20px;padding:14px 20px}.notification-success{background:#dcfce7;border:1px solid #86efac;color:#166534}.notification-error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.notification-warning{background:#fef3c7;border:1px solid #fde047;color:#92400e}.notification-info{background:#dbeafe;border:1px solid #93c5fd;color:#1e40af}.email-integration-page .table-wrapper{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:block;overflow-x:auto;padding:0}.email-integration-page .email-integration-table{background:#fff;border-collapse:initial;border-radius:12px;border-spacing:0;min-width:0;overflow:hidden;width:100%}.email-integration-page .email-integration-table thead{background:#f8fafc;border-bottom:1px solid #e5e7eb}.email-integration-page .email-integration-table th{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.05em;padding:10px 16px!important;text-align:left;text-transform:uppercase}.email-integration-page .email-integration-table td{background:#fff;border-bottom:1px solid #f3f4f6;color:#1f2937;font-size:14px;line-height:1.4!important;padding:10px 16px!important;vertical-align:middle;white-space:normal;word-break:break-word}.email-integration-page .email-integration-table tbody tr{transition:all .15s ease}.email-integration-page .email-integration-table tbody tr:hover td{background:#f9fafb}.text-sm{color:#64748b;font-size:13px}.font-semibold{font-weight:600}.empty-state{color:#94a3b8;padding:80px 20px!important;vertical-align:middle}.email-integration-page .empty-state-cell{background:#0000!important;border:none!important;padding:0!important}.email-integration-page .empty-state-content{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;display:flex;flex-direction:column;justify-content:center;margin:0 auto;min-height:350px;padding:80px 40px;text-align:center}.email-integration-page .empty-state-content svg{color:#667eea;margin-bottom:20px;opacity:.7}.email-integration-page .empty-state-content p{color:#64748b;font-size:16px;font-weight:500;margin-bottom:24px}.email-integration-page .empty-state-content .btn-secondary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.email-integration-page .empty-state-content .btn-secondary:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.badge-outlook{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;color:#1e40af}.badge-gmail{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;color:#991b1b}.status-indicator{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.5px;padding:4px 12px}.status-indicator:before{animation:pulse 2s ease-in-out infinite;border-radius:50%;content:"";height:6px;width:6px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-indicator.active{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac;color:#166534}.status-indicator.active:before{background:#22c55e}.status-indicator.inactive{background:#f1f5f9;border:1px solid #cbd5e1;color:#64748b}.status-indicator.inactive:before{animation:none;background:#94a3b8}.status-indicator.expired{background:linear-gradient(135deg,#fef3c7,#fde047);border:1px solid #fde047;color:#92400e}.status-indicator.expired:before{background:#f59e0b}.action-buttons{display:flex;flex-wrap:nowrap;gap:6px}.icon-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;flex-shrink:0;height:30px;justify-content:center;padding:0;transition:all .15s;width:30px}.icon-btn:hover{box-shadow:0 6px 14px #1018280f;transform:translateY(-1px)}.compact-dates .date-created{font-weight:600}.compact-dates .date-updated,.muted{color:#64748b;font-size:12px}.icon-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.icon-btn-primary{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.icon-btn-primary:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd)}.icon-btn-secondary{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569}.icon-btn-secondary:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1)}.icon-btn-danger{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.icon-btn-danger:hover{background:linear-gradient(135deg,#fecaca,#fca5a5)}.icon-btn-success{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534}.icon-btn-success:hover{background:linear-gradient(135deg,#bbf7d0,#86efac)}.icon-btn-success:disabled{background:#e2e8f0;color:#94a3b8}.modal-overlay{z-index:1000}.modal-content{animation:slideUp .3s ease-out;border-radius:16px;box-shadow:0 20px 50px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto}.auth-modal{max-width:600px}.modal-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px 16px 0 0;padding:12px}.modal-header h2{color:#1e293b;font-size:20px}.close-btn{align-items:center;background:#f1f5f9;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:all .2s;width:32px}.close-btn:hover{background:#e2e8f0;color:#334155;transform:rotate(90deg)}.modal-body{padding:12px}.confirm-modal .modal-header{background:linear-gradient(90deg,#fff5f5,#fff1f2)}.confirm-modal .danger-icon{align-items:center;background:linear-gradient(135deg,#fff1f0,#fee2e2);border-radius:12px;box-shadow:0 6px 20px #b91c1c1f;color:#b91c1c;display:flex;font-size:22px;height:48px;justify-content:center;width:48px}.confirm-modal .modal-body p{line-height:1.6}.confirm-modal .modal-footer{background:#0000}.confirm-modal .btn-primary{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 8px 20px #dc262626}.confirm-modal .btn-primary:hover{transform:translateY(-2px)}.modal-footer{background:#fafbfc;border-radius:0 0 16px 16px;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.form-group{margin-bottom:20px}.form-group label{color:#334155;font-size:14px;margin-bottom:8px}.form-hint{color:#64748b;display:block;font-size:12px;font-style:italic;margin-top:6px}.form-group input,.form-group select{border:1px solid #e2e8f0;font-size:14px;padding:12px 16px;transition:all .2s}.form-group input:focus,.form-group select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.auth-step{padding:20px 0;text-align:center}.auth-icon{font-size:64px;margin-bottom:20px}.auth-icon.spinner{animation:spin 2s linear infinite}.auth-icon.success{animation:scaleIn .5s ease-out}.auth-step h3{color:#1e293b;font-size:24px;font-weight:700;margin:0 0 12px}.auth-step p{color:#64748b;line-height:1.6;margin-bottom:24px}.code-box{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #cbd5e1;border-radius:12px;margin:24px 0;padding:20px}.code-box label{color:#475569;display:block;font-size:14px;font-weight:600;margin-bottom:12px}.code-display{align-items:center;display:flex;gap:12px;justify-content:center}.user-code{color:#2563eb;font-family:Courier New,monospace;font-size:32px;font-weight:700;letter-spacing:4px}.instructions{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin:20px 0;padding:20px;text-align:left}.instructions h4{color:#334155;font-size:16px;font-weight:600;margin:0 0 12px}.instructions ol{color:#475569;line-height:1.8;margin:0;padding-left:20px}.instructions strong{color:#2563eb;font-weight:700}.auth-modal-compact{max-width:550px}.auth-step-compact{padding:16px 0;text-align:center}.auth-icon-small{font-size:48px;margin-bottom:16px}.auth-icon-small.success{animation:scaleIn .5s ease-out}.auth-description{color:#64748b;font-size:14px;margin-bottom:20px}.code-box-compact{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:12px;margin:20px 0;padding:20px}.code-box-compact label{color:#475569;display:block;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.code-display-compact{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:12px;justify-content:center;padding:12px}.user-code-large{color:#2563eb;font-family:Courier New,monospace;font-size:28px;font-weight:700;letter-spacing:3px}.instructions-compact{margin:20px 0;text-align:left}.instruction-step{align-items:center;color:#475569;display:flex;font-size:14px;gap:12px;padding:10px 0}.step-number{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.instruction-step strong{color:#2563eb;font-weight:700}.auth-link-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:20px;padding:16px}.auth-link-label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.auth-link{color:#2563eb;display:block;font-size:13px;font-weight:500;text-decoration:none;word-break:break-all}.auth-link:hover{text-decoration:underline}.active-players-container{background:linear-gradient(135deg,#f0f4f8,#e2e8f0);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0 auto;min-height:100vh;padding:1.5rem 2rem}.active-players-header{align-items:flex-start;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #fff9;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1.5rem 2rem}.back-button{align-items:center;background:#667eea1a;border:2px solid #667eea33;border-radius:8px;color:#667eea;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem;transition:all .2s ease}.back-button:hover{background:#667eea33;border-color:#667eea;transform:translateX(-4px)}.active-players-title{align-items:center;color:#1a202c;display:flex;font-size:1.875rem;font-weight:700;gap:.75rem;margin:0 0 .375rem}.active-players-subtitle{color:#718096;font-size:.875rem;font-weight:400;margin:0}.filter-section{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #fff9;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem;padding:1.25rem 1.75rem}.filter-group,.filter-section{align-items:center;display:flex}.filter-group{gap:.75rem}.date-select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#2d3748;cursor:pointer;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;padding:.625rem 1rem;transition:all .2s ease}.date-select:focus,.date-select:hover{border-color:#667eea}.date-select:focus{box-shadow:0 0 0 3px #667eea1a;outline:none}.custom-date-inputs{display:flex;gap:1.5rem}.date-input-group{align-items:center;display:flex;gap:.75rem}.date-input-group label{color:#2d3748;font-size:.875rem;font-weight:600}.date-input-group input[type=date]{border:2px solid #e2e8f0;border-radius:8px;font-family:Inter,sans-serif;font-size:.875rem;padding:.625rem 1rem;transition:all .2s ease}.date-input-group input[type=date]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.period-info{align-items:center;color:#4a5568;display:flex;font-size:.875rem;gap:.5rem;margin-left:auto}.period-info strong{color:#667eea;font-weight:600}.search-section{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #fff9;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;display:flex;margin-bottom:1.5rem;padding:1rem;position:relative}.search-icon{color:#94a3b8;left:2rem;pointer-events:none;position:absolute}.search-input{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#2d3748;font-family:Inter,sans-serif;font-size:.9375rem;padding:.875rem 1rem .875rem 3rem;transition:all .2s ease;width:100%}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.clear-search{align-items:center;background:#e2e8f0;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:1.25rem;height:24px;justify-content:center;line-height:1;padding:0;position:absolute;right:2rem;transition:all .2s ease;width:24px}.clear-search:hover{background:#cbd5e0;color:#475569}.summary-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-box{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #fff9;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;display:flex;gap:1rem;padding:1.5rem 2rem;transition:all .3s ease}.stat-box:hover{box-shadow:0 10px 25px #00000026;transform:translateY(-4px)}.stat-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;flex-shrink:0;height:48px;width:48px}.stat-label{font-size:.75rem;margin-bottom:.375rem}.stat-value{font-size:1.75rem}.players-table-wrapper{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #fff9;border-radius:16px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:hidden}.players-summary-table{border-collapse:collapse;font-size:.875rem;width:100%}.players-summary-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.players-summary-table thead tr th{color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:1rem 1.25rem;text-transform:uppercase}.players-summary-table tbody tr{border-bottom:1px solid #e2e8f0;transition:all .2s ease}.players-summary-table tbody tr:hover{background:#f7fafc;transform:scale(1.005)}.players-summary-table tbody tr:last-child{border-bottom:none}.players-summary-table tbody tr td{color:#4a5568;padding:1rem 1.25rem}.rank-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 2px 6px #667eea4d;color:#fff;display:inline-flex;font-size:.875rem;font-weight:700;height:32px;justify-content:center;width:32px}.player-name-cell{color:#1a202c;font-size:1rem;font-weight:700}.app-types-cell{padding:.75rem 1rem}.app-type-badges{align-items:center;display:flex;flex-wrap:wrap;gap:.375rem;justify-content:center}.app-type-tag{background:linear-gradient(135deg,#94a3b8,#64748b 50%,#475569);border-radius:8px;box-shadow:0 2px 6px #0003;color:#fff;display:inline-block;font-size:.6875rem;font-weight:600;letter-spacing:.3px;padding:.25rem .625rem;text-transform:uppercase;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap}.app-type-tag.app-type-ca{background:linear-gradient(135deg,#4ade80,#22c55e 50%,#16a34a)!important;box-shadow:0 2px 6px #22c55e4d!important;color:#fff!important}.app-type-tag.app-type-ch{background:linear-gradient(135deg,#2dd4bf,#14b8a6 50%,#0d9488)!important;box-shadow:0 2px 6px #14b8a64d!important;color:#fff!important}.app-type-tag.app-type-pp{background:linear-gradient(135deg,#60a5fa,#3b82f6 50%,#2563eb)!important;box-shadow:0 2px 6px #3b82f64d!important;color:#fff!important}.app-type-tag.app-type-ihub{background:linear-gradient(135deg,#22d3ee,#06b6d4 50%,#0891b2)!important;box-shadow:0 2px 6px #06b6d44d!important;color:#fff!important}.app-type-tag.app-type-na{background:linear-gradient(135deg,#94a3b8,#64748b 50%,#475569)!important;box-shadow:0 2px 6px #64748b4d!important;color:#fff!important}.no-app-type{color:#94a3b8;font-size:.875rem;font-style:italic}.transaction-count{color:#667eea;font-weight:600}.net-positive{color:#38a169;font-weight:600}.net-negative{color:#e53e3e;font-weight:600}.balance-arrow{font-size:1rem;margin-left:.375rem}.last-active-cell{color:#718096;font-size:.8125rem}.no-players{background:#fff;border-radius:14px;box-shadow:0 6px 18px #0000001a;color:#94a3b8;padding:4rem 2rem;text-align:center}.no-players svg{margin-bottom:1rem;opacity:.5}.no-players p{font-size:1.125rem;font-weight:500;margin:0}.see-more-btn{background:#fff;border:2px solid #667eea;border-radius:10px;box-shadow:0 4px 12px #667eea33;color:#667eea;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9375rem;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.see-more-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 6px 16px #667eea4d;color:#fff;transform:translateY(-2px)}.player-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #fff9;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden;transition:all .3s ease}.player-card:hover{box-shadow:0 10px 30px #00000026}.player-header{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-bottom:2px solid #e2e8f0;padding:1.5rem 2rem;transition:all .2s ease}.player-header.clickable{cursor:pointer}.player-header.clickable:hover{background:linear-gradient(135deg,#edf2f7,#e2e8f0)}.player-info{display:flex;flex-direction:column;gap:.75rem;width:100%}.player-name-row{align-items:center;display:flex;justify-content:space-between;width:100%}.player-name{color:#1a202c;font-size:1rem;font-weight:600;margin:0}.expand-icon-wrapper{align-items:center;color:#667eea;display:flex;justify-content:center;transition:transform .3s ease}.player-header.clickable:hover .expand-icon-wrapper{transform:scale(1.2)}.player-stats{display:flex;flex-wrap:wrap;gap:1.5rem}.player-stat{border-radius:12px;font-size:.875rem;font-weight:600;padding:.375rem .875rem}.player-stat.received{background:#48bb7826;color:#38a169}.player-stat.sent{background:#e53e3e26;color:#e53e3e}.player-stat.total{background:#667eea26;color:#667eea}.player-stat.last-active{background:#94a3b826;color:#64748b}.transactions-table-wrapper{overflow-x:auto}.transactions-table{border-collapse:collapse;font-size:.875rem;width:100%}.transactions-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.transactions-table thead tr th{color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:1rem 1.25rem;text-align:left;text-transform:uppercase}.transactions-table thead tr th.text-center{text-align:center}.transactions-table tbody tr{border-bottom:1px solid #e2e8f0;transition:all .2s ease}.transactions-table tbody tr:hover{background:#f7fafc}.transactions-table tbody tr:last-child{border-bottom:none}.transactions-table tbody tr td{color:#4a5568;padding:1rem 1.25rem}.date-cell{color:#718096;font-size:.8125rem}.app-cell{color:#2d3748;font-weight:600}.type-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.type-badge.received{background:#48bb7826;color:#38a169}.type-badge.sent{background:#e53e3e26;color:#e53e3e}.amount-cell{font-size:.875rem;font-weight:600}.amount-received{color:#38a169}.amount-sent{color:#e53e3e}.status-badge{border-radius:10px;display:inline-block;font-size:.7rem;padding:.25rem .625rem}.status-badge.status-c,.status-badge.status-s{background:#48bb7826;color:#38a169}.status-badge.status-i{background:#4299e126;color:#3182ce}.receiver-cell{color:#64748b;font-size:.8125rem}.export-btn,.export-buttons{display:flex;gap:.5rem}.export-btn{align-items:center;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.excel-btn{background:linear-gradient(135deg,#48bb78,#38a169);border-color:#38a169;color:#fff}.excel-btn:hover{background:linear-gradient(135deg,#38a169,#2f855a);box-shadow:0 4px 12px #38a1694d;transform:translateY(-2px)}.csv-btn{background:linear-gradient(135deg,#4299e1,#3182ce);border-color:#3182ce;color:#fff}.csv-btn:hover{background:linear-gradient(135deg,#3182ce,#2c5282);box-shadow:0 4px 12px #3182ce4d;transform:translateY(-2px)}@media (max-width:1024px){.active-players-container,.inactive-players-container,.report-container{padding:1.5rem}}@media (max-width:768px){.active-players-container,.inactive-players-container,.report-container{padding:1.5rem 1rem}}.superadmin-dashboard{animation:fadeInUp .4s ease-out;background:linear-gradient(135deg,#f0f4f8,#e2e8f0);box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0 auto;max-width:1400px;min-height:calc(100vh - 60px);overflow-x:hidden;padding:2rem;width:100%}.dashboard-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.dashboard-title{align-items:center;color:#1a202c;display:flex;font-size:2rem;font-weight:700;gap:.75rem;margin:0}.dashboard-subtitle{color:#718096;font-size:.875rem;margin:.5rem 0 0}.refresh-btn{background:#fff;border:2px solid #667eea;color:#667eea;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;padding:.625rem 1.25rem;transition:all .2s ease}.refresh-btn:hover{background:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff;transform:translateY(-2px)}.superadmin-dashboard.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh}.spinner{border:4px solid #e2e8f0}.error-banner{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:10px;color:#dc2626;display:flex;font-weight:500;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.health-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.health-card{align-items:center;animation:scaleIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fffc;border-radius:16px;box-shadow:0 4px 16px #00000014,0 2px 8px #0000000a;display:flex;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.health-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s ease}.health-card:hover:before{transform:scaleX(1)}.health-card:hover{border-color:#667eea4d;box-shadow:0 12px 28px #667eea40,0 6px 12px #00000014;transform:translateY(-6px)}.health-icon{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.health-content{flex:1 1}.health-label{color:#718096;font-size:.75rem;font-weight:600;margin-bottom:.375rem}.health-value{color:#1a202c;font-size:1.75rem;line-height:1;margin-bottom:.5rem}.health-status{align-items:center;display:flex;font-size:.8125rem;font-weight:600;gap:.375rem;text-transform:capitalize}.backends-section{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:2rem;padding:1.5rem}.backends-grid{grid-gap:1.25rem;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.backend-status-card{background:linear-gradient(135deg,#f7fafc,#edf2f7);border:1px solid #e2e8f0;border-radius:10px;padding:1.25rem;transition:all .2s ease}.backend-status-card:hover{border-color:#cbd5e0;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.backend-header{align-items:center;border-bottom:1px solid #e2e8f0;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem}.backend-name{color:#1a202c;flex:1 1;font-size:.9375rem;font-weight:600}.status-online{color:#10b981}.status-offline{color:#ef4444}.backend-details{display:flex;flex-direction:column;gap:.5rem}.backend-detail{display:flex;font-size:.8125rem;justify-content:space-between}.detail-label{color:#718096;font-weight:500}.detail-value{color:#1a202c;font-weight:600}.stats-section{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:2rem;padding:1.5rem}.section-title{align-items:center;color:#1a202c;display:flex;font-size:1.125rem;font-weight:700;gap:.5rem;margin:0 0 1.25rem}.stats-grid{grid-gap:1.25rem;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{background:linear-gradient(135deg,#f7fafc,#edf2f7);border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;gap:1rem;padding:1.25rem;transition:all .2s ease}.stat-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:scale(1.02)}.stat-card svg{color:#667eea;flex-shrink:0}.stat-content{flex:1 1}.stat-value{color:#1a202c;font-size:1.5rem;line-height:1;margin-bottom:.25rem}.stat-label{color:#718096;font-size:.8125rem;margin-bottom:.25rem}.stat-detail{color:#a0aec0;font-size:.75rem}.activity-section{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:2rem;padding:1.5rem}.activity-list{display:flex;flex-direction:column;gap:.75rem}.activity-item{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:1rem;padding:.875rem;transition:all .2s ease}.activity-item:hover{background:#edf2f7;border-color:#cbd5e0}.activity-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;flex-shrink:0;height:32px;width:32px}.activity-content{flex:1 1}.activity-text{color:#2d3748;font-size:.875rem;margin-bottom:.25rem}.activity-time{color:#a0aec0;font-size:.75rem}.activity-status{border-radius:12px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.status-success{background:#10b98126;color:#059669}.no-activity{color:#a0aec0;font-size:.875rem;padding:2rem;text-align:center}.actions-section{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:1.5rem}.actions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 4px 12px #667eea4d;color:#fff;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;gap:.5rem;padding:.875rem 1.25rem;transition:all .3s ease}.action-btn:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.action-btn:active{transform:translateY(0)}@media (max-width:768px){.superadmin-dashboard{padding:8px 12px}.dashboard-header{align-items:flex-start;flex-direction:column}.dashboard-title{font-size:1.5rem}.actions-grid,.health-grid,.stats-grid{grid-template-columns:1fr}.refresh-btn{justify-content:center;width:100%}}.modal-overlay{z-index:2000}.add-user-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;font-family:Inter,sans-serif;max-height:90vh;max-width:550px;overflow-y:auto;width:90%}.modal-header{border-radius:12px 12px 0 0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-title{align-items:center;color:#1a202c;display:flex;gap:.75rem}.modal-title h2{font-size:1.25rem;font-weight:700;margin:0}.modal-close{padding:.5rem}.modal-close:hover{background:#f7fafc}.form-group label{color:#2d3748;font-size:.875rem}.form-group input,.form-group select{background:#fff;border:2px solid #e2e8f0;font-family:Inter,sans-serif;font-size:.9375rem;padding:.75rem 1rem}.form-group input:disabled,.form-group select:disabled{background:#f7fafc}.field-hint{color:#718096;display:block;font-size:.75rem;margin-top:.375rem}.input-warning{background:#fffbeb;border-color:#f59e0b!important}.input-warning:focus{border-color:#f59e0b!important;box-shadow:0 0 0 3px #f59e0b1a!important}.field-warning{align-items:center;animation:slideDown .2s ease-out;background:#fffbeb;border:1px solid #fcd34d;border-radius:6px;color:#92400e;display:flex;font-size:.8125rem;font-weight:500;gap:.375rem;margin-top:.5rem;padding:.5rem .75rem}.field-warning svg{color:#f59e0b;flex-shrink:0}.password-input-wrapper input{padding-right:3rem}.password-toggle{color:#718096;padding:.5rem;top:50%;transform:translateY(-50%)}.password-strength{margin-top:.5rem}.strength-bar{background:#e2e8f0;height:4px;margin-bottom:.375rem}.strength-bar,.strength-fill{border-radius:2px}.strength-fill.strength-weak{background:#ef4444;width:25%}.strength-fill.strength-fair{background:#f59e0b;width:50%}.strength-fill.strength-good{background:#3b82f6;width:75%}.strength-fill.strength-strong{background:#10b981;width:100%}.strength-label{font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.password-requirements{background:#f7fafc;border-radius:8px;font-size:.8125rem;margin-top:.75rem;padding:.75rem}.password-requirements>div{align-items:center;display:flex;gap:.5rem;margin-bottom:.25rem}.password-requirements>div:last-child{margin-bottom:0}.req-met{color:#10b981;font-weight:500}.req-unmet{color:#94a3b8}.password-match{font-size:.8125rem;font-weight:600}.password-match.match{color:#10b981}.password-match.no-match{color:#ef4444}.form-error{background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#dc2626;font-size:.875rem;font-weight:500;margin-bottom:1.25rem;padding:.875rem 1rem}.modal-actions{justify-content:flex-end}.btn-cancel,.btn-submit{border:none;border-radius:8px;cursor:pointer;font-family:Inter,sans-serif;font-size:.9375rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.btn-cancel{background:#f7fafc;border:2px solid #e2e8f0;color:#4a5568}.btn-cancel:hover:not(:disabled){background:#edf2f7;border-color:#cbd5e0}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff}.btn-submit:hover:not(:disabled){box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-cancel:disabled,.btn-submit:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.add-user-modal{max-height:95vh;width:95%}.modal-body,.modal-header{padding:1rem}.modal-title h2{font-size:1.125rem}}.edit-user-modal{max-width:800px;width:95%}.user-info-card{background:linear-gradient(135deg,#f8f9fb,#fff);border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000f,0 1px 4px #00000008;margin-bottom:1.25rem;overflow:hidden;padding:1rem;position:relative}.user-info-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:3px;left:0;position:absolute;right:0;top:0}.info-card-title{align-items:center;border-bottom:1.5px solid #e5e7eb;color:#1f2937;display:flex;font-size:.95rem;font-weight:700;gap:.5rem;margin:0 0 .75rem;padding-bottom:.625rem}.info-card-title svg{color:#667eea;height:16px;width:16px}.info-grid{display:flex;flex-direction:column;gap:.625rem}.info-row{grid-gap:.625rem;display:grid;gap:.625rem;grid-template-columns:repeat(2,1fr)}.info-item-enhanced{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;display:flex;gap:.5rem;padding:.625rem;transition:all .2s ease}.info-item-enhanced:hover{border-color:#667eea;box-shadow:0 2px 6px #667eea1a;transform:translateY(-1px)}.info-icon{align-items:center;background:linear-gradient(135deg,#667eea1a,#764ba20d);border-radius:6px;color:#667eea;display:flex;flex-shrink:0;height:30px;justify-content:center;width:30px}.info-icon svg{height:14px;width:14px}.info-content{display:flex;flex:1 1;flex-direction:column;gap:.125rem;min-width:0}.info-label{color:#6b7280;font-size:.6875rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.info-value{color:#1f2937;font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-badge-mini{align-items:center;border-radius:4px;display:inline-flex;font-size:.6875rem;font-weight:700;letter-spacing:.3px;padding:.1875rem .5rem;text-transform:uppercase}.role-badge-mini.role-role_user,.role-badge-mini.role-user{background:linear-gradient(135deg,#64748b,#475569);color:#fff}.role-badge-mini.role-admin,.role-badge-mini.role-role_admin{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.role-badge-mini.role-role_super_admin,.role-badge-mini.role-superadmin{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.user-info-display{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.info-item{border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:.5rem 0}.info-item:last-child{border-bottom:none}.form-group{margin-bottom:1.25rem}.form-group label{align-items:center;color:#212529;display:flex;gap:.5rem}.form-group label svg{color:#667eea;flex-shrink:0}.role-select{cursor:pointer;font-weight:600}.required{color:#dc3545}.field-hint{color:#6c757d;font-size:.85rem;font-weight:400;margin-left:.5rem}.form-group input,.form-group select{border:2px solid #dee2e6;border-radius:8px;font-family:inherit;font-size:.95rem;padding:.75rem;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input:disabled,.form-group select:disabled{background:#f8f9fa;cursor:not-allowed;opacity:.6}.field-description{color:#6c757d;font-size:.85rem}.error-message{background:#fff5f5;border:1px solid #feb2b2;color:#c53030;margin-bottom:1.5rem}.modal-actions{border-top:1px solid #e9ecef;gap:.75rem;margin-top:1.5rem;padding-top:1.25rem}.btn-primary{flex:1 1}.btn-secondary{background:#e9ecef;color:#495057}.btn-secondary:hover:not(:disabled){background:#dee2e6}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b4d;color:#fff}.btn-warning:hover:not(:disabled){box-shadow:0 4px 12px #f59e0b66;transform:translateY(-2px)}@media (max-width:768px){.edit-user-modal{border-radius:20px;max-height:92vh;max-width:100%;overflow-y:auto;width:96%}.user-info-card{border-radius:12px;margin-bottom:1rem;padding:.875rem}.user-info-card:before{height:3px}.info-card-title{font-size:.9375rem;margin-bottom:.625rem;padding-bottom:.5rem}.info-card-title svg{height:15px;width:15px}.info-row{gap:.5rem;grid-template-columns:1fr}.info-item-enhanced{border-radius:8px;border-width:1.5px;padding:.75rem}.info-item-enhanced:hover{transform:translateY(0)}.info-item-enhanced:active{border-color:#667eea;box-shadow:0 3px 10px #667eea26;transform:scale(.98)}.info-icon{height:32px;width:32px}.info-icon svg{height:14px;width:14px}.info-label{font-size:.6875rem}.info-value{font-size:.875rem}.role-badge-mini{font-size:.6875rem;padding:.25rem .625rem}.form-group{margin-bottom:1.25rem}.form-group label{font-size:1rem;margin-bottom:.625rem}.form-group input,.form-group select{border-radius:10px;font-size:1rem;padding:.875rem}.field-description{font-size:.9rem;margin-top:.625rem}.modal-actions{flex-direction:column;gap:.75rem;margin-top:1.5rem;padding:1.25rem}.btn{font-size:1rem;justify-content:center;min-height:48px;padding:.875rem 1.25rem;width:100%}.password-reset-section{margin-top:1.25rem;padding-top:1.25rem}.password-reset-section h3{font-size:1.0625rem}.info-item{flex-direction:column;gap:.375rem;padding:.75rem 0}.error-message{font-size:.9375rem;padding:.875rem 1rem}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.reset-password-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{border-bottom:2px solid #f3f4f6}.header-icon{background:linear-gradient(135deg,#667eea26,#764ba226);border-radius:8px;color:#667eea;padding:.5rem}.modal-header h2{color:#1f2937;font-size:1.5rem;font-weight:700}.modal-close{align-items:center;background:#f3f4f6;border-radius:8px;color:#6b7280;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.modal-close:hover:not(:disabled){background:#e5e7eb;color:#1f2937}.modal-close:disabled{cursor:not-allowed;opacity:.5}.user-info-banner{align-items:center;background:linear-gradient(135deg,#eff6ff,#e0e7ff);border-left:4px solid #667eea;display:flex;gap:.5rem;margin:0;padding:1rem 1.5rem}.user-label{color:#6b7280;font-size:.875rem;font-weight:500}.user-name{font-size:1rem;font-weight:700}.user-id{color:#9ca3af;font-size:.75rem;font-weight:500}.form-group{margin-bottom:1.5rem}.form-group label{color:#374151;display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.required{color:#ef4444;margin-left:.25rem}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:.95rem;padding:.75rem 2.5rem .75rem 1rem;transition:all .2s ease;width:100%}.password-input-wrapper input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.password-input-wrapper input:disabled{background:#f9fafb;cursor:not-allowed;opacity:.6}.password-toggle{align-items:center;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:.375rem;position:absolute;right:.75rem;transition:color .2s ease}.password-toggle:hover{color:#667eea}.field-description{color:#6b7280;display:block;font-size:.8rem;font-style:italic;margin-top:.5rem}.password-match{align-items:center;animation:slideDown .2s ease-out;border-radius:6px;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-top:.5rem;padding:.5rem .75rem}.password-match.success{background:#d1fae5;color:#065f46}.password-match.error{background:#fee2e2;color:#991b1b}.password-strength{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:1rem;padding:1rem}.strength-label{color:#374151;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.strength-bar{background:#e5e7eb;border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden;width:100%}.strength-fill{border-radius:4px;height:100%;transition:all .3s ease}.strength-fill.weak{background:linear-gradient(90deg,#ef4444,#f87171)}.strength-fill.medium{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.strength-fill.strong{background:linear-gradient(90deg,#10b981,#34d399)}.strength-text{font-size:.875rem;font-weight:700;text-align:center}.strength-text.weak{color:#ef4444}.strength-text.medium{color:#f59e0b}.strength-text.strong{color:#10b981}.error-message{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin:0 1.5rem 1rem;padding:1rem}.modal-actions{border-top:1px solid #e5e7eb;margin-top:2rem;padding-top:1.5rem}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d;color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.warning-notice{align-items:center;background:#fffbeb;border-radius:0 0 16px 16px;border-top:2px solid #fef3c7;color:#92400e;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:1rem 1.5rem}@media (max-width:768px){.reset-password-modal{max-height:95vh;width:95%}.modal-body,.modal-header{padding:1.25rem}.modal-actions{flex-direction:column}.btn{width:100%}.user-info-banner{flex-wrap:wrap}}.user-management{animation:fadeInUp .4s ease-out;background:linear-gradient(135deg,#f0f4f8,#e2e8f0);box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0 auto;max-width:1400px;min-height:calc(100vh - 60px);overflow-x:hidden;padding:2rem;width:100%}.management-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.management-title{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;display:flex;font-size:2rem;font-weight:700;gap:.75rem;margin:0}.management-title svg{-webkit-text-fill-color:initial;color:#667eea}.management-subtitle{color:#6b7280;font-size:.95rem;margin:.25rem 0 0}.add-user-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.6rem 1.2rem;transition:all .3s ease}.add-user-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.message{align-items:center;border-radius:10px;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.5rem;position:relative}.message-success{background:#10b9811a;border:1px solid #10b98133;color:#059669}.message-error{background:#ef44441a;border:1px solid #ef444433;color:#dc2626}.message-close{background:none;border:none;color:inherit;cursor:pointer;font-size:1.5rem;line-height:1;padding:0;position:absolute;right:1rem}.filters-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fffc;border-radius:16px;box-shadow:0 4px 16px #00000014,0 2px 8px #0000000a;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1.25rem}.search-box{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;display:flex;flex:1 1;gap:.75rem;min-width:250px;padding:.75rem 1rem;transition:all .2s ease}.search-box:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-box svg{color:#718096;flex-shrink:0}.search-box input{border:none;color:#2d3748;flex:1 1;font-family:Inter,sans-serif;font-size:.9375rem;outline:none}.search-box input::placeholder{color:#a0aec0}.role-filter{border:2px solid #e2e8f0;border-radius:8px;color:#2d3748;cursor:pointer;font-family:Inter,sans-serif;font-size:.9375rem;font-weight:500;min-width:150px;padding:.75rem 1rem;transition:all .2s ease}.role-filter:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.status-filter{border:2px solid #e2e8f0;border-radius:8px;color:#2d3748;cursor:pointer;font-family:Inter,sans-serif;font-size:.9375rem;font-weight:500;min-width:150px;padding:.75rem 1rem;transition:all .2s ease}.status-filter:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.tables-container{display:flex;flex-direction:column;gap:2rem}.table-section-title{align-items:center;background:linear-gradient(135deg,#667eea14,#764ba20d);border-left:4px solid #667eea;border-radius:10px;color:#1f2937;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;margin:0 0 1rem;padding:.75rem 1rem}.table-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fffc;border-radius:16px;box-shadow:0 4px 16px #00000014,0 2px 8px #0000000a;overflow:hidden;padding:0;transition:all .3s ease}.table-wrapper:hover{box-shadow:0 8px 24px #667eea26,0 4px 12px #00000014;transform:translateY(-2px)}.users-table{border-collapse:collapse;width:100%}.users-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.users-table th{color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:1rem 1.25rem;text-align:left;text-transform:uppercase;white-space:nowrap}.users-table td{background:#fff;border-bottom:1px solid #f3f4f6;color:#1f2937;font-size:.9rem;padding:1rem 1.25rem;vertical-align:middle}.users-table tbody tr{transition:all .2s ease}.users-table tbody tr:hover{background:linear-gradient(135deg,#667eea0a,#764ba205)}.users-table tbody tr:hover td{background:#0000}.users-table tbody tr:last-child td{border-bottom:none}.users-table td:first-child,.users-table th:first-child{color:#6b7280;font-weight:600;text-align:center;width:60px}.users-table th:first-child{padding-left:1rem}.users-table th:last-child{padding-right:1rem}.sortable-header{cursor:pointer;transition:background .2s ease;-webkit-user-select:none;user-select:none}.sortable-header:hover{background:#ffffff1a}.header-content{align-items:center;display:inline-flex;gap:.5rem}.sort-icon-inactive{opacity:.6}.users-table tbody tr:has(.action-dropdown-menu){z-index:200!important}.username-cell{align-items:center;color:#1f2937;display:flex;font-weight:600;gap:.5rem}.username-cell strong{font-size:.9rem}.user-icon{color:#667eea;flex-shrink:0}.date-cell{color:#6b7280;font-size:.85rem}.date-wrapper{display:flex;flex-direction:column;gap:.125rem}.date-line{color:#374151;font-weight:500}.time-line{color:#9ca3af;font-size:.75rem}.count-cell{color:#667eea;font-size:1rem}.count-cell,.email-count{font-weight:700;text-align:center}.email-count{background:linear-gradient(135deg,#667eea26,#764ba21a);border-radius:8px;box-shadow:0 2px 4px #667eea1a;color:#764ba2;display:inline-block;padding:.35rem .75rem}.chatids-cell{color:#6b7280;font-size:.85rem}.chatids-value{background:#667eea14;border-radius:4px;color:#667eea;font-family:Courier New,monospace;font-size:.8rem;padding:.25rem .5rem}.no-chatids{color:#9ca3af}.role-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:600;justify-content:center;letter-spacing:.5px;min-width:90px;padding:.4rem .9rem;text-transform:uppercase}.role-superadmin{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#6d28d9}.role-admin{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.role-user{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#4b5563}.status-badge{font-size:.75rem;justify-content:center;min-width:80px}.status-active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.status-inactive{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.actions-cell{gap:.5rem;position:relative}.action-buttons-row,.actions-cell{align-items:center;display:flex;justify-content:center}.action-buttons-row{gap:.75rem}.action-btn{align-items:center;border:none;border-radius:10px;color:#fff!important;cursor:pointer;display:flex;font-weight:700;height:40px;justify-content:center;overflow:visible;position:relative;transition:all .25s ease;width:40px}.action-btn svg{stroke-width:2.5!important;stroke:#fff!important;fill:none!important;color:#fff!important;display:block!important;height:20px!important;min-height:20px;min-width:20px;opacity:1!important;visibility:visible!important;width:20px!important}.action-btn:hover{transform:translateY(-3px) scale(1.05)}.action-btn:active{transform:translateY(-1px) scale(1.02)}.action-btn.edit-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea66}.action-btn.edit-btn:hover{box-shadow:0 6px 20px #667eea80}.action-btn.reset-btn{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b66}.action-btn.reset-btn:hover{box-shadow:0 6px 20px #f59e0b80}.action-btn.delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef444466}.action-btn.delete-btn:hover{box-shadow:0 6px 20px #ef444480}.action-buttons-row .action-btn svg,.actions-cell .action-btn svg,.users-table .action-btn svg{stroke:#fff!important;fill:none!important;stroke-width:2.5!important;color:#fff!important;display:inline-block!important;height:20px!important;opacity:1!important;visibility:visible!important;width:20px!important}.actions-dropdown-container{display:inline-block;position:relative}.action-dropdown-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 6px #667eea4d;color:#fff;cursor:pointer;display:flex;height:34px;justify-content:center;padding:.5rem;transition:all .3s ease;width:34px}.action-dropdown-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.action-dropdown-menu{animation:slideDown .2s ease;background:#fff;border:1px solid #667eea1a;border-radius:12px;box-shadow:0 10px 40px #00000026,0 4px 12px #0000001a;min-width:180px;overflow:hidden;padding:.5rem;position:absolute;right:0;top:calc(100% + 8px);z-index:9999}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;padding:.625rem .875rem;text-align:left;transition:all .2s ease;width:100%}.dropdown-item svg{flex-shrink:0;height:18px;width:18px}.edit-item{color:#3b82f6}.edit-item:hover{background:linear-gradient(135deg,#3b82f61f,#3b82f60d);transform:translateX(4px)}.reset-item{color:#f59e0b}.reset-item:hover{background:linear-gradient(135deg,#f59e0b1f,#f59e0b0d);transform:translateX(4px)}.delete-item{color:#ef4444}.delete-item:hover{background:linear-gradient(135deg,#ef44441f,#ef44440d);transform:translateX(4px)}.dropdown-divider{background:linear-gradient(90deg,#0000,#e5e7eb,#0000);height:1px;margin:.375rem 0}.empty-state,.loading-state{align-items:center;background:#fff;border-radius:12px;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.spinner{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:48px;margin-bottom:1rem;width:48px}.empty-state svg{color:#667eea;opacity:.5}.pagination{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:1rem}.page-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 6px #667eea4d;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem 1.25rem;transition:all .3s ease}.page-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.page-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.page-info{color:#4b5563;font-size:.9rem;font-weight:500}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;position:fixed;right:0;top:0;z-index:9999}body:has(.modal-overlay){overflow:hidden}.modal-content{animation:scaleIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 40px #0003;display:flex;flex-direction:column;max-height:95vh;max-width:600px;width:90%}.modal-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;justify-content:space-between;padding:1.5rem}.modal-header h2{color:#1a202c;font-size:1.25rem;margin:0}.header-title{align-items:center;display:flex;gap:.75rem}.modal-close{background:none;border:none;color:#718096;cursor:pointer;font-size:2rem;line-height:1;padding:0}.modal-close:hover{color:#1a202c}.modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.modal-actions{background:#fff;border-top:1px solid #e2e8f0;display:flex;flex-shrink:0;gap:1rem;padding:1.5rem}.modal-placeholder{color:#718096;line-height:1.6;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.25rem;transition:all .3s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:#e5e7eb;color:#6b7280}.btn-secondary:hover:not(:disabled){background:#d1d5db;color:#374151}.delete-confirm-modal{max-width:500px;width:90%}.header-icon-danger{background:#ef44441a;border-radius:8px;color:#ef4444;padding:.5rem}.delete-warning{color:#4b5563;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.user-details-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:1rem;padding:1rem}.detail-row{border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:.5rem 0}.detail-row:last-child{border-bottom:none}.detail-row .detail-label{color:#6b7280;font-size:.875rem;font-weight:600}.detail-row .detail-value{color:#1f2937;font-size:.875rem;font-weight:600}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d;color:#fff}.btn-danger:hover{box-shadow:0 4px 12px #ef444466;transform:translateY(-2px)}.permanent-delete-option{background:#fef9f5;border:1px solid #fed7aa;border-radius:8px;margin:1.5rem 0 1rem;padding:1rem}.checkbox-label{align-items:center;color:#92400e;cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:.75rem}.checkbox-label span{-webkit-user-select:none;user-select:none}.delete-checkbox{accent-color:#f59e0b;cursor:pointer;height:18px;width:18px}.permanent-delete-warning{align-items:flex-start;animation:slideDown .3s ease-out;background:#fef2f2;border:2px solid #fca5a5;border-radius:8px;display:flex;gap:.75rem;margin-top:1rem;padding:1rem}.permanent-delete-warning svg{color:#dc2626;flex-shrink:0;margin-top:.125rem}.permanent-delete-warning strong{color:#991b1b;display:block;font-size:.9375rem;margin-bottom:.375rem}.permanent-delete-warning p{color:#7f1d1d;font-size:.875rem;line-height:1.5;margin:0}@media (max-width:768px){.user-management{min-height:100vh;padding:1rem}.management-header{align-items:flex-start;flex-direction:column;gap:1rem}.management-title{font-size:1.5rem}.add-user-btn{justify-content:center;padding:.875rem;width:100%}.filters-section{flex-direction:column;padding:1rem}.role-filter,.search-box,.status-filter{width:100%}.tables-container{gap:2rem}.table-section-title{font-size:1.125rem;margin-bottom:1rem;padding:.75rem 1rem}.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.users-table{min-width:800px}.users-table-basic{min-width:700px}.users-table-metrics{min-width:900px}.users-table th{font-size:.7rem;padding:1rem .75rem}.users-table td{font-size:.8125rem;padding:1rem .75rem}.users-table td:first-child{padding-left:1rem}.users-table td:last-child{padding-right:1rem}.role-badge{font-size:.65rem;min-width:85px;padding:.35rem .65rem}.status-badge{font-size:.65rem;padding:.3rem .65rem}.date-line{font-size:.75rem}.time-line{font-size:.7rem}.count-cell{font-size:.875rem}.email-count{font-size:.9375rem}.chatids-value{font-size:.75rem;padding:.3rem .6rem}.action-dropdown-btn{height:40px;width:40px}.action-dropdown-menu{min-width:220px}.dropdown-item{font-size:.9rem;padding:.875rem 1rem}.pagination{flex-direction:column;gap:.75rem;padding:1rem}.page-btn{padding:.875rem;width:100%}.delete-confirm-modal{max-width:400px;width:95%}.modal-actions{flex-direction:column;gap:.75rem}.btn{width:100%}.empty-state,.loading-state{padding:2rem 1rem}}.backend-health-container{animation:fadeIn .5s ease-in;box-sizing:border-box;margin:0 auto;max-width:1400px;overflow-x:hidden;padding:2rem;width:100%}.page-header{flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.header-left,.page-header{align-items:center;display:flex}.header-left{gap:1.5rem}.header-icon{color:#3b82f6}.page-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;font-size:2rem;font-weight:700;margin:0}.subtitle{color:#6b7280;font-size:.95rem;margin:.25rem 0 0}.header-actions{align-items:center;display:flex;gap:1rem}.auto-refresh-toggle{align-items:center;color:#6b7280;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;-webkit-user-select:none;user-select:none}.auto-refresh-toggle input[type=checkbox]{cursor:pointer;height:16px;width:16px}.refresh-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;box-shadow:0 2px 8px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.6rem 1.2rem;transition:all .3s ease}.refresh-btn:hover:not(:disabled){box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.refresh-btn:disabled{cursor:not-allowed;opacity:.6}.last-refresh{color:#6b7280;font-size:.85rem;font-style:italic;margin-bottom:1.5rem;text-align:right}.loading-state{color:#6b7280;padding:4rem 2rem;text-align:center}.loading-state svg{color:#3b82f6;margin-bottom:1rem}.backends-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-top:1rem}.backend-card{animation:slideUp .5s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem;transition:all .3s ease}.backend-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.backend-header{border-bottom:2px solid #f3f4f6;border-left:4px solid;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;padding-left:1rem}.backend-header,.backend-title{align-items:flex-start;display:flex}.backend-title{gap:1rem}.backend-title h3{color:#1f2937;font-size:1.3rem;font-weight:600;margin:0}.backend-description{color:#6b7280;font-size:.85rem;margin:.25rem 0 0}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.8rem;font-weight:600;gap:.4rem;letter-spacing:.5px;padding:.4rem .9rem;text-transform:uppercase;white-space:nowrap}.status-up{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.status-down{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.status-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.health-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:1.5rem}.health-item{display:flex;flex-direction:column;gap:.3rem}.health-label{color:#6b7280;font-size:.8rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.health-value{color:#1f2937;font-size:1.1rem;font-weight:700}.text-green{color:#10b981}.text-yellow{color:#f59e0b}.text-red{color:#ef4444}.actuator-section{background:#f9fafb;border-radius:8px;margin-bottom:1rem;padding:1rem}.actuator-section h4{align-items:center;color:#374151;display:flex;font-size:1rem;gap:.5rem;margin:0 0 1rem}.component-health{background:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:.75rem;padding:1rem}.component-health:last-child{margin-bottom:0}.component-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.component-name{color:#1f2937;font-size:.95rem;font-weight:600}.component-details{display:flex;flex-direction:column;gap:.5rem}.detail-item{border-bottom:1px solid #f3f4f6;display:flex;font-size:.85rem;justify-content:space-between;padding:.4rem 0}.detail-item:last-child{border-bottom:none}.detail-item span:first-child{color:#6b7280;font-weight:500}.detail-item span:last-child{color:#1f2937;font-weight:600}.status-info-section{background:#f0f9ff;border-left:4px solid #3b82f6;border-radius:8px;margin-bottom:1rem;padding:1rem}.status-info-section h4{align-items:center;color:#1f2937;display:flex;font-size:.95rem;gap:.5rem;margin:0 0 .75rem}.status-details{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.status-item{display:flex;flex-direction:column;gap:.25rem}.status-label{color:#6b7280;font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.status-value{color:#1f2937;font-size:.95rem;font-weight:600}.status-value.text-green{color:#10b981}.status-value.text-red{color:#ef4444}.endpoints-section{background:#f9fafb;border-radius:8px;padding:1rem}.endpoints-section h4{color:#374151;font-size:.95rem;margin:0 0 .75rem}.endpoints-list{display:flex;flex-direction:column;gap:.5rem}.endpoint-link{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#3b82f6;display:flex;font-size:.85rem;font-weight:500;justify-content:space-between;padding:.6rem .8rem;text-decoration:none;transition:all .2s ease}.endpoint-link:hover{background:#eff6ff;border-color:#3b82f6;transform:translateX(4px)}.error-section{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#991b1b;display:flex;font-size:.9rem;gap:.5rem;margin-top:1rem;padding:1rem}.empty-state svg{color:#d1d5db}@media (max-width:768px){.backends-grid{grid-template-columns:1fr}.page-header{align-items:flex-start;flex-direction:column}.header-actions{justify-content:space-between;width:100%}.health-summary{grid-template-columns:1fr}}.api-monitoring-container{animation:fadeIn .5s ease-in;box-sizing:border-box;margin:0 auto;max-width:1400px;overflow-x:hidden;padding:2rem;width:100%}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{align-items:center;animation:slideUp .5s ease-out;background:#fff;border-left:4px solid;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:1.5rem;padding:1.5rem;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.stat-primary{border-left-color:#3b82f6}.stat-success{border-left-color:#10b981}.stat-danger{border-left-color:#ef4444}.metric-good{border-left-color:#10b981}.metric-warning{border-left-color:#f59e0b}.metric-danger{border-left-color:#ef4444}.stat-icon{align-items:center;background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border-radius:12px;color:#3b82f6;display:flex;height:60px;justify-content:center;width:60px}.stat-primary .stat-icon{background:linear-gradient(135deg,#3b82f626,#3b82f60d);color:#3b82f6}.stat-success .stat-icon{background:linear-gradient(135deg,#10b98126,#10b9810d);color:#10b981}.stat-danger .stat-icon{background:linear-gradient(135deg,#ef444426,#ef44440d);color:#ef4444}.metric-good .stat-icon{background:linear-gradient(135deg,#10b98126,#10b9810d);color:#10b981}.metric-warning .stat-icon{background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);color:#f59e0b}.metric-danger .stat-icon{background:linear-gradient(135deg,#ef444426,#ef44440d);color:#ef4444}.stat-content{display:flex;flex-direction:column;gap:.25rem}.stat-label{color:#6b7280;font-size:.85rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:#1f2937;font-size:1.8rem;font-weight:700}.stat-percentage{color:#6b7280;font-size:.9rem;font-weight:600}.date-range-select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-weight:500;padding:.6rem 1rem;transition:all .2s ease}.date-range-select:hover{border-color:#3b82f6}.date-range-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.endpoint-stats-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:1.5rem}.endpoint-stats-section h2{align-items:center;color:#1f2937;display:flex;font-size:1.3rem;gap:.75rem;margin:0 0 1.5rem}.endpoint-table-wrapper{overflow-x:auto}.endpoint-table{border-collapse:collapse;width:100%}.endpoint-table thead{background:#f9fafb}.endpoint-table th{border-bottom:2px solid #e5e7eb;color:#374151;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.endpoint-table td{border-bottom:1px solid #f3f4f6;color:#1f2937;padding:1rem}.endpoint-table tbody tr:hover{background:#f9fafb}.endpoint-path{color:#3b82f6;font-family:Courier New,monospace;font-weight:500}.text-success{color:#10b981;font-weight:600}.text-danger{color:#ef4444;font-weight:600}.success-rate-bar{background:#f3f4f6;border-radius:12px;height:24px;overflow:hidden;position:relative;width:100%}.success-rate-fill{background:linear-gradient(90deg,#10b981,#34d399);height:100%;transition:width .3s ease}.success-rate-text{color:#1f2937;font-size:.8rem;font-weight:600;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.failed-requests-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.failed-requests-section h2{align-items:center;color:#1f2937;display:flex;font-size:1.3rem;gap:.75rem;margin:0 0 1.5rem}.failed-requests-list{display:flex;flex-direction:column;gap:1rem}.failed-request-card{background:#fefefe;border:1px solid #f3f4f6;border-left:4px solid #ef4444;border-radius:8px;padding:1rem;transition:all .2s ease}.failed-request-card:hover{box-shadow:0 4px 12px #00000014;transform:translateX(4px)}.request-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.request-method-path{align-items:center;display:flex;gap:.75rem}.http-method{border-radius:6px;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.3rem .7rem;text-transform:uppercase}.method-get{background:#dbeafe;color:#1e40af}.method-post{background:#dcfce7;color:#166534}.method-put{background:#fef3c7;color:#92400e}.method-delete{background:#fee2e2;color:#991b1b}.method-patch{background:#f3e8ff;color:#6b21a8}.request-path{color:#374151;font-family:Courier New,monospace;font-weight:500}.status-code{border-radius:6px;font-size:.85rem;font-weight:700;padding:.4rem .8rem}.status-4xx{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.status-5xx{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.request-details{display:flex;flex-direction:column;gap:.5rem}.detail-row{display:flex;font-size:.9rem;gap:1rem}.detail-label{color:#6b7280;font-weight:600;min-width:120px}.detail-value{color:#1f2937;flex:1 1;font-weight:500}.error-message{color:#ef4444;font-family:Courier New,monospace;font-size:.85rem}.empty-state{color:#6b7280;padding:4rem 2rem;text-align:center}.empty-state svg{color:#10b981;margin-bottom:1rem}.empty-state h3{color:#374151;margin:.5rem 0}.pagination{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:center;margin-top:1.5rem;padding-top:1.5rem}.pagination-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.6rem 1.2rem;transition:all .3s ease}.pagination-btn:hover:not(:disabled){box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.pagination-info{color:#374151;font-weight:500}@media (max-width:768px){.api-monitoring-container{padding:1rem}.stats-grid{grid-template-columns:1fr}.header-actions{flex-direction:column;width:100%}.date-range-select,.refresh-btn{width:100%}.endpoint-table{font-size:.85rem}.endpoint-table td,.endpoint-table th{padding:.75rem .5rem}.request-header{align-items:flex-start;flex-direction:column;gap:.5rem}.detail-row{flex-direction:column;gap:.25rem}.detail-label{min-width:auto}}.user-analytics-container{animation:fadeIn .5s ease-in;box-sizing:border-box;margin:0 auto;max-width:1400px;overflow-x:hidden;padding:2rem;width:100%}.activity-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.activity-card{align-items:center;animation:slideUp .5s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 16px #667eea4d;color:#fff;display:flex;gap:1.5rem;padding:2rem;transition:all .3s ease}.activity-card:hover{box-shadow:0 8px 24px #667eea66;transform:translateY(-4px)}.activity-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:12px;display:flex;height:60px;justify-content:center;width:60px}.activity-content{display:flex;flex-direction:column;gap:.25rem}.activity-label{font-size:.85rem;font-weight:500;letter-spacing:.5px;opacity:.9;text-transform:uppercase}.activity-value{font-size:2rem;font-weight:700}.activity-sublabel{font-size:.85rem;opacity:.8}.stat-warning{border-left-color:#f59e0b}.stat-info{border-left-color:#8b5cf6}.stat-warning .stat-icon{background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);color:#f59e0b}.stat-info .stat-icon{background:linear-gradient(135deg,#8b5cf626,#8b5cf60d);color:#8b5cf6}.role-distribution-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:1.5rem}.role-distribution-section h2{align-items:center;color:#1f2937;display:flex;font-size:1.3rem;gap:.75rem;margin:0 0 1.5rem}.role-cards-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.role-card{background:#fff;border:2px solid;border-radius:12px;padding:1.5rem;transition:all .3s ease}.role-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.role-superadmin{border-color:#dc2626}.role-admin{border-color:#3b82f6}.role-user{border-color:#10b981}.role-header{align-items:center;color:#374151;display:flex;gap:.75rem;margin-bottom:1rem}.role-superadmin .role-header{color:#dc2626}.role-admin .role-header{color:#3b82f6}.role-user .role-header{color:#10b981}.role-name{font-size:1rem;font-weight:600}.role-count{color:#1f2937;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.role-percentage{color:#6b7280;font-size:1rem;font-weight:600;margin-bottom:1rem}.role-bar{background:#f3f4f6;border-radius:4px;height:8px;overflow:hidden;width:100%}.role-bar-fill{border-radius:4px;height:100%;transition:width .5s ease}.role-superadmin-fill{background:linear-gradient(90deg,#dc2626,#ef4444)}.role-admin-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.role-user-fill{background:linear-gradient(90deg,#10b981,#34d399)}.top-users-section{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.top-users-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.top-users-card h3{align-items:center;border-bottom:2px solid #f3f4f6;color:#1f2937;display:flex;font-size:1.1rem;gap:.5rem;margin:0 0 1.5rem;padding-bottom:1rem}.top-users-list{display:flex;flex-direction:column;gap:1rem}.top-user-item{align-items:center;background:#f9fafb;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .2s ease}.top-user-item:hover{background:#f3f4f6;transform:translateX(4px)}.user-rank{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;color:#fff;display:flex;font-size:.9rem;font-weight:700;height:36px;justify-content:center;width:36px}.user-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.user-name{color:#1f2937;font-size:.95rem;font-weight:600}.user-detail{color:#6b7280;font-size:.8rem}.user-metric{align-items:flex-end;display:flex;flex-direction:column;gap:.1rem}.metric-value{color:#3b82f6;font-size:1.3rem;font-weight:700}.metric-label{color:#6b7280;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.empty-message{color:#6b7280;font-style:italic;padding:2rem;text-align:center}.error-state,.loading-state{color:#6b7280;padding:4rem 2rem;text-align:center}.error-state svg,.loading-state svg{color:#3b82f6;margin-bottom:1rem}.error-state svg{color:#6b7280}.error-state h3{color:#374151;margin:.5rem 0 1rem}.retry-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.retry-btn:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.user-analytics-container{padding:1rem}.activity-stats,.role-cards-grid,.top-users-section{grid-template-columns:1fr}.activity-card{padding:1.5rem}.activity-value{font-size:1.5rem}.role-count{font-size:2rem}.top-user-item{padding:.75rem}}.dashboard-table-wrapper,.table-card,.table-wrapper{border-radius:12px;box-shadow:0 1px 3px #0000000d;box-sizing:border-box;margin:0;max-width:100%;overflow-x:hidden;overflow-y:visible;padding:0;width:100%}.dashboard-table,.limits-table,.modern-table,.players-table,.report-table,table{background:#fff;background:var(--bg-card,#fff);border-collapse:collapse;box-sizing:border-box;font-size:11px;max-width:100%;table-layout:fixed;width:100%}.dashboard-table thead,.modern-table thead,table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:10}.dashboard-table th,.modern-table th,table th{font-size:11px;font-weight:800;letter-spacing:.5px;padding:14px 10px;text-align:center;text-shadow:0 1px 2px #0000001a;text-transform:uppercase;white-space:nowrap}.dashboard-table td,.modern-table td,table td{border-bottom:1px solid #00000014;color:#1a202c;font-size:11px;font-weight:500;line-height:1.6;padding:16px 10px;vertical-align:middle;white-space:nowrap}.email-integration-page .email-integration-table td,.email-integration-page .email-integration-table th,.email-integration-page table td,.email-integration-page table th,.email-integration-table td,.email-integration-table th{font-size:13px!important;line-height:1.3!important;padding:8px 12px!important;white-space:normal!important}.dashboard-table td,.dashboard-table th,table td,table th{overflow:visible!important;text-overflow:clip!important}.dashboard-table tbody tr:hover,table tbody tr:hover{background:#667eea14!important;box-shadow:0 2px 8px #667eea1f;transform:scale(1.001);transition:all .2s ease}.dashboard-table tbody tr,table tbody tr{transition:all .2s ease}.dashboard-table tbody tr:nth-child(2n),table tbody tr:nth-child(2n){background:#f8fafc99}.dashboard-table tbody tr:nth-child(odd),table tbody tr:nth-child(odd){background:#fff}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.amount-cell,.amount-received,.amount-sent{font-family:SF Mono,Monaco,Inconsolata,Courier New,monospace;font-size:12px;font-weight:700;letter-spacing:.3px}.amount-received{color:#2f855a!important;text-shadow:0 1px 2px #2f855a1a}.amount-sent{color:#c53030!important;text-shadow:0 1px 2px #c530301a}.net-positive{color:#2f855a!important;font-weight:700;text-shadow:0 1px 2px #2f855a1a}.net-negative{color:#c53030!important;font-weight:700;text-shadow:0 1px 2px #c530301a}.player-cell,.player-name-cell{color:#1a202c;font-size:12px;font-weight:700}.player-name-text{color:#1a202c;font-weight:700}.app-name-text{color:#2d3748;font-weight:600}.app-badge,.status-badge{border:1px solid #fff3;border-radius:14px;box-shadow:0 1px 3px #00000014;display:inline-block;font-size:10px;letter-spacing:.4px;padding:5px 11px}.activity-badge,.app-badge,.status-badge{font-weight:700;text-transform:uppercase;white-space:nowrap}.activity-badge{align-items:center;border-radius:8px;display:inline-flex;font-size:8px;letter-spacing:.2px;padding:2px 6px}@media (max-width:1024px){.dashboard-table,.limits-table,.modern-table,.players-table,.report-table,table{font-size:9px;max-width:100%;table-layout:fixed;width:100%}table td,table th{font-size:9px;padding:8px 4px}}@media (max-width:768px){.dashboard-table,.limits-table,.modern-table,.players-table,.report-table,table{font-size:7px}table td,table th{font-size:7px;padding:6px 2px}}@media (max-width:480px){.dashboard-table,.limits-table,.modern-table,.players-table,.report-table,table{font-size:6px}table td,table th{font-size:6px;padding:5px 1px}}*{box-sizing:border-box}
/*# sourceMappingURL=main.089d5f55.css.map*/