@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{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--primary-color:#667eea;--primary-dark:#5568d3;--primary-light:#8b9aff;--secondary-color:#764ba2;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-gradient:linear-gradient(135deg,#f8fafc,#e2e8f0);--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}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f1f5f9;background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:#cbd5e0;background:var(--border-medium);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#667eea;background:var(--primary-color)}::selection{background:#667eea;background:var(--primary-color);color:#fff}:focus{outline:none}:focus-visible{outline:2px solid #667eea;outline:2px solid var(--primary-color);outline-offset:2px}@tailwind base;@tailwind components;@tailwind utilities;@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 slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@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)}}@keyframes glow{0%,to{filter:drop-shadow(0 0 5px rgba(102,126,234,.5))}50%{filter:drop-shadow(0 0 20px rgba(102,126,234,.8))}}.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,#f8fafc,#f1f5f9 50%,#f8fafc);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:#667eea;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:var(--bg-gradient);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0 auto;max-width:1400px;min-height:calc(100vh - 60px);padding:var(--spacing-xl)}.page-header{margin-bottom:var(--spacing-xl)}.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:var(--font-3xl);font-weight:700;gap:var(--spacing-md);margin:0 0 var(--spacing-sm)}.page-subtitle{color:var(--text-tertiary);font-size:var(--font-base);font-weight:500;margin:0}.content-card,.table-card{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-xl)}.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{align-items:center;display:inline-flex;font-size:var(--font-xs);gap:var(--spacing-xs)}.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{border-radius:var(--radius-md)}table{border-collapse:collapse;font-size:var(--font-sm);width:100%}thead{background:var(--bg-secondary);border-bottom:2px solid var(--border-light)}th{color:var(--text-primary);font-size:var(--font-xs);font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}td,th{padding:var(--spacing-md)}td{border-bottom:1px solid var(--border-light);color:var(--text-secondary)}tbody tr{transition:background var(--transition-fast)}tbody tr:hover{background:var(--bg-secondary)}tbody tr:last-child td{border-bottom:none}@media (max-width:768px){.page-container{padding:var(--spacing-md)}.page-title{font-size:var(--font-2xl)}.content-card,.table-card{padding:var(--spacing-lg)}.filters{flex-direction:column}.filter-input,.filter-select{width:100%}}.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}.spinner{animation:spin .8s linear infinite}.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}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.transactions-page{animation:fadeInUp .4s ease-out}.transactions-header{align-items:flex-start;animation:fadeInDown .5s ease-out;display:flex;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-xl)}.header-content{flex:1 1}.transactions-header .page-title{align-items:center;animation:none;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.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);display:flex;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{align-items:center;background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-sm);font-weight:600;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:var(--spacing-md);animation:slideInDown .4s ease-out;background:var(--bg-secondary);border-radius:var(--radius-lg);display:grid;gap:var(--spacing-md);grid-template-columns:1.2fr 1fr 1.5fr .8fr .8fr auto;margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg)}.filter-section{flex-direction:column;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:36px;outline:none;padding:8px var(--spacing-md);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}.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:32px;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)}.modern-table{background:var(--bg-primary);border-collapse:collapse;font-size:var(--font-sm);width:100%}.modern-table thead{background:var(--primary-gradient);color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modern-table th{cursor:pointer;font-size:var(--font-xs);font-weight:600;letter-spacing:.5px;padding:var(--spacing-md);text-transform:uppercase;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.modern-table th:hover{background:#ffffff1a}.th-content{align-items:center;display:flex;gap:var(--spacing-xs);justify-content:center}.sort-icon{animation:bounceIn .3s ease-out;font-size:14px}.modern-table td{border-bottom:1px solid var(--border-light);color:var(--text-secondary);padding:var(--spacing-md)}.modern-table td,.table-row-animated{transition:all var(--transition-fast)}.table-row-animated{animation:fadeInUp .3s ease-out both}.table-row-animated:hover{background:var(--bg-secondary);box-shadow:0 2px 8px #0000000d;transform:scale(1.005);z-index:1}.table-row-animated:first-child{animation-delay:.05s}.table-row-animated:nth-child(2){animation-delay:.1s}.table-row-animated:nth-child(3){animation-delay:.15s}.table-row-animated:nth-child(4){animation-delay:.2s}.table-row-animated:nth-child(5){animation-delay:.25s}.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{position:relative}.player-name{color:var(--text-primary);font-weight:500}.subject-tooltip{background:var(--info-color);border-radius:var(--radius-sm);color:#fff;font-size:11px;left:calc(100% + 8px);opacity:0;padding:4px var(--spacing-sm);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity var(--transition-fast);white-space:nowrap;z-index:10}.player-name:hover .subject-tooltip{opacity:1}.amount-cell{color:var(--success-color)}.amount-value{font-size:var(--font-base)}.highlight,mark.highlight{animation:pulse .5s ease-out;background:#ffeb3b66;border-radius:3px;color:var(--text-primary);font-weight:600;padding:2px 4px}.app-badge{animation:scaleIn .2s ease-out;border-radius:var(--radius-sm);display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px var(--spacing-sm);text-transform:uppercase}.app-badge-ca{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.app-badge-ve{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.app-badge-ch{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.app-badge-pp{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.app-badge-sk{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff}.app-badge-default{background:linear-gradient(135deg,#64748b,#475569);color:#fff}.status-badge{animation:scaleIn .2s ease-out;border-radius:var(--radius-sm);font-size:11px;padding:4px var(--spacing-sm)}.status-success{background:var(--success-light);color:var(--success-color)}.status-failed{background:var(--error-light);color:var(--error-color)}.status-confirm{background:var(--info-light);color:var(--info-color)}.status-sent{background:var(--warning-light);color:var(--warning-color)}.status-accept{background:#d1fae5;color:#065f46}.status-request{background:#fef3c7;color:#92400e}.status-checkemail{background:#dbeafe;color:#1e40af}.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:var(--spacing-lg)}.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:var(--font-sm);font-weight:600;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-xl);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)}@media (max-width:1200px){.modern-filters{grid-template-columns:1.2fr 1fr 1.5fr .8fr .8fr auto}}@media (max-width:1024px){.transactions-header{flex-direction:column}.header-stats{width:100%}.modern-filters{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.stat-value{font-size:var(--font-xl)}.modern-filters{grid-template-columns:1fr}.modern-table{font-size:12px}.modern-table td,.modern-table th{padding:8px 6px}.subject-tooltip{display:none}}.report-container{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:1.5rem}.report-header{background:#fffffff2;border-radius:14px;box-shadow:0 8px 24px #0000001a;margin-bottom:1.5rem;padding:1.5rem 2rem}.report-title{align-items:center;color:#1a202c;display:flex;font-size:1.875rem;font-weight:700;gap:.75rem;margin:0 0 .375rem}.report-subtitle{color:#718096;font-size:.875rem;font-weight:400;margin:0}.report-filter-section{background:#fffffff2;border-radius:14px;box-shadow:0 8px 24px #0000001a;margin-bottom:1.5rem;padding:1.5rem 1.75rem}.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;background:#fff;border-radius:12px;box-shadow:0 6px 18px #0000001a;display:flex;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.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}.stat-value{font-size:1.5rem;margin:0}.report-section{background:#fffffff2;border-radius:14px;box-shadow:0 8px 24px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.section-header{border-bottom:2px solid #e2e8f0;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1.25rem}.section-header,.section-title{align-items:center;display:flex}.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{border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto}.report-table{background:#fff;border-collapse:collapse;width:100%}.report-table thead{background:linear-gradient(135deg,#f7fafc,#edf2f7)}.report-table thead tr th{border-bottom:2px solid #cbd5e0;color:#2d3748;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:1rem 1.25rem;text-transform:uppercase}.report-table tbody tr{border-bottom:1px solid #e2e8f0;transition:all .2s ease}.report-table tbody tr:hover{background:#f7fafc}.report-table tbody tr.expandable-row{cursor:pointer;font-weight:600}.report-table tbody tr.expandable-row:hover{background:#edf2f7}.report-table tbody tr td{color:#4a5568;font-size:.875rem;padding:1rem 1.25rem}.expand-icon{align-items:center;color:#667eea;display:inline-flex;justify-content:center;margin-right:.75rem;transition:transform .3s ease}.expand-icon.expanded{transform:rotate(90deg)}.app-type-tag{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:.875rem;padding:.375rem 1rem}.player-name-text{color:#2d3748;font-weight:600}.sub-row{background:#f7fafc!important;font-weight:400!important}.sub-row:hover{background:#edf2f7!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:#edf2f7!important}.sub-row.level-2:hover{background:#e2e8f0!important}.balance-arrow{font-size:1.1rem;margin-left:.5rem}.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}@media (max-width:768px){.report-container{padding:1rem}.report-header{padding:1.5rem}.report-title{font-size:1.75rem}.report-filter-section{padding:1.25rem}.filter-buttons{flex-direction:column}.filter-btn{width:100%}.custom-range-picker{flex-direction:column}.report-summary-grid{grid-template-columns:1fr}.report-section{padding:1.25rem}.section-header{align-items:flex-start;flex-direction:column;gap:1rem}.report-table tbody tr td,.report-table thead tr th{font-size:.85rem;padding:.875rem 1rem}.sub-name{padding-left:2.5rem!important}.sub-sub-name{padding-left:3.5rem!important}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.report-section{animation:fadeInUp .4s ease-out}.summary-stat-card{animation:fadeInUp .3s ease-out}.home-container{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:1.5rem}.home-header{align-items:flex-start;background:#fffffff2;border-radius:14px;box-shadow:0 8px 24px #0000001a;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-controls{align-items:center;display:flex;gap:.75rem}.date-range-select{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#2d3748;cursor:pointer;font-family:Inter,sans-serif;font-size:.95rem;font-weight:500;padding:.625rem 1rem;transition:all .2s ease}.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;outline:none}.custom-date-picker{background:#fffffff2;border-radius:12px;box-shadow:0 4px 12px #00000014;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{border-radius:14px;box-shadow:0 8px 24px #0000001a;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-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{background:#fffffff2;border-radius:12px;box-shadow:0 4px 12px #00000014;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{background:#fffffff2;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:1.5rem;padding:1rem}.search-box{align-items:center;display:flex;position:relative;width:100%}.search-icon{left:1rem}.search-input::placeholder{color:#cbd5e0}.clear-search{right:1rem}.dashboard-view{background:#fffffff2;border-radius:16px;box-shadow:0 10px 30px #0000001a;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}.dashboard-table{background:#fff;border-collapse:collapse;font-size:.875rem;width:100%}.dashboard-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.dashboard-table thead tr th{border-bottom:none;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:1rem .875rem;text-transform:uppercase}.dashboard-table tbody tr{border-bottom:1px solid #e2e8f0;transition:all .2s ease}.dashboard-table tbody tr:hover{background:#f7fafc;box-shadow:0 2px 8px #667eea1a;transform:scale(1.01)}.dashboard-table tbody tr:last-child{border-bottom:none}.dashboard-table tbody tr td{color:#4a5568;padding:1rem .875rem}.text-right{text-align:right}.app-name-cell,.player-name-cell{color:#2d3748;font-size:1rem;font-weight:600}.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{color:#667eea;font-size:.75rem;margin-right:.75rem;transition:transform .3s ease}.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{background:linear-gradient(135deg,#4299e1,#3182ce);border-radius:16px;box-shadow:0 2px 6px #4299e14d;color:#fff;font-size:.75rem;font-weight:600;padding:.375rem .875rem}.amount-received,.amount-sent{font-size:.875rem;font-weight:600}.count-badge{border-radius:10px;font-size:.7rem}.net-negative,.net-positive{font-size:.875rem}.balance-arrow{font-weight:600}.no-results{color:#94a3b8;font-size:1rem;font-weight:500;padding:3rem 2rem!important}.activity-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.7rem;font-weight:600;gap:.25rem;letter-spacing:.3px;margin-left:.5rem;padding:.25rem .625rem;text-transform:uppercase}.activity-high{background:#48bb7826;color:#38a169}.activity-medium{background:#ed893626;color:#dd6b20}.activity-low{background:#94a3b826;color:#64748b}@media (max-width:768px){.home-container{padding:1rem}.home-header{flex-direction:column;gap:1rem}.home-title{font-size:1.5rem}.summary-grid{grid-template-columns:1fr}.custom-date-picker,.view-selector{flex-direction:column}.custom-date-picker{gap:1rem}.dashboard-table{font-size:.85rem}.dashboard-table tbody tr td,.dashboard-table thead tr th{padding:.875rem .5rem}.rank-badge{font-size:.75rem;height:28px;width:28px}.count-badge{display:block;margin-left:0;margin-top:.25rem}}.dashboard-table tbody tr,.summary-card{animation:fadeIn .3s ease-out}.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}.count-cell{color:#64748b;font-weight:500;text-align:center}.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:600;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,#dbeafe,#bfdbfe);border-radius:12px;color:#1e40af;display:inline-block;font-size:13px;font-weight:700;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.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}.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 p{margin:0}@media (max-width:1024px){.limits-table{font-size:13px}.limits-table td,.limits-table th{padding:14px 16px}.summary-value{font-size:28px}}@media (max-width:768px){.limits-summary{grid-template-columns:1fr}.summary-card{padding:20px}.summary-value{font-size:24px}.limits-table{font-size:12px}.limits-table td,.limits-table th{padding:12px 10px}.app-name-cell{padding-left:40px!important}.app-type-badge{font-size:11px;padding:4px 10px}}.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}@media (max-width:480px){.auth-card{margin:20px;padding:32px 24px}.auth-title{font-size:24px}.auth-logo{font-size:28px;height:56px;width:56px}}.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-wrapper{position:relative}.password-toggle{background:none;border:none;color:#a0aec0;cursor:pointer;font-size:18px;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .2s ease}.password-toggle:hover{color:#667eea}.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}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.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{transition:transform .3s ease,color .3s ease}.password-toggle:hover{transform:scale(1.2)}.password-toggle:active{transform:scale(.9)}.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-xl)}.profile-container{animation:slideUp .5s ease-out;max-width:900px;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-xl);padding:var(--spacing-xl);padding-bottom:var(--spacing-lg);position:relative;z-index:1}.profile-avatar-wrapper{flex-shrink:0;position:relative}.profile-avatar-modern{background:var(--bg-secondary);border:4px solid #fff;border-radius:50%;box-shadow:var(--shadow-lg);height:120px;position:relative;transition:transform var(--transition-normal);width:120px;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);font-weight:600}.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)}@keyframes rotate{0%,to{transform:rotate(0deg)}50%{transform:rotate(15deg)}}.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)}@media (max-width:768px){.profile-page{padding:var(--spacing-md)}.profile-header-modern{flex-direction:column;padding:var(--spacing-lg);text-align:center}.profile-avatar-modern{height:100px;width:100px}.profile-name{font-size:var(--font-2xl)}.profile-tabs-modern{margin:0 var(--spacing-md)}.profile-content-modern{padding:var(--spacing-lg)}.info-row{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs)}.feature-grid{grid-template-columns:repeat(2,1fr)}.security-note{flex-direction:column;text-align:left}}@media (max-width:480px){.profile-avatar-modern{height:80px;width:80px}.profile-name{font-size:var(--font-xl)}.feature-grid{grid-template-columns:1fr}}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid #e2e8f0;box-shadow:0 4px 12px #0000000d;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:12px;cursor:pointer;gap:.75rem;padding:.5rem 1rem;transition:transform .3s ease}.navbar-left:hover{background:#667eea1a;transform:scale(1.05)}.logo-icon{color:#667eea;flex-shrink:0}.logo-text{align-items:flex-start;display:flex;flex-direction:column;line-height:1.1}.navbar-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-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:#64748b;font-size:.65rem;font-style:italic;font-weight:500;letter-spacing:.3px}.navbar-center{align-items:center;display:flex;gap:.5rem}.desktop-menu{display:flex}.nav-link{border-radius:10px;color:#475569;font-size:.875rem;font-weight:500;padding:.5rem 1rem;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:before{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.nav-link:hover{background:#667eea1a;color:#667eea}.nav-link:hover:before{width:60%}.nav-link.active{background:#667eea26;color:#667eea;font-weight:600}.nav-link.active:before{width:80%}.refresh-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-left:1rem;padding:.5rem 1rem;transition:all .3s ease}.refresh-btn:hover{background:linear-gradient(135deg,#5568d3,#6741a0);box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.refresh-btn:active{box-shadow:0 2px 8px #667eea4d;transform:translateY(0)}.refresh-btn:disabled{background:linear-gradient(135deg,#94a3b8,#94a3b8);box-shadow:none;cursor:not-allowed;transform:none}.refresh-btn.refreshing svg{animation:spin 1s linear infinite}.navbar-right{align-items:center;display:flex}.user-dropdown{position:relative}.user-box{align-items:center;background:#667eea0d;border:1px solid #667eea33;border-radius:12px;cursor:pointer;display:flex;gap:.75rem;padding:.5rem 1rem;transition:all .3s ease}.user-box:hover{background:#667eea1a;border-color:#667eea4d;box-shadow:0 4px 12px #667eea26}.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:#1e293b;font-size:.875rem;font-weight:600;line-height:1.2}.user-role{color:#64748b;font-size:.7rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.dropdown-menu{animation:slideDown .2s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 30px #00000026;min-width:220px;padding:.5rem;position:absolute;right:0;top:calc(100% + .75rem);z-index:1000}.dropdown-item{align-items:center;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;padding:.75rem 1rem;transition:all .2s ease}.dropdown-item:hover{background:#f8fafc;color:#667eea}.dropdown-item.logout{color:#ef4444}.dropdown-item.logout:hover{background:#fef2f2;color:#dc2626}.dropdown-divider{background:#e2e8f0;height:1px;margin:.5rem 0}.hamburger{cursor:pointer;display:none;flex-direction:column;gap:6px;padding:8px}.bar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;height:3px;transition:all .3s ease;width:28px}.bar.open:first-child{transform:rotate(45deg) translate(8px,8px)}.bar.open:nth-child(2){opacity:0}.bar.open:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}.mobile-menu{display:none}@media (max-width:1024px){.navbar{padding:0 1.5rem}.navbar-center.desktop-menu{display:none}.hamburger{display:flex}.mobile-menu{animation:slideDown .3s ease-out;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 10px 30px #0000001a;display:flex;flex-direction:column;gap:.5rem;left:0;padding:1rem;position:absolute;right:0;top:70px}.mobile-menu .nav-link{border-bottom:1px solid #f1f5f9;padding:1rem;text-align:left;width:100%}.mobile-menu .nav-link:last-of-type{border-bottom:none}.mobile-menu .refresh-btn{justify-content:center;margin-left:0;margin-top:.5rem;width:100%}}@media (max-width:768px){.navbar{height:60px;padding:0 1rem}.navbar-logo{font-size:1.5rem}.user-box{gap:.5rem;padding:.375rem .75rem}.avatar-img{height:32px;width:32px}.username{font-size:.875rem}.user-role{font-size:.6875rem}.user-text{display:none}.mobile-menu{top:60px}}.inactive-players-page{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:1.5rem}.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{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-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:#2d3748;font-family:Courier New,monospace}.status-badge{border-radius:16px;font-size:.75rem;font-weight:700;letter-spacing:.5px;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:768px){.inactive-players-page{padding:1rem}.inactive-header{padding:1.25rem 1.5rem}.inactive-title{font-size:1.5rem}.filter-section{align-items:stretch;flex-direction:column}.summary-stats{grid-template-columns:1fr}.inactive-table{font-size:.75rem}.inactive-table tbody tr td,.inactive-table thead tr th{padding:.75rem .5rem}.rank-badge{font-size:.75rem;height:28px;width:28px}}.email-integration-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.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 2px 8px #2563eb33;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s 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:4px solid #e2e8f0;border-radius:50%;border-top-color:#2563eb;height:48px;margin-bottom:16px;width:48px}.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}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.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}.table-wrapper{overflow-x:auto}.email-integration-table{background:#fff;border-collapse:collapse;min-width:1200px;width:100%}.email-integration-table thead{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0}.email-integration-table th{color:#334155;font-size:12px;font-weight:700;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.email-integration-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:14px;padding:16px 12px;white-space:nowrap}.email-integration-table tbody tr{transition:all .2s}.email-integration-table tbody tr:hover{background:#fafbfc}.text-left{text-align:left!important}.text-sm{color:#64748b;font-size:13px}.font-semibold{font-weight:600}.empty-state{color:#94a3b8;padding:80px 20px!important;text-align:center}.empty-state svg{margin-bottom:16px;opacity:.4}.empty-state p{font-size:16px;margin-bottom:20px}.empty-state .btn-secondary{align-items:center;display:inline-flex;gap:8px}.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:36px;justify-content:center;transition:all .2s;width:36px}.icon-btn:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.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)}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 50px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.auth-modal{max-width:600px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:24px}.modal-header h2{color:#1e293b;font-size:20px;font-weight:700;margin:0}.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:24px}.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;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-hint{color:#64748b;display:block;font-size:12px;font-style:italic;margin-top:6px}.form-group input,.form-group select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.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}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.spinning{animation:spin 1s linear infinite}.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}@media (max-width:1024px){.email-integration-table{min-width:1000px}}@media (max-width:768px){.email-integration-header{align-items:flex-start;flex-direction:column}.btn-primary{justify-content:center;width:100%}.email-integration-table{font-size:12px;min-width:900px}.email-integration-table td,.email-integration-table th{padding:12px 8px}.modal-content{max-width:none;width:95%}.user-code{font-size:24px;letter-spacing:2px}.user-code-large{font-size:22px;letter-spacing:2px}.instruction-step{font-size:13px}.auth-modal-compact{max-width:95%}}.active-players-container{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:1.5rem}.active-players-header{align-items:flex-start;background:#fffffff2;border-radius:14px;box-shadow:0 8px 24px #0000001a;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}.header-actions{align-items:center;display:flex;gap:1rem}.filter-section{background:#fffffff2;border-radius:14px;box-shadow:0 6px 20px #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;background:#fffffff2;border-radius:12px;box-shadow:0 4px 12px #00000014;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;background:#fff;border-radius:12px;box-shadow:0 6px 18px #0000001a;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.stat-box:hover{box-shadow:0 10px 25px #00000026;transform:translateY(-4px)}.stat-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.stat-content{flex:1 1}.stat-label{color:#718096;font-size:.75rem;font-weight:500;letter-spacing:.5px;margin-bottom:.375rem;text-transform:uppercase}.stat-value{color:#1a202c;font-size:1.75rem;font-weight:700}.players-table-wrapper{background:#fff;border-radius:14px;box-shadow:0 8px 24px #0000001a;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,#dbeafe,#bfdbfe);border-radius:8px;color:#1e40af;display:inline-block;font-size:.6875rem;font-weight:600;letter-spacing:.3px;padding:.25rem .625rem;text-transform:uppercase;white-space:nowrap}.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{background:#fff;border-radius:14px;box-shadow:0 6px 18px #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:1.25rem;font-weight:700;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;font-weight:600;padding:.25rem .625rem;text-transform:uppercase}.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:768px){.active-players-container{padding:1rem}.active-players-header{flex-direction:column;gap:1rem}.filter-section{align-items:stretch}.custom-date-inputs,.filter-section,.player-stats{flex-direction:column}.player-stats{gap:.5rem}.transactions-table{font-size:.75rem}.transactions-table tbody tr td,.transactions-table thead tr th{padding:.75rem .5rem}}
/*# sourceMappingURL=main.c7c912bf.css.map*/