body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.transaction-charts{background:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px;padding:20px}.transaction-charts h3{border-bottom:2px solid #007bff;color:#333;font-size:24px;margin-bottom:20px;padding-bottom:10px;text-align:center}.charts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-bottom:30px}.chart-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.chart-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.chart-card h4{color:#333;font-size:18px;font-weight:600;margin:0 0 15px;text-align:center}.chart-stats{border-top:1px solid #eee;display:flex;justify-content:space-around;margin-top:15px;padding-top:15px}.stat-item{text-align:center}.stat-label{font-size:12px;margin-bottom:5px}.stat-value{font-size:16px}.detailed-stats{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:20px;padding:20px}.detailed-stats h4{color:#333;font-size:18px;font-weight:600;margin:0 0 20px;text-align:center}.stats-note{background:#e3f2fd;border:1px solid #2196f3;border-radius:6px;margin-bottom:20px;padding:12px;text-align:center}.stats-note p{color:#1976d2;font-size:14px;font-weight:500;margin:0}.stats-table{overflow-x:auto}.stats-table table{background:#1a1a1a;border-collapse:collapse;border-radius:6px;box-shadow:0 1px 3px #0000001a;overflow:hidden;table-layout:fixed;width:100%}.stats-table td,.stats-table th{border-bottom:1px solid #444;padding:12px;text-align:left;vertical-align:middle}.stats-table th{background:#2d2d2d;color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px;text-align:center;text-transform:uppercase}.stats-table tbody tr:hover{background:#333}.stats-table td{background:#1a1a1a;color:#fff;font-size:14px;text-align:center}.stats-table td:first-child{color:#fff;font-weight:600;text-align:left;width:30%}.stats-table td:nth-child(2){color:#007bff;font-weight:700;text-align:center;width:15%}.stats-table td:nth-child(3),.stats-table td:nth-child(4){color:#28a745;font-weight:600;text-align:right;width:20%}.stats-table td:last-child{color:#6c757d;font-weight:600;text-align:center;width:15%}.no-data-message{color:#666;font-style:italic;padding:40px;text-align:center}.no-data-message p{font-size:16px;margin:0}@media (max-width:768px){.transaction-charts{margin:10px;padding:15px}.charts-grid{gap:15px;grid-template-columns:1fr}.chart-card{padding:15px}.chart-stats{flex-direction:column;gap:10px}.stat-item{flex-direction:row;justify-content:space-between}.stats-table{font-size:12px}.stats-table td,.stats-table th{padding:8px}}.App.dark-mode .transaction-charts{background:#1a202c;color:#e2e8f0}.App.dark-mode .transaction-charts h3{border-bottom-color:#4299e1;color:#e2e8f0}.App.dark-mode .chart-card{background:#2d3748;border:1px solid #4a5568;color:#e2e8f0}.App.dark-mode .chart-card:hover{background:#374151;border-color:#4299e1}.App.dark-mode .chart-card h4{color:#e2e8f0}.App.dark-mode .stat-label{color:#a0aec0}.App.dark-mode .stat-value{color:#4299e1}.App.dark-mode .detailed-stats{background:#2d3748;border:1px solid #4a5568;color:#e2e8f0}.App.dark-mode .detailed-stats h4{color:#e2e8f0}.App.dark-mode .stats-table table{background:#1a1a1a;border:1px solid #4a5568}.App.dark-mode .stats-table th{background:#111;border-bottom:1px solid #4a5568;color:#e2e8f0;text-align:center}.App.dark-mode .stats-table td{background:#1a1a1a;border-bottom-color:#333;color:#e2e8f0;text-align:center}.App.dark-mode .stats-table tbody tr:hover,.App.dark-mode .stats-table tbody tr:hover td{background:#2a2a2a}.App.dark-mode .stats-table td:first-child{color:#e2e8f0;text-align:left}.App.dark-mode .stats-table td:nth-child(2){color:#4299e1;text-align:center}.App.dark-mode .stats-table td:nth-child(3),.App.dark-mode .stats-table td:nth-child(4){color:#48bb78;text-align:right}.App.dark-mode .stats-table td:last-child{color:#a0aec0;text-align:center}.App.dark-mode .no-data-message{color:#a0aec0}.App.dark-mode .stats-note{background:#1a202c;border-color:#4299e1}.App.dark-mode .stats-note p{color:#4299e1}.user-sheet{background:none!important;left:50%;margin:0 -50vw!important;position:relative;right:50%}.user-sheet,.user-sheet .table-container,.user-sheet .table-scroll-container{border-radius:0!important;box-shadow:none!important;padding:0!important;width:100vw!important}.user-sheet .table-container,.user-sheet .table-scroll-container{left:0;margin:0!important;right:0}.user-sheet h2{color:#333}.user-sheet h2,.user-sheet-header{border-bottom:2px solid #007bff;margin-bottom:20px;padding-bottom:10px}.user-sheet-header{align-items:center;display:flex;justify-content:space-between}.user-sheet-header h2{border-bottom:none;margin:0;padding-bottom:0}.refresh-indicator{align-items:center;animation:fadeIn .3s ease;background:#e3f2fd;border-radius:20px;color:#1976d2;display:flex;font-size:14px;font-weight:500;gap:8px;padding:6px 12px}.add-entry-form{background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:15px}.add-entry-form input{border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:120px;padding:8px 12px}.add-entry-form input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.add-entry-form button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px}.add-entry-form button:hover{background:#0056b3}.add-entry-form button:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.add-entry-form button:disabled:hover{background:#6c757d}.table-container{margin-bottom:20px}.entries-table{background:#fff;border-collapse:collapse;border-radius:6px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.entries-table td,.entries-table th{border-bottom:1px solid #eee;padding:12px;text-align:left}.entries-table th{color:#495057;font-weight:600}.entries-table tbody tr:hover,.entries-table th{background:#f8f9fa}.entries-table a{color:#007bff;text-decoration:none}.entries-table a:hover{text-decoration:underline}.delete-btn{align-items:center;display:flex;font-weight:500;gap:4px;padding:6px 12px}.delete-btn:hover{box-shadow:0 2px 4px #dc35454d;transform:translateY(-1px)}.delete-btn:active{transform:translateY(0)}.screenshot-img{border:1px solid #ddd;border-radius:4px;cursor:pointer;max-height:60px;max-width:100px;object-fit:cover;transition:transform .2s ease}.screenshot-img:hover{box-shadow:0 2px 8px #0003;transform:scale(1.1)}.transaction-stats{background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;margin-top:20px;padding:20px}.stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{background:#f8f9fa;border-left:4px solid #007bff;border-radius:6px;padding:15px;text-align:center}.stat-card h4{color:#495057;font-size:14px;font-weight:600;margin:0 0 10px}.stat-value{color:#007bff;font-size:24px;margin:0}.status-badge.approved{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-badge.pending{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.status-badge.rejected{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.status-badge.unknown{background:#e2e3e5;border:1px solid #ced4da;color:#495057}.tier-badge{border:1px solid #0000}.tier-badge.standard{border-color:#ced4da}.tier-badge.bronze{background:#cd7f32;border-color:#b8860b;color:#fff}.tier-badge.silver{background:silver;border-color:#a9a9a9;color:#333}.tier-badge.gold{background:gold;border-color:#daa520;color:#333}.tier-badge.platinum{background:#e5e4e2;border-color:#b8b8b8;color:#333}.tier-badge.diamond{background:#b9f2ff;border-color:#87ceeb;color:#333}.tier-badge.premium{border-color:#ffeaa7}.tier-badge.vip{border-color:#c3e6cb}.tier-badge.unknown,.tier-badge:not(.standard):not(.bronze):not(.silver):not(.gold):not(.platinum):not(.diamond):not(.premium):not(.vip){background:#6c757d;border-color:#5a6268;color:#fff}.error,.loading,.no-data{color:#6c757d;font-size:16px;padding:40px;text-align:center}.fallback-section{background:#f8f9fa;border:1px dashed #dee2e6;border-radius:6px;margin-top:20px;padding:20px}.fallback-section h4{color:#495057;margin-bottom:15px}.no-transactions{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px 0;padding:60px 20px;text-align:center}.no-transactions-icon{font-size:48px;margin-bottom:20px}.no-transactions h3{color:#495057;font-size:24px;margin-bottom:10px}.no-transactions p{color:#6c757d;font-size:16px;margin-bottom:30px}.empty-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0 auto;max-width:500px}.empty-stats .stat-card{background:#f8f9fa;border-left-color:#6c757d}.empty-stats .stat-value{color:#6c757d}.total-points{background:#e8f4fd;border-radius:6px;color:#0c5460;font-size:18px;padding:15px;text-align:center}.type-stats-section{background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;margin-top:30px;padding:20px}.type-stats-section h4{border-bottom:2px solid #007bff;color:#495057;font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:10px}.type-stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.type-stat-card{background:#f8f9fa;border-left:4px solid #28a745;border-radius:6px;padding:15px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.type-stat-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.type-stat-card h5{color:#495057;font-size:14px;font-weight:600;margin:0 0 10px;text-transform:capitalize}.type-stat-points{color:#28a745;font-size:20px;font-weight:700;margin:0 0 5px}.type-stat-count{color:#6c757d;font-size:12px;font-weight:500;margin:0}.App.dark-mode .type-stats-section{background:#2d3748;color:#e2e8f0}.App.dark-mode .type-stats-section h4{border-bottom-color:#4299e1;color:#e2e8f0}.App.dark-mode .type-stat-card{background:#4a5568;border-left-color:#48bb78}.App.dark-mode .type-stat-card h5{color:#e2e8f0}.App.dark-mode .type-stat-points{color:#48bb78}.App.dark-mode .type-stat-count{color:#a0aec0}.weekly-stats-section{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-top:30px;padding:25px}.weekly-stats-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.weekly-stats-header h4{color:#495057;font-size:20px;font-weight:600;margin:0}.week-selector{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:25px;display:flex;gap:15px;padding:8px 15px}.week-nav-btn{background:#007bff;border:none;border-radius:15px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.week-nav-btn:hover:not(:disabled){background:#0056b3;transform:translateY(-1px)}.week-nav-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.week-display{color:#495057;font-size:14px;font-weight:600;min-width:120px;text-align:center}.weekly-overview{margin-bottom:25px}.weekly-total-card{background:linear-gradient(135deg,#007bff,#0056b3);border-radius:8px;box-shadow:0 4px 12px #007bff4d;color:#fff;padding:20px;text-align:center}.weekly-total-card h5{font-size:16px;font-weight:500;margin:0 0 10px;opacity:.9}.weekly-total-points{font-size:32px;font-weight:700;margin:0}.weekly-transaction-count{font-size:14px;font-weight:500;margin:5px 0 0;opacity:.8}.weekly-types-section h5{color:#495057;font-size:16px;font-weight:600;margin:0 0 20px}.weekly-types-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.weekly-type-card{background:#f8f9fa;border-left:4px solid #28a745;border-radius:8px;padding:15px;transition:all .2s ease}.weekly-type-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.type-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.type-header h6{color:#495057;font-size:14px;font-weight:600;margin:0;text-transform:capitalize}.type-percentage{background:#28a745;border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:2px 8px}.type-points{color:#28a745;font-size:18px;font-weight:700;margin:0 0 5px}.type-count{color:#6c757d;font-size:12px;font-weight:500;margin:0}.weeks-overview-section{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-top:30px;padding:25px}.weeks-overview-section h4{color:#495057;font-size:18px;font-weight:600;margin:0 0 20px}.weeks-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.week-card{background:#f8f9fa;border:2px solid #0000;border-radius:8px;cursor:pointer;padding:15px;transition:all .2s ease}.week-card:hover{border-color:#007bff;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.week-card.selected{background:#e3f2fd;border-color:#007bff;box-shadow:0 4px 12px #007bff33}.week-date{color:#495057;font-size:14px;font-weight:600;margin-bottom:8px}.week-points{color:#007bff;font-size:20px;font-weight:700;margin-bottom:5px}.week-transaction-count{color:#6c757d;font-size:12px;font-weight:500}.no-weekly-stats{color:#6c757d;font-size:16px;padding:40px;text-align:center}.App.dark-mode .weekly-stats-section{background:#2d3748;color:#e2e8f0}.App.dark-mode .weekly-stats-header h4{color:#e2e8f0}.App.dark-mode .week-selector{background:#4a5568;border-color:#718096}.App.dark-mode .week-display{color:#e2e8f0}.App.dark-mode .weekly-total-card{background:linear-gradient(135deg,#4299e1,#3182ce)}.App.dark-mode .weekly-types-section h5{color:#e2e8f0}.App.dark-mode .weekly-type-card{background:#4a5568;border-left-color:#48bb78}.App.dark-mode .type-header h6{color:#e2e8f0}.App.dark-mode .type-percentage{background:#48bb78}.App.dark-mode .type-points{color:#48bb78}.App.dark-mode .type-count{color:#a0aec0}.App.dark-mode .weeks-overview-section{background:#2d3748}.App.dark-mode .weeks-overview-section h4{color:#e2e8f0}.App.dark-mode .week-card{background:#4a5568}.App.dark-mode .week-card:hover{border-color:#4299e1}.App.dark-mode .week-card.selected{background:#2c5282;border-color:#4299e1}.App.dark-mode .week-date{color:#e2e8f0}.App.dark-mode .week-points{color:#4299e1}.App.dark-mode .no-weekly-stats,.App.dark-mode .week-transaction-count{color:#a0aec0}.transaction-type-chart-section{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-top:30px;padding:25px}.chart-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.chart-header h4{color:#495057;font-size:18px;font-weight:600;margin:0}.type-selector{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;display:flex;gap:10px;padding:8px 15px}.type-selector label{color:#495057;font-size:14px;font-weight:500;margin:0}.type-select{background:#fff;border:1px solid #ced4da;border-radius:4px;color:#495057;cursor:pointer;font-size:14px;min-width:150px;padding:6px 12px;transition:border-color .2s ease}.type-select:focus{box-shadow:0 0 0 2px #007bff40;outline:none}.type-select:focus,.type-select:hover{border-color:#007bff}@media (max-width:768px){.chart-header{align-items:stretch;flex-direction:column}.type-selector{justify-content:center}.type-select{min-width:120px}}@media (max-width:480px){.transaction-type-chart-section{padding:15px}.type-selector{flex-direction:column;gap:8px}.type-select{min-width:100px}}@media (max-width:768px){.add-entry-form{flex-direction:column}.add-entry-form input{min-width:auto}.weekly-stats-header{align-items:stretch;flex-direction:column}.week-selector{justify-content:center}.weekly-types-grid,.weeks-grid{grid-template-columns:1fr}}.App.dark-mode .user-sheet{background:#1e1e1e;color:#fff}.App.dark-mode .user-sheet h2{border-bottom-color:#007bff;color:#fff}.App.dark-mode .add-entry-form{background:#2d2d2d}.App.dark-mode .add-entry-form input{background:#3d3d3d;border-color:#555;color:#fff}.App.dark-mode .add-entry-form input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.App.dark-mode .add-entry-form button:disabled{background:#495057;cursor:not-allowed;opacity:.6}.App.dark-mode .add-entry-form button:disabled:hover{background:#495057}.App.dark-mode .entries-table{background:#2d2d2d}.App.dark-mode .entries-table th{background:#3d3d3d;color:#fff}.App.dark-mode .entries-table td{border-bottom-color:#555;color:#fff}.App.dark-mode .entries-table tbody tr:hover{background:#3d3d3d}.App.dark-mode .entries-table a{color:#4dabf7}.App.dark-mode .screenshot-img{border-color:#555}.App.dark-mode .transaction-stats{background:#2d2d2d}.App.dark-mode .stat-card{background:#3d3d3d;border-left-color:#007bff}.App.dark-mode .stat-card h4{color:#fff}.App.dark-mode .stat-value{color:#4dabf7}.App.dark-mode .status-badge.approved{background:#155724;border-color:#155724;color:#d4edda}.App.dark-mode .status-badge.pending{background:#856404;border-color:#856404;color:#fff3cd}.App.dark-mode .status-badge.rejected{background:#721c24;border-color:#721c24;color:#f8d7da}.App.dark-mode .status-badge.unknown{background:#495057;border-color:#6c757d;color:#e9ecef}.App.dark-mode .error,.App.dark-mode .loading,.App.dark-mode .no-data{color:#adb5bd}.App.dark-mode .no-transactions{background:#2d2d2d;color:#adb5bd}.App.dark-mode .no-transactions h3{color:#fff}.App.dark-mode .empty-stats .stat-card{background:#3d3d3d}.App.dark-mode .fallback-section{background:#2d2d2d;border-color:#555}.App.dark-mode .fallback-section h4{color:#fff}.App.dark-mode .tier-badge.standard{background:#495057;border-color:#6c757d;color:#e9ecef}.App.dark-mode .tier-badge.bronze{background:#92400e;border-color:#d97706;color:#fbbf24}.App.dark-mode .tier-badge.silver{background:#6b7280;border-color:#9ca3af;color:#f3f4f6}.App.dark-mode .tier-badge.gold{background:#d97706;border-color:#f59e0b;color:#fef3c7}.App.dark-mode .tier-badge.platinum{background:#9ca3af;border-color:#d1d5db;color:#f9fafb}.App.dark-mode .tier-badge.diamond{background:#0ea5e9;border-color:#38bdf8;color:#e0f2fe}.App.dark-mode .tier-badge.premium{border-color:#d97706}.App.dark-mode .tier-badge.vip{border-color:#10b981}.App.dark-mode .tier-badge.unknown,.App.dark-mode .tier-badge:not(.standard):not(.bronze):not(.silver):not(.gold):not(.platinum):not(.diamond):not(.premium):not(.vip){background:#374151;border-color:#4b5563;color:#d1d5db}.transaction-type-badge{background:#007bff;border:1px solid #0000;border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:500;margin:2px;padding:4px 8px;text-transform:uppercase}.transaction-type-badge.unknown{background:#6c757d;color:#fff}.transaction-type-badge:first-child{margin-left:0}.transaction-type-badge:last-child{margin-right:0}.App.dark-mode .status-badge.unknown,.App.dark-mode .tier-badge.unknown{background:#4b5563;border-color:#6b7280;color:#e5e7eb}.App.dark-mode .transaction-type-badge{background:#4299e1;border-color:#3182ce;color:#fff}.App.dark-mode .transaction-type-badge.unknown{background:#6b7280;border-color:#4b5563;color:#fff}.image-modal{align-items:center;animation:fadeIn .3s ease;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.image-modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-height:90%;max-width:90%;overflow:hidden;position:relative}.close-btn{align-items:center;background:#00000080;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;font-weight:700;height:40px;justify-content:center;position:absolute;right:15px;top:10px;transition:background-color .3s ease;width:40px;z-index:1001}.close-btn:hover{background:#000000b3}.image-modal-img{display:block;max-height:100%;max-width:100%;object-fit:contain}.App.dark-mode .image-modal-content{background:#2d3748}.App.dark-mode .close-btn{color:#e2e8f0}.App.dark-mode .delete-btn{background:#e53e3e;color:#fff}.App.dark-mode .delete-btn:hover{background:#c53030;box-shadow:0 2px 4px #e53e3e4d}.edit-input{border:1px solid #007bff;text-align:right;width:80px}.edit-input:focus{border-color:#0056b3}.auto-calculated{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;color:#28a745;font-weight:700;padding:4px 8px}.action-buttons{gap:4px}.cancel-btn,.edit-btn,.save-btn{font-size:12px;padding:4px 8px;transition:background-color .3s ease}.App.dark-mode .edit-input{background:#4a5568;border-color:#4299e1;color:#e2e8f0}.App.dark-mode .edit-input:focus{border-color:#3182ce;box-shadow:0 0 0 2px #4299e140}.App.dark-mode .auto-calculated{background:#2d3748;border-color:#4a5568;color:#48bb78}.App.dark-mode .save-btn{background:#48bb78}.App.dark-mode .save-btn:hover{background:#38a169}.App.dark-mode .cancel-btn{background:#6b7280}.App.dark-mode .cancel-btn:hover{background:#4b5563}.App.dark-mode .edit-btn{background:#4299e1}.App.dark-mode .edit-btn:hover{background:#3182ce}.table-scroll-container{border:1px solid #e9ecef;border-radius:8px;max-height:600px;overflow-y:auto}.loading-more{background:#f8f9fa;border-top:1px solid #dee2e6;color:#6c757d;font-style:italic;padding:20px;text-align:center}.loading-more .spinner{animation:pulse 1.5s ease-in-out infinite;display:inline-block}.scroll-sentinel{background:#0000;height:20px;margin:10px}.end-of-list{background:#f8f9fa;border-radius:0 0 8px 8px;border-top:1px solid #dee2e6;color:#6c757d;font-style:italic;padding:20px;text-align:center}.App.dark-mode .table-scroll-container{border-color:#495057}.App.dark-mode .end-of-list,.App.dark-mode .loading-more{background:#495057;border-top-color:#6c757d;color:#adb5bd}.weekly-trends-section{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-top:30px;padding:25px}.trends-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.trends-header h4{color:#495057;font-size:18px;font-weight:600;margin:0}.trend-stats{display:flex;flex-wrap:wrap;gap:20px}.trend-stat{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;flex-direction:column;min-width:100px;padding:10px 15px}.trend-label{color:#6c757d;font-size:12px;font-weight:500;margin-bottom:4px}.trend-value{color:#007bff;font-size:16px;font-weight:700}.chart-container{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:30px;padding:20px}.chart-container h5{color:#495057;font-size:16px;font-weight:600;margin:0 0 15px}.chart-container:last-child{margin-bottom:0}.chart-tooltip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#fff;min-width:200px;padding:12px}.tooltip-header{border-bottom:1px solid #fff3;color:#007bff;font-size:14px;margin-bottom:8px;padding-bottom:8px}.tooltip-content p{font-size:12px;line-height:1.4;margin:4px 0}.tooltip-content strong{color:#28a745;font-weight:600}.no-chart-data{background:#f8f9fa;border:1px dashed #dee2e6;border-radius:8px;color:#6c757d;font-size:16px;padding:40px;text-align:center}.recharts-dot,.recharts-wrapper{cursor:pointer}.recharts-dot{transition:all .2s ease}.recharts-dot:hover{transform:scale(1.2)}.recharts-bar-rectangle{cursor:pointer;transition:all .2s ease}.recharts-bar-rectangle:hover{opacity:.8;transform:translateY(-2px)}.App.dark-mode .weekly-trends-section{background:#2d3748;color:#e2e8f0}.App.dark-mode .weekly-trends-section h4{color:#e2e8f0}.App.dark-mode .trend-stat,.App.dark-mode .trend-stats,.App.dark-mode .trends-header{background:#4a5568;border-color:#718096}.App.dark-mode .trend-label{color:#adb5bd}.App.dark-mode .trend-value{color:#4299e1}.App.dark-mode .chart-container{background:#4a5568;border-color:#718096}.App.dark-mode .chart-container h5{color:#e2e8f0}.App.dark-mode .no-chart-data{background:#4a5568;border-color:#718096;color:#a0aec0}.App.dark-mode .recharts-cartesian-grid-horizontal line,.App.dark-mode .recharts-cartesian-grid-vertical line{stroke:#718096}.App.dark-mode .recharts-xAxis .recharts-cartesian-axis-tick-value,.App.dark-mode .recharts-yAxis .recharts-cartesian-axis-tick-value{fill:#e2e8f0}.App.dark-mode .recharts-cartesian-axis-line{stroke:#718096}@media (max-width:768px){.weekly-trends-section{padding:15px}.chart-container{margin-bottom:20px;padding:15px}.chart-tooltip{font-size:11px;min-width:180px}.tooltip-content p{font-size:11px}}@media (max-width:480px){.chart-container,.weekly-trends-section{padding:10px}.chart-tooltip{min-width:160px;padding:8px}}.App.dark-mode .transaction-type-chart-section{background:#2d3748;color:#e2e8f0}.App.dark-mode .chart-header h4{color:#e2e8f0}.App.dark-mode .type-selector{background:#4a5568;border-color:#718096}.App.dark-mode .type-selector label{color:#e2e8f0}.App.dark-mode .type-select{background:#2d3748;border-color:#718096;color:#e2e8f0}.App.dark-mode .type-select:focus{border-color:#4299e1;box-shadow:0 0 0 2px #4299e140}.App.dark-mode .type-select:hover{border-color:#4299e1}.user-sheet .table-container{margin:0;overflow-x:auto;padding:0;width:100%}.user-sheet .table-scroll-container{border:none;border-radius:0;margin:0;max-width:100%;padding:0}.user-sheet .entries-table{border-radius:0!important;box-shadow:none!important;margin:0!important;min-width:1200px!important;table-layout:fixed!important;width:100%!important}.user-sheet .entries-table td,.user-sheet .entries-table th{margin:0;padding:0}.image-carousel-modal{align-items:center;animation:fadeIn .3s ease;background:#000000e6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.image-carousel-content{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;height:95%;max-height:800px;max-width:1200px;overflow:hidden;position:relative;width:95%}.carousel-close-btn{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:48px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .3s ease;width:48px;z-index:1002}.carousel-close-btn:hover{background:#000000e6;transform:scale(1.1)}.image-counter{background:#000000b3;border-radius:20px;color:#fff;font-size:14px;font-weight:500;left:16px;padding:8px 16px;position:absolute;top:16px;z-index:1002}.carousel-main-image-container{align-items:center;background:#f8f9fa;display:flex;flex:1 1;justify-content:center;overflow:hidden;position:relative}.carousel-main-image{max-height:100%;max-width:100%;object-fit:contain;transition:transform .3s ease}.carousel-main-image:hover{transform:scale(1.02)}.carousel-loading{align-items:center;color:#666;display:flex;height:100%;justify-content:center}.loading-spinner{animation:pulse 1.5s infinite;font-size:18px;opacity:.7}.carousel-error{align-items:center;color:#dc3545;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;text-align:center}.error-icon{font-size:48px;margin-bottom:16px;opacity:.6}.error-url{color:#666;font-size:12px;margin-top:8px;max-width:300px;word-break:break-all}.carousel-nav-btn{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:56px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;-webkit-user-select:none;user-select:none;width:56px;z-index:1001}.carousel-nav-btn:hover{background:#000c;transform:translateY(-50%) scale(1.1)}.carousel-prev{left:20px}.carousel-next{right:20px}.carousel-thumbnails{background:#f8f9fa;border-top:1px solid #dee2e6;max-height:120px;overflow-y:auto;padding:16px}.thumbnails-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.thumbnail-btn{align-items:center;background:#fff;border:3px solid #0000;border-radius:8px;cursor:pointer;display:flex;height:60px;justify-content:center;overflow:hidden;padding:4px;transition:all .3s ease;width:80px}.thumbnail-btn:hover{border-color:#007bff;transform:scale(1.05)}.thumbnail-btn.active{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.thumbnail-btn.error{background:#fff5f5;border-color:#dc3545}.thumbnail-image{border-radius:4px;height:100%;object-fit:cover;width:100%}.thumbnail-error{color:#dc3545;font-size:20px;opacity:.6}.image-info{background:#f8f9fa;border-top:1px solid #dee2e6;padding:12px 16px}.image-url{color:#666;font-family:monospace;font-size:12px;text-align:center}.App.dark-mode .image-carousel-content{background:#2d3748;color:#e2e8f0}.App.dark-mode .carousel-main-image-container{background:#1a202c}.App.dark-mode .carousel-thumbnails{background:#2d3748;border-top-color:#4a5568}.App.dark-mode .thumbnail-btn{background:#4a5568}.App.dark-mode .thumbnail-btn:hover{border-color:#63b3ed}.App.dark-mode .thumbnail-btn.active{border-color:#63b3ed;box-shadow:0 0 0 2px #63b3ed40}.App.dark-mode .image-info{background:#2d3748;border-top-color:#4a5568}.App.dark-mode .image-url{color:#a0aec0}@media (max-width:768px){.image-carousel-content{border-radius:0;height:100%;width:100%}.carousel-close-btn{font-size:20px;height:40px;right:12px;top:12px;width:40px}.image-counter{font-size:12px;left:12px;padding:6px 12px;top:12px}.carousel-nav-btn{font-size:20px;height:48px;width:48px}.carousel-prev{left:12px}.carousel-next{right:12px}.thumbnail-btn{height:45px;width:60px}.thumbnails-container{gap:8px}}@media (max-width:480px){.carousel-nav-btn{font-size:18px;height:40px;width:40px}.thumbnail-btn{height:40px;width:50px}.image-counter{font-size:11px;padding:4px 8px}}.image-gallery-preview{cursor:pointer;display:flex;flex-direction:column;gap:4px;width:100px}.gallery-main-image{border-radius:6px;box-shadow:0 2px 4px #0000001a;height:60px;overflow:hidden;position:relative;width:100%}.gallery-preview{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.gallery-preview:hover{transform:scale(1.05)}.image-count-badge{background:#000c;border-radius:10px;color:#fff;font-size:10px;font-weight:500;line-height:1;padding:2px 6px;position:absolute;right:4px;top:4px}.gallery-thumbnails{display:flex;gap:2px;justify-content:center}.gallery-thumbnail{border:1px solid #ddd;border-radius:2px;cursor:pointer;height:15px;object-fit:cover;transition:all .3s ease;width:20px}.gallery-thumbnail:hover{border-color:#007bff;transform:scale(1.2);z-index:1}.more-images-indicator{align-items:center;background:#f8f9fa;border:1px solid #ddd;border-radius:2px;color:#666;cursor:pointer;display:flex;font-size:8px;font-weight:500;height:15px;justify-content:center;transition:all .3s ease;width:20px}.more-images-indicator:hover{background:#007bff;color:#fff;transform:scale(1.2);z-index:1}.no-image{color:#999;font-size:12px;font-style:italic}.screenshot-img.gallery-preview{border-radius:6px}.screenshot-img:not(.gallery-preview){border:1px solid #ddd;border-radius:4px;cursor:pointer;height:40px;object-fit:cover;transition:all .3s ease;width:60px}.screenshot-img:not(.gallery-preview):hover{border-color:#007bff;box-shadow:0 2px 8px #007bff4d;transform:scale(1.1)}.App.dark-mode .gallery-main-image{box-shadow:0 2px 4px #ffffff1a}.App.dark-mode .gallery-thumbnail,.App.dark-mode .screenshot-img:not(.gallery-preview){border-color:#4a5568}.App.dark-mode .gallery-thumbnail:hover,.App.dark-mode .screenshot-img:not(.gallery-preview):hover{border-color:#63b3ed;box-shadow:0 2px 8px #63b3ed4d}.App.dark-mode .more-images-indicator{background:#4a5568;border-color:#4a5568;color:#e2e8f0}.App.dark-mode .more-images-indicator:hover{background:#63b3ed;color:#1a202c}.App.dark-mode .no-image{color:#a0aec0}@media (max-width:768px){.image-gallery-preview{width:80px}.gallery-main-image{height:50px}.gallery-thumbnail{height:12px;width:16px}.more-images-indicator{font-size:7px;height:12px;width:16px}.screenshot-img:not(.gallery-preview){height:35px;width:50px}}.confirmation-modal{animation:slideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow:hidden;position:relative;width:90%}.warning-icon{animation:pulse 2s infinite;font-size:48px;margin-bottom:12px}.modal-title{font-size:24px;font-weight:600;margin:0;text-shadow:0 2px 4px #0000004d}.main-warning{color:#d63031;font-size:18px;font-weight:600;margin:0 0 12px;text-align:center}.sub-warning{color:#636e72;font-size:16px;line-height:1.5;margin:8px 0;text-align:center}.risk-indicators{background:#f8f9fa;border-left:4px solid #ff6b6b;border-radius:12px;padding:20px}.risk-item{align-items:center;color:#2d3436;display:flex;font-size:14px;margin:12px 0}.risk-icon{font-size:20px;margin-right:12px;text-align:center;width:24px}.modal-footer{background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;padding:24px}.cancel-btn,.confirm-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;justify-content:center;min-width:120px;padding:12px 24px;transition:all .3s ease}.cancel-btn{background:#74b9ff;box-shadow:0 4px 12px #74b9ff4d}.cancel-btn:hover{background:#0984e3;box-shadow:0 6px 16px #74b9ff66;transform:translateY(-2px)}.confirm-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a24);box-shadow:0 4px 12px #ff6b6b4d;color:#fff}.confirm-btn:hover{background:linear-gradient(135deg,#ee5a24,#d63031);box-shadow:0 6px 16px #ff6b6b66;transform:translateY(-2px)}.btn-icon{font-size:18px}.App.dark-mode .confirmation-modal{background:#2d3436;color:#ddd}.App.dark-mode .modal-footer{background:#1e1e1e}.App.dark-mode .risk-indicators{background:#1e1e1e;border-left-color:#ff6b6b}.App.dark-mode .risk-item{color:#ddd}.App.dark-mode .sub-warning{color:#adb5bd}@media (max-width:768px){.confirmation-modal{margin:20px;width:calc(100% - 40px)}.modal-header{padding:20px}.warning-icon{font-size:36px}.modal-title{font-size:20px}.modal-body{padding:24px 20px}.modal-footer{flex-direction:column;padding:20px}.cancel-btn,.confirm-btn{width:100%}}.success-modal-backdrop{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.success-modal{animation:successSlideIn .4s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:450px;overflow:hidden;position:relative;width:90%}.success-modal-header{background:linear-gradient(135deg,#00b894,#00a085);color:#fff;padding:24px;position:relative;text-align:center}.success-icon{animation:successPulse 2s infinite;font-size:48px;margin-bottom:12px}.success-modal-title{font-size:24px;font-weight:600;margin:0;text-shadow:0 2px 4px #0000004d}.success-modal-body{padding:32px 24px}.success-message{margin-bottom:24px}.success-text{color:#2d3436;font-size:16px;font-weight:500;line-height:1.5;margin:8px 0;text-align:center}.success-indicators{background:#f1f8f6;border-left:4px solid #00b894;border-radius:12px;padding:20px}.success-item{align-items:center;color:#2d3436;display:flex;font-size:14px;margin:12px 0}.success-item-icon{font-size:18px;margin-right:12px;text-align:center;width:24px}.success-modal-footer{background:#f8f9fa;border-top:1px solid #e9ecef;padding:24px}.success-btn,.success-modal-footer{display:flex;justify-content:center}.success-btn{align-items:center;background:linear-gradient(135deg,#00b894,#00a085);border:none;border-radius:8px;box-shadow:0 4px 12px #00b8944d;color:#fff;cursor:pointer;font-size:16px;font-weight:500;gap:8px;min-width:140px;padding:12px 32px;transition:all .3s ease}.success-btn:hover{background:linear-gradient(135deg,#00a085,#008f72);box-shadow:0 6px 16px #00b89466;transform:translateY(-2px)}.success-btn:active{transform:translateY(0)}.success-btn-icon{font-size:18px}@keyframes successSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.App.dark-mode .success-modal{background:#2d3436;color:#ddd}.App.dark-mode .success-modal-footer{background:#1e1e1e;border-top-color:#555}.App.dark-mode .success-indicators{background:#1e2d2a;border-left-color:#00b894}.App.dark-mode .success-item,.App.dark-mode .success-text{color:#ddd}@media (max-width:768px){.success-modal{margin:20px;width:calc(100% - 40px)}.success-modal-header{padding:20px}.success-icon{font-size:36px}.success-modal-title{font-size:20px}.success-modal-body{padding:24px 20px}.success-modal-footer{padding:20px}.success-btn{width:100%}}.master-sheet{background:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px;padding:20px}.master-sheet h2{border-bottom:2px solid #007bff;color:#333;margin-bottom:20px;padding-bottom:10px;text-align:center}.summary-section{background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;margin-bottom:30px;padding:20px}.summary-section h3{color:#495057;margin-bottom:15px}.user-summary{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.user-summary-card{background:#f8f9fa;border-left:4px solid #007bff;border-radius:6px;padding:15px;text-align:center}.user-summary-card h4{color:#333;font-size:16px;margin:0 0 10px}.user-summary-card p{color:#6c757d;font-size:14px;margin:5px 0}.grand-total{background:#007bff;border:1px solid #007bff;border-radius:6px;color:#fff;font-size:20px;padding:15px;text-align:center}.table-container h3{color:#495057;margin-bottom:15px}.master-table{background:#fff;border-collapse:collapse;border-radius:6px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.master-table td,.master-table th{border-bottom:1px solid #eee;padding:12px;text-align:left}.master-table th{background:#f8f9fa;color:#495057;font-weight:600;position:-webkit-sticky;position:sticky;top:0}.master-table tbody tr:hover{background:#e6f7ff}.master-table a{color:#007bff;text-decoration:none}.master-table a:hover{text-decoration:underline}.user-cell{background:#007bff1a;color:#007bff;font-weight:600}@media (max-width:768px){.user-summary{grid-template-columns:1fr}.master-table{font-size:14px}.master-table td,.master-table th{padding:8px}}.rank-cell{color:#007bff;font-weight:700;min-width:60px}.App.dark-mode .master-sheet{background:#1e1e1e;color:#fff}.App.dark-mode .master-sheet h2{border-bottom-color:#007bff;color:#fff}.App.dark-mode .summary-section{background:#2d2d2d}.App.dark-mode .summary-section h3{color:#fff}.App.dark-mode .user-summary-card{background:#3d3d3d;border-left-color:#007bff}.App.dark-mode .user-summary-card h4{color:#fff}.App.dark-mode .user-summary-card p{color:#adb5bd}.App.dark-mode .grand-total{background:#007bff;border-color:#007bff;color:#fff}.App.dark-mode .table-container h3{color:#fff}.App.dark-mode .master-table{background:#2d2d2d}.App.dark-mode .master-table th{background:#3d3d3d;color:#fff}.App.dark-mode .master-table td{border-bottom-color:#555;color:#fff}.App.dark-mode .master-table tbody tr:hover{background:#3d3d3d}.App.dark-mode .master-table a{color:#4dabf7}.App.dark-mode .user-cell{background:#4dabf733;color:#4dabf7}.App.dark-mode .rank-cell{color:#4dabf7}.clickable-row:hover{background:#e6f7ff;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.clickable-row:active{box-shadow:0 1px 2px #0000001a;transform:translateY(0)}.manage-page{margin:0 auto;max-width:1400px;padding:20px}.manage-page h2{border-bottom:3px solid #dc3545;color:#333;font-size:28px;margin-bottom:30px;padding-bottom:10px;text-align:center}.admin-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.summary-card{background:#fff;border-left:4px solid #dc3545;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;text-align:center}.summary-card h3{color:#495057;font-size:16px;font-weight:600;margin:0 0 10px}.summary-value{color:#dc3545;font-size:32px;font-weight:700;margin:0}.add-user-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.add-user-section h3{color:#495057;margin:0 0 15px}.add-user-form-admin{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.add-user-form-admin input{border:1px solid #ddd;border-radius:6px;font-size:14px;min-width:200px;padding:10px 15px}.add-user-form-admin input:focus{border-color:#dc3545;box-shadow:0 0 0 2px #dc354540;outline:none}.add-btn{background:#28a745;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px}.add-btn:hover{background:#218838}.bulk-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.refresh-btn{background:#007bff;padding:10px 15px}.refresh-btn:hover{background:#0056b3}.bulk-remove-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 15px}.bulk-remove-btn:hover{background:#c82333}.bulk-remove-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.users-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;overflow-x:auto}.users-table{min-width:1000px}.users-table td,.users-table th{border-bottom:1px solid #eee;padding:12px;text-align:left}.users-table th{color:#495057;position:-webkit-sticky;position:sticky;top:0}.users-table tbody tr:hover,.users-table th{background:#f8f9fa}.users-table tbody tr.selected{background:#e3f2fd}.user-name{color:#007bff;font-weight:600}.tier-badge{font-weight:500}.tier-badge.tier-bronze{background:#cd7f32;color:#fff}.tier-badge.tier-silver{background:silver;color:#333}.tier-badge.tier-gold{background:gold;color:#333}.tier-badge.tier-platinum{background:#e5e4e2;color:#333}.tier-badge.tier-diamond{background:#b9f2ff;color:#333}.multiplier-value{color:#28a745;font-size:14px;font-weight:600}.remove-btn{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px}.remove-btn:hover{background:#c82333}.remove-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.action-buttons{align-items:center;display:flex;gap:8px}.edit-btn{background:#ffc107;border:none;border-radius:4px;color:#212529;cursor:pointer;font-size:14px;padding:6px 8px}.edit-btn:hover{background:#e0a800}.cancel-btn,.save-btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:6px 8px}.edit-input{border:1px solid #ced4da;max-width:150px;padding:4px 8px}.edit-input:focus{border-color:#80bdff;box-shadow:0 0 0 2px #007bff40}.edit-select{border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:120px;padding:8px}.edit-select.invalid-tier{background-color:#fff5f5;border-color:#dc3545;color:#dc3545}.invalid-tier-warning{color:#dc3545;font-size:12px;font-weight:500;margin-top:4px}.modal-content{max-width:400px;padding:30px;text-align:center}.modal-content h3{color:#dc3545;font-size:20px;margin:0 0 15px}.modal-content p{color:#495057;line-height:1.5;margin:0 0 25px}.modal-buttons{display:flex;gap:15px;justify-content:center}.confirm-delete-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px}.confirm-delete-btn:hover{background:#c82333}@media (max-width:768px){.manage-page{padding:15px}.admin-summary{grid-template-columns:repeat(2,1fr)}.add-user-form-admin{flex-direction:column}.add-user-form-admin input{min-width:auto;width:100%}.users-table{font-size:14px}.users-table td,.users-table th{padding:8px}}@media (max-width:480px){.admin-summary{grid-template-columns:1fr}.summary-card{padding:15px}.summary-value{font-size:24px}}.App.dark-mode .manage-page{background:#121212;color:#fff}.App.dark-mode .manage-page h2{border-bottom-color:#dc3545;color:#fff}.App.dark-mode .summary-card{background:#2d2d2d;border-left-color:#dc3545}.App.dark-mode .summary-card h3{color:#fff}.App.dark-mode .summary-value{color:#ff6b6b}.App.dark-mode .add-user-section{background:#2d2d2d}.App.dark-mode .add-user-section h3{color:#fff}.App.dark-mode .add-user-form-admin input{background:#3d3d3d;border-color:#555;color:#fff}.App.dark-mode .add-user-form-admin input:focus{border-color:#dc3545;box-shadow:0 0 0 2px #dc354540}.App.dark-mode .users-table-container{background:#2d2d2d!important}.App.dark-mode .users-table th{background:#3d3d3d!important;color:#fff!important}.App.dark-mode .users-table td{background:#0000!important;border-bottom-color:#555!important;color:#fff!important}.App.dark-mode .users-table,.App.dark-mode .users-table tbody tr{background:#2d2d2d!important}.App.dark-mode .users-table tbody tr:hover{background:#3d3d3d!important}.App.dark-mode .users-table tbody tr.selected{background:#1e3a8a!important}.App.dark-mode .user-name{color:#4dabf7}.App.dark-mode .tier-badge.premium{background:#92400e;color:#fbbf24}.App.dark-mode .tier-badge.vip{background:#065f46;color:#6ee7b7}.App.dark-mode .edit-input:focus{border-color:#80bdff;box-shadow:0 0 0 2px #007bff40}.App.dark-mode .edit-select{background:#3d3d3d;border-color:#555;color:#fff}.App.dark-mode .edit-select:focus{border-color:#80bdff;box-shadow:0 0 0 2px #007bff40}.App.dark-mode .tier-badge.tier-bronze{background:#92400e;color:#fbbf24}.App.dark-mode .tier-badge.tier-silver{background:#6b7280;color:#f3f4f6}.App.dark-mode .tier-badge.tier-gold{background:#d97706;color:#fef3c7}.App.dark-mode .tier-badge.tier-platinum{background:#9ca3af;color:#f9fafb}.App.dark-mode .tier-badge.tier-diamond{background:#0ea5e9;color:#e0f2fe}.App.dark-mode .multiplier-value{color:#4ade80}.App.dark-mode .modal-content{background:#2d3748;color:#e2e8f0}.App.dark-mode .modal-content h3{color:#fc8181}.App.dark-mode .modal-content p{color:#cbd5e0}.public-leaderboard{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.leaderboard-header{color:#fff;margin-bottom:40px;text-align:center}.leaderboard-header h1{animation:glow 2s ease-in-out infinite alternate;font-size:3rem;margin:0 0 10px;text-shadow:2px 2px 4px #0000004d}@keyframes glow{0%{text-shadow:2px 2px 4px #0000004d,0 0 10px #fff3}to{text-shadow:2px 2px 4px #0000004d,0 0 20px #fff6}}.leaderboard-header p{font-size:1.2rem;margin:0 0 20px;opacity:.9}.region-selector{display:flex;gap:10px;justify-content:center;margin-top:20px}.region-selector button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 20px;transition:all .3s ease}.region-selector button:hover{background:#fff3;transform:translateY(-2px)}.region-selector button.active{background:#ffffffe6;border-color:#ffffffe6;color:#667eea}.top-three-section{margin-bottom:40px}.triangle-grid{align-items:center;display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:1400px;position:relative}.triangle-row{display:flex;flex-wrap:wrap;gap:20px;width:100%}.triangle-row,.triangle-row:first-child{justify-content:center}.triangle-row:nth-child(2){max-width:800px}.triangle-card{max-width:350px;min-width:300px}.top-ten-section{margin-bottom:40px}.section-title{color:#fff;font-size:2rem;margin-bottom:30px;text-align:center;text-shadow:2px 2px 4px #0000004d}.top-ten-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1400px;padding:0 20px}.row-card{flex-shrink:0;justify-self:center;max-width:300px;min-height:200px;width:300px}.leaderboard-grid{align-items:center;display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:1400px;position:relative}.leaderboard-row{display:flex;flex-wrap:wrap;gap:20px;width:100%}.leaderboard-row,.leaderboard-row:first-child{justify-content:center}.leaderboard-row:nth-child(2){max-width:800px}.leaderboard-row:nth-child(3){max-width:1200px}.leaderboard-row:nth-child(n+4){max-width:1400px}.leaderboard-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;overflow:hidden;padding:25px;transition:all .3s ease}.leaderboard-card:before{background:var(--rank-color);content:"";height:4px;left:0;position:absolute;right:0;top:0}.leaderboard-card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-5px)}.leaderboard-card.position-1{background:linear-gradient(135deg,#ffd7001a,#fffffff2);border:2px solid gold;box-shadow:0 15px 50px #ffd7004d;position:relative;transform:scale(1.05)}.leaderboard-card.position-1:before{animation:float 3s ease-in-out infinite,crown-glow 2s ease-in-out infinite alternate;content:"👑";filter:drop-shadow(0 0 10px rgba(255,215,0,.8));font-size:3rem;left:50%;position:absolute;top:-30px;transform:translateX(-50%);z-index:10}@keyframes float{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-10px)}}@keyframes crown-glow{0%{filter:drop-shadow(0 0 10px rgba(255,215,0,.8))}to{filter:drop-shadow(0 0 20px rgba(255,215,0,1)) drop-shadow(0 0 30px rgba(255,215,0,.5))}}.leaderboard-card.position-2{background:linear-gradient(135deg,#c0c0c01a,#fffffff2);border:2px solid silver;box-shadow:0 12px 40px #c0c0c033;transform:scale(1.02)}.leaderboard-card.position-3{background:linear-gradient(135deg,#cd7f321a,#fffffff2);border:2px solid #cd7f32;box-shadow:0 12px 40px #cd7f3233;transform:scale(1.02)}.leaderboard-card.position-1,.leaderboard-card.position-2,.leaderboard-card.position-3{margin-bottom:10px}.leaderboard-card.position-2:after,.leaderboard-card.position-3:after{background:linear-gradient(90deg,#0000,var(--rank-color),#0000);border-radius:0 0 10px 10px;bottom:-8px;content:"";height:8px;left:10%;position:absolute;right:10%}.rank-badge{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:20px}.rank-emoji{animation:bounce 2s ease-in-out infinite;font-size:2.5rem}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.rank-number{color:var(--rank-color);font-size:1.5rem;font-weight:700;text-shadow:1px 1px 2px #0000001a}.user-info{margin-bottom:20px;text-align:center}.user-name{color:#333;font-size:1.5rem;font-weight:700;margin:0 0 15px;text-transform:capitalize}.user-stats{display:flex;gap:15px;justify-content:space-around}.stat-item{align-items:center;gap:5px}.stat-label{color:#666;font-size:.8rem;font-weight:600}.stat-value{color:#333;font-size:1.2rem;font-weight:700}.tier-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;font-size:.9rem!important;padding:4px 8px;text-transform:capitalize}.performance-indicator{align-items:center;background:linear-gradient(135deg,#007bff1a,#0056b31a);border:1px solid #007bff33;border-radius:15px;display:flex;gap:8px;justify-content:center;padding:12px}.performance-emoji{animation:pulse 1.5s ease-in-out infinite;font-size:1.5rem}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.performance-text{color:#667eea;font-size:.9rem;font-weight:600}.view-more-section{margin:40px auto;max-width:1200px;text-align:center}.view-more-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #ffffff4d;border-radius:30px;box-shadow:0 8px 25px #0000001a;color:#667eea;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:10px;justify-content:center;margin:0 auto 30px;padding:15px 30px;transition:all .3s ease}.view-more-btn:hover{background:#fff;box-shadow:0 12px 35px #00000026;transform:translateY(-2px)}.remaining-count{font-size:.9rem;font-weight:500;opacity:.7}.remaining-users-table{animation:slideDown .4s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 15px 40px #0000001a;padding:30px}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.table-title{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 25px;text-align:center}.table-container{border-radius:12px;box-shadow:0 4px 15px #0000000d}.users-table{background:#fff;border-collapse:collapse;border-radius:12px;overflow:hidden;width:100%}.users-table th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:15px 20px;text-align:left;text-transform:uppercase}.users-table th:first-child{text-align:center;width:80px}.users-table th:last-child{text-align:center}.user-row{border-bottom:1px solid #f0f0f0;transition:all .2s ease}.user-row:hover{background:#f8faff;box-shadow:0 2px 8px #0000000d;transform:scale(1.01)}.user-row:last-child{border-bottom:none}.users-table td{padding:15px 20px;vertical-align:middle}.rank-cell{font-weight:600;text-align:center}.rank-number{color:#667eea;display:block;font-size:.9rem;margin-bottom:2px}.rank-icon{font-size:1.2rem}.name-cell .user-name{color:#333;font-size:1rem;font-weight:600;text-transform:capitalize}.points-cell{text-align:right}.points-value{color:#333;font-size:1.1rem;font-weight:600}.performance-cell{text-align:center}.performance-cell .performance-emoji{font-size:1.2rem;margin-right:8px}.performance-cell .performance-text{color:#667eea;font-size:.9rem;font-weight:500}.clickable-card{cursor:pointer;transition:all .3s ease}.clickable-card:hover{box-shadow:0 20px 50px #0003;transform:translateY(-8px) scale(1.02)}.clickable-row:hover{background:#e3f2fd!important;transform:scale(1.02)}.user-modal-backdrop{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.user-modal{animation:modalSlideIn .4s ease-out;background:#fff;border-radius:20px;box-shadow:0 25px 50px #0000004d;max-height:80vh;max-width:500px;overflow:hidden;position:relative;width:90%}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:20px 25px}.modal-rank{align-items:center;display:flex;gap:10px}.modal-rank-emoji{font-size:2rem}.modal-rank-number{font-size:1.5rem;font-weight:700}.modal-close-btn{border-radius:5px;color:#fff;font-size:2rem;line-height:1;padding:5px;transition:background .2s}.modal-close-btn:hover{background:#fff3}.modal-content{padding:25px}.modal-user-name{color:#333;font-size:1.8rem;font-weight:700;margin:0 0 20px;text-align:center;text-transform:capitalize}.modal-user-title{background:#f8faff;border:2px solid #e3f2fd;border-radius:12px;margin-bottom:25px;padding:15px 20px;text-align:center}.title-label{color:#666;display:block;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.title-value{color:#667eea;display:block;font-size:1.3rem;font-style:italic;font-weight:700}.modal-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.modal-stat{background:#f9f9f9;border:1px solid #eee;border-radius:10px;padding:15px;text-align:center}.modal-stat .stat-label{color:#666;display:block;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.modal-stat .stat-value{color:#333;display:block;font-size:1.1rem;font-weight:700}.leaderboard-footer{color:#fffc;margin-top:40px;text-align:center}.leaderboard-footer p{font-size:.9rem;margin:5px 0}.error-state,.loading-state{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:50vh;position:relative;z-index:2}.spinner{animation:spin 1s linear infinite;font-size:3rem;margin-bottom:20px}.error-state p,.loading-state p{font-size:1.2rem;margin:0}.retry-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:25px;font-size:1rem;font-weight:600;margin-top:20px;padding:12px 24px;transition:all .3s ease}.retry-btn:hover{background:#ffffff4d;transform:translateY(-2px)}@media (max-width:768px){.public-leaderboard{padding:15px}.background-logo{opacity:.05;width:95%}.leaderboard-header h1{font-size:2rem}.leaderboard-grid,.leaderboard-row{gap:15px}.leaderboard-row:nth-child(2),.leaderboard-row:nth-child(3),.leaderboard-row:nth-child(n+4){max-width:100%}.leaderboard-card{margin:0 auto;max-width:350px;padding:20px;width:100%}.leaderboard-card.position-1{transform:scale(1.02)}.leaderboard-card.position-2,.leaderboard-card.position-3{transform:scale(1)}.leaderboard-card.position-1:before{font-size:2.5rem;top:-25px}.top-three-section{margin-bottom:30px}.triangle-grid{gap:15px;padding:0 10px}.triangle-card{max-width:100%;min-width:280px}.top-ten-grid{gap:15px;grid-template-columns:1fr;padding:0 10px}.row-card{max-width:100%!important;min-height:180px;width:100%!important}.user-stats{flex-direction:column;gap:10px}.stat-item{flex-direction:row;justify-content:space-between}.region-selector{align-items:center;flex-direction:column}.region-selector button{width:200px}.leaderboard-row:nth-child(2),.leaderboard-row:nth-child(3){align-items:center;flex-direction:column}.view-more-section{margin:30px 15px}.view-more-btn{flex-direction:column;font-size:1rem;gap:5px;max-width:300px;padding:12px 20px;width:100%}.remaining-users-table{border-radius:15px;margin:0 -15px;padding:20px 15px}.table-title{font-size:1.2rem;margin-bottom:20px}.users-table td,.users-table th{font-size:.85rem;padding:10px 8px}.rank-cell,.users-table th:first-child{width:60px}.performance-cell .performance-text{display:none}.points-value{font-size:1rem}.user-modal{margin:10px;max-height:85vh;width:95%}.modal-header{padding:15px 20px}.modal-rank-emoji{font-size:1.5rem}.modal-rank-number{font-size:1.2rem}.modal-content{padding:20px}.modal-user-name{font-size:1.4rem;margin-bottom:15px}.modal-user-title{margin-bottom:20px;padding:12px 15px}.title-value{font-size:1.1rem}.modal-stats{gap:10px;grid-template-columns:1fr}.modal-stat{padding:12px}}@media (max-width:480px){.leaderboard-header h1{font-size:1.5rem}.leaderboard-card{padding:15px}.rank-emoji{font-size:2rem}.user-name{font-size:1.2rem}}body{background:#090a0b;color:#fff;font-family:Inter Tight,sans-serif;margin:0;min-height:100vh;padding:0}.main-content{box-sizing:border-box;margin:0 auto;max-width:1400px;padding:40px 16px 80px}.main-content,.title{align-items:center;display:flex;flex-direction:column;width:100%}.title{margin:60px auto 24px;max-width:700px;position:static}.title,.title-main p{justify-content:center}.title-main p{display:flex;gap:.5rem;margin:0;max-width:1000px;text-align:center}.custom-background{background:linear-gradient(270deg,#090a0b 17.05%,#090a0b00),linear-gradient(270deg,#090a0b,#090a0b00),linear-gradient(180deg,#090a0b00,#090a0b),linear-gradient(180deg,#090a0b00,#090a0b);background-position:100% 0,100% 0,100% 0,100% 0;background-repeat:no-repeat;background-size:cover,cover,cover,cover;height:100vh;left:0;opacity:.5;pointer-events:none;position:absolute;top:0;transform:scaleX(-1);width:100vw;z-index:-1}.title-text,.title-text-weekly-leaderboard{-webkit-text-fill-color:#0000;text-fill-color:#0000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;align-items:center;background:linear-gradient(96.42deg,#fff 2.48%,#fff0 152.62%);-webkit-background-clip:text;background-clip:text;display:flex;font-family:Inter Tight,sans-serif;font-size:80px;font-style:normal;font-weight:500;letter-spacing:-2px;line-height:83px;margin:0 auto;max-width:45rem;overflow-wrap:break-word;position:relative;text-align:center;width:100%}.title-subtitle p{color:#c9cbcf;font-size:18px;margin:12px 0 0;text-align:center}.cards-container{align-items:flex-end;display:flex;flex-direction:row;flex-wrap:wrap;gap:7rem;justify-content:center;margin:40px 0;position:relative;width:100%}.cards-container .leaderboard-card:first-child{order:2;transform:scale(1.05);width:27rem;z-index:3}.cards-container .leaderboard-card:nth-child(2){order:1;transform:scale(.95);width:27rem;z-index:2}.cards-container .leaderboard-card:nth-child(3){order:3;transform:scale(.95);width:27rem;z-index:2}.cards-container .leaderboard-card.active{box-shadow:0 8px 32px 0 #0003!important;opacity:1!important;transform:scale(1.1)!important;z-index:4!important}.cards-container .leaderboard-card.inactive{opacity:.6;transform:scale(.9)}@media (max-width:600px){.cards-container{align-items:center;flex-direction:column;gap:2rem}.cards-container .leaderboard-card:first-child,.cards-container .leaderboard-card:nth-child(2),.cards-container .leaderboard-card:nth-child(3){order:0;transform:none;width:27rem;z-index:1}}.leaderboard-card{align-items:flex-start;-webkit-backdrop-filter:blur(9.1px);backdrop-filter:blur(9.1px);background:linear-gradient(167.71deg,#2a3945a1 8.95%,#2a394500 93.84%);border-radius:10px;box-shadow:0 2px 16px 0 #00000014;box-sizing:border-box;display:flex;flex-direction:column;margin:0;min-height:305px;padding:32px 24px 24px;position:relative;transform-origin:center center;transition:all .6s cubic-bezier(.4,0,.2,1);width:273px}.leaderboard-card.inactive{opacity:.39}.card-rank-icon{align-items:center;background:#0f1417;border-radius:6px;box-shadow:inset 0 4px 4px #00000040;display:flex;height:60px;justify-content:center;margin-bottom:12px;width:60px}.rank-medal{color:gold;font-size:32px}.chatter-name{font-weight:500}.card-points,.chatter-name{font-size:20px;margin:0 0 8px}.card-description{color:#ffffff9c;font-size:16px;margin:0 0 16px}.performance-badge{align-items:center;-webkit-backdrop-filter:blur(27px);backdrop-filter:blur(27px);background:linear-gradient(180deg,#ffffff0d,#fff0);border-radius:8px;box-sizing:border-box;display:flex;flex-direction:row;gap:6px;justify-content:center;margin:0 auto;min-width:160px;padding:6px 12px;position:relative;width:-webkit-fit-content;width:fit-content}.performance-label{color:#e3e4e6;font-size:15px;font-weight:500;margin-right:8px;order:0}.performance-label,.performance-value{align-items:center;display:flex;flex:none;flex-grow:0;font-family:Inter Tight,sans-serif;font-style:normal;line-height:150%}.performance-value{color:#00afff;font-size:16px;font-weight:600;order:1}.complete-performance-text-container{align-items:center;display:flex;flex-direction:column;margin-bottom:24px;margin-top:5rem}.complete-rankings-btn{align-items:center;background:#13181c;border:none;border-radius:99px;box-shadow:0 4px 4px #00000012,inset 0 4px 4px #4ec2f740;color:#4ec2f7;cursor:pointer;display:flex;font-family:Inter Variable,Inter Tight,sans-serif;font-size:14px;font-style:normal;font-weight:400;height:40px;justify-content:center;letter-spacing:-1px;line-height:40px;margin:0 auto 16px;position:relative;transition:background .2s,color .2s;width:141px}.complete-rankings-btn:hover{background:#1a222a;color:#6edcff}.leaderboard-description{color:#fff;font-family:Inter Tight,sans-serif;font-size:18px;font-style:normal;font-weight:500;line-height:24px;margin:0 auto;max-width:100%;overflow:hidden;position:relative;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.table-container{margin:5rem auto 60px;max-width:1100px;overflow-x:auto;padding:0 16px;width:100%}.leaderboard-table{-webkit-backdrop-filter:blur(9.1px);backdrop-filter:blur(9.1px);background:linear-gradient(167.71deg,#2a3945a1 8.95%,#2a394500 93.84%);border-radius:10px;box-sizing:border-box;min-width:600px;overflow:hidden;table-layout:fixed;width:100%}.leaderboard-table td,.leaderboard-table th{border-bottom:1px solid #ffffff14;color:#fff;font-weight:500;padding:12px 8px;vertical-align:middle}.leaderboard-table td:first-child,.leaderboard-table th:first-child{text-align:center;width:12%}.leaderboard-table td:nth-child(2),.leaderboard-table th:nth-child(2){text-align:left;width:30%}.leaderboard-table td:nth-child(3),.leaderboard-table th:nth-child(3){text-align:right;width:35%}.leaderboard-table td:nth-child(4),.leaderboard-table th:nth-child(4){text-align:left;width:20%}.row-rank-icon{align-items:center;background:#0f1417;border-radius:6px;box-shadow:inset 0 4px 4px #00000040;display:flex;height:42px;justify-content:center;margin-right:12px;width:42px}.row-rank-icon .rank-medal{color:gold;font-size:20px}@media (max-width:900px){.title-text,.title-text-weekly-leaderboard{font-size:60px;line-height:1.1;max-width:90vw}.complete-performance-text{font-size:32px;line-height:1.2;white-space:nowrap}.cards-container{align-items:center;flex-direction:column;gap:24px}.cards-container .leaderboard-card:first-child,.cards-container .leaderboard-card:nth-child(2),.cards-container .leaderboard-card:nth-child(3){max-width:400px;order:0;transform:none;width:90vw;z-index:1}.leaderboard-card{max-width:400px;min-width:240px;width:90vw}.table-container{overflow-x:auto;padding:0 4px}.leaderboard-table{font-size:13px;min-width:500px}}@media (max-width:600px){.table-container{overflow-x:auto;padding:0 2px}.leaderboard-table{font-size:11px;min-width:320px}.leaderboard-table td,.leaderboard-table th{padding:6px 4px;white-space:normal}.leaderboard-table td:first-child,.leaderboard-table th:first-child{width:22%}.leaderboard-table td:nth-child(2),.leaderboard-table th:nth-child(2){width:38%}.leaderboard-table td:nth-child(3),.leaderboard-table td:nth-child(4),.leaderboard-table th:nth-child(3),.leaderboard-table th:nth-child(4){width:20%}}.table-container::-webkit-scrollbar{height:6px}.table-container::-webkit-scrollbar-thumb{background:#222;border-radius:3px}.table-container{scrollbar-color:#222 #111;scrollbar-width:thin}.clickable-row{cursor:pointer;transition:background-color .2s ease}.clickable-row:hover{background:linear-gradient(167.71deg,#2a3945cc 8.95%,#2a39454d 93.84%)!important}.modal-backdrop{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;height:100%;width:100%}.modal-content{animation:slideIn .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(167.71deg,#2a3945fa 8.95%,#2a3945eb 93.84%)!important;border:1px solid #ffffff1a;border-radius:15px;box-shadow:0 20px 60px #00000080;max-height:80vh;padding:0}.modal-header{background:#0003!important;border-bottom:1px solid #ffffff1a;color:#fff!important;padding:24px 24px 16px}.modal-header h2{color:#fff!important;font-family:Inter Tight,sans-serif;font-size:30px}.modal-close{background:none;color:#fff!important;font-size:28px;padding:0;transition:background-color .2s ease}.modal-close:hover{background:#ffffff1a}.modal-body{background:#0003!important;border-radius:10px;padding:24px}.user-title-section-type-title{flex-wrap:wrap;font-family:"Instrument Serif",serif;font-size:80px;font-style:italic;font-weight:270;letter-spacing:-2px;line-height:104%;text-align:center;vertical-align:middle}.user-title-section{color:#fff;font-family:Inter Tight,sans-serif;font-size:18px;font-style:normal;font-weight:500;line-height:24px;margin-bottom:24px;text-align:center}.user-title-section h3{color:#fff;font-size:16px;font-weight:500;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.user-title{background:#00afff1a;border:1px solid #00afff33;border-radius:8px;color:#fff;font-size:20px;font-weight:600;margin:0;padding:16px}.user-stats{grid-gap:16px;background:#0000001a;display:grid;gap:16px;grid-template-columns:1fr 1fr}.stat-item{display:flex;flex-direction:column;gap:8px}.stat-label{color:#e3e4e6;font-size:14px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:#fff;font-size:18px;font-weight:600}@media (max-width:600px){.title-text,.title-text-weekly-leaderboard{font-size:40px;letter-spacing:-1px;line-height:1.1;max-width:95vw}.complete-performance-text{font-size:20px}.main-content{padding:16px 4px 40px}.cards-container{gap:12px}.leaderboard-card{padding:16px 8px 12px}.table-header,.table-row{font-size:12px;min-height:48px}.header-buttons{display:none}.header{gap:0;justify-content:flex-start}.tdm-logo{flex-shrink:0;margin-left:100px;margin-top:100px}.modal-content{max-height:85vh;width:95%}.modal-header{padding:20px 20px 12px}.modal-header h2{font-size:20px}.modal-body{padding:20px}.user-title{font-size:18px;padding:12px}.user-stats{gap:12px;grid-template-columns:1fr}.stat-value{font-size:16px}.table-container{overflow-x:auto;padding:0 2px}.leaderboard-table{font-size:11px;min-width:320px}.leaderboard-table td,.leaderboard-table th{padding:6px 4px;white-space:normal}}.header{padding:0;width:100%}.header-content{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:24px 16px 0;position:relative;width:100%}.tdm-logo{flex-shrink:0;height:48px;margin-top:70px;width:auto}.header-spacer{flex:1 1}.header-buttons{flex:0 1 auto;gap:12px;justify-content:center;min-width:300px}.header-btn,.header-buttons{align-items:center;display:flex}.header-btn{background:#ffffff08;border:none;border-radius:8px;color:#fff;cursor:pointer;flex-direction:row;font-family:Inter Tight,sans-serif;font-size:17px;font-style:normal;font-weight:500;height:50px;line-height:150%;min-width:85px;padding:12px 16px;transition:background .2s,color .2s}.header-btn.secondary{background:#121416;border:1px solid #1c1f22;border-radius:100px;color:#fff;min-width:85px;padding:12px 20px}.header-btn.ghost{background:none;border:none;color:#c9cbcf;min-width:85px;padding:12px}.header-btn-text{color:inherit;font-family:Inter Tight,sans-serif;font-size:17px;font-style:normal;font-weight:500;line-height:150%;margin:0}.header-btn.active,.header-btn.secondary.active{background:#ffffff1a;border:1px solid #fff3;box-shadow:0 0 20px #ffffff4d,0 4px 12px #fff3;color:#fff;z-index:1}@media (max-width:900px){.header-content{align-items:stretch;flex-direction:column;padding:16px 8px 0}.header-buttons{gap:8px;justify-content:center;margin-top:12px;min-width:0}.tdm-logo{height:36px}.header-spacer{display:none}}.complete-performance-text{-webkit-text-fill-color:#0000;text-fill-color:#0000;align-items:center;background:linear-gradient(96.42deg,#fff 2.48%,#fff0 152.62%);-webkit-background-clip:text;background-clip:text;display:flex;font-family:Inter Tight,sans-serif;font-size:48px;font-style:normal;font-weight:500;letter-spacing:-2px;line-height:58px;margin:0 auto;position:relative;text-align:center}.config-page{background:#f8f9fa;margin:0 auto;max-width:1400px;min-height:calc(100vh - 140px);padding:20px}.config-page h2{border-bottom:3px solid #6f42c1;color:#333;font-size:28px;margin-bottom:20px;padding-bottom:10px;text-align:center}.mode-indicator{margin-bottom:30px;text-align:center}.mode-badge{border-radius:20px;display:inline-block;font-size:14px;font-weight:600;padding:8px 16px}.mode-badge.uk{background:#e3f2fd;border:2px solid #1976d2;color:#1976d2}.mode-badge.ct{background:#fff3e0;border:2px solid #f57c00;color:#f57c00}.error-banner p{margin:0 0 5px}.error-banner small{color:#6c757d;font-style:italic}.config-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;overflow:hidden}.section-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px}.section-header h3{color:#495057;font-size:20px;margin:0}.edit-buttons{display:flex;gap:10px}.cancel-btn,.edit-btn,.save-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.edit-btn{background:#007bff;color:#fff}.edit-btn:hover{background:#0056b3}.save-btn{background:#28a745;color:#fff}.save-btn:hover{background:#218838}.cancel-btn{background:#6c757d;color:#fff}.cancel-btn:hover{background:#5a6268}.add-btn{background:#17a2b8;color:#fff}.add-btn:hover{background:#138496}.delete-btn{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .3s ease}.delete-btn:hover{background:#c82333;transform:scale(1.1)}.config-table-container{overflow-x:auto}.config-table{border-collapse:collapse;width:100%}.config-table td,.config-table th{border-bottom:1px solid #eee;padding:15px;text-align:left}.config-table th{color:#495057;font-weight:600}.config-table tbody tr:hover,.config-table th{background:#f8f9fa}.edit-input{border:1px solid #ddd;border-radius:4px;font-size:14px;max-width:200px;padding:8px 12px;width:100%}.edit-input:focus{border-color:#6f42c1;box-shadow:0 0 0 2px #6f42c140;outline:none}.status-badge{border-radius:12px;font-weight:500;padding:4px 8px}.status-badge,.tier-badge{font-size:12px;text-transform:uppercase}.tier-badge{border-radius:15px;font-weight:600;padding:6px 12px}.tier-badge.standard{background:#e9ecef;color:#495057}.tier-badge.premium{background:#fff3cd;color:#856404}.tier-badge.vip{background:#d4edda;color:#155724}.bonus-settings-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:20px}.bonus-setting{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:20px}.bonus-setting label{color:#495057;display:block;font-size:16px;font-weight:600;margin-bottom:10px}.bonus-value{color:#6f42c1;display:inline-block;font-size:24px;font-weight:700}.loading{padding:60px 20px}@media (max-width:768px){.config-page{padding:15px}.section-header{align-items:flex-start;flex-direction:column;gap:15px}.edit-buttons{justify-content:flex-end;width:100%}.config-table td,.config-table th{font-size:14px;padding:10px}.bonus-settings-grid{grid-template-columns:1fr;padding:15px}.edit-input{max-width:100%}}@media (max-width:480px){.config-page h2{font-size:24px}.mode-badge{font-size:12px;padding:6px 12px}.bonus-setting{padding:15px}.bonus-value{font-size:20px}}.App.dark-mode .config-page{background:#121212;color:#fff}.App.dark-mode .config-page h2{border-bottom-color:#6f42c1;color:#fff}.App.dark-mode .mode-badge.uk{background:#1e3a8a;border-color:#1976d2;color:#93c5fd}.App.dark-mode .mode-badge.ct{background:#92400e;border-color:#f57c00;color:#fbbf24}.App.dark-mode .config-section{background:#1e1e1e}.App.dark-mode .section-header{background:#2d2d2d;border-bottom-color:#555}.App.dark-mode .section-header h3{color:#fff}.App.dark-mode .config-table th{background:#2d2d2d;color:#fff}.App.dark-mode .config-table tbody tr:hover{background:#2d2d2d}.App.dark-mode .config-table td{border-bottom-color:#555;color:#fff}.App.dark-mode .edit-input{background:#3d3d3d;border-color:#555;color:#fff}.App.dark-mode .edit-input:focus{border-color:#6f42c1;box-shadow:0 0 0 2px #6f42c140}.App.dark-mode .status-badge.active{background:#155724;color:#d4edda}.App.dark-mode .status-badge.inactive{background:#721c24;color:#f8d7da}.App.dark-mode .tier-badge.standard{background:#374151;color:#d1d5db}.App.dark-mode .tier-badge.premium{background:#065f46;color:#6ee7b7}.App.dark-mode .tier-badge.vip{background:#7c2d12;color:#fbbf24}.App.dark-mode .bonus-settings-grid .bonus-setting{background:#2d2d2d;border-color:#555}.App.dark-mode .bonus-setting label{color:#fff}.App.dark-mode .bonus-value{color:#4dabf7}.prompts-section{border-top:2px solid #dee2e6;margin-top:40px;padding-top:30px}.prompts-section h2{border-bottom:3px solid #6f42c1;color:#333;font-size:28px;margin-bottom:30px;padding-bottom:10px;text-align:center}.error-banner{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;margin-bottom:20px;padding:15px;text-align:center}.error-banner p{color:#856404;font-weight:500;margin:0 0 10px}.retry-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.retry-btn:hover{background:#0056b3}.add-prompt-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.add-prompt-section h3{color:#495057;margin:0 0 15px}.add-prompt-form{display:flex;flex-direction:column;gap:15px}.form-row{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.prompt-name-input{border:1px solid #ddd;border-radius:6px;flex:1 1;font-size:14px;min-width:200px;padding:10px 15px}.prompt-name-input:focus{border-color:#6f42c1;box-shadow:0 0 0 2px #6f42c140;outline:none}.prompt-content-input{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:14px;min-height:100px;padding:12px 15px;resize:vertical;width:100%}.prompt-content-input:focus{border-color:#6f42c1;box-shadow:0 0 0 2px #6f42c140;outline:none}.active-toggle{align-items:center;color:#495057;cursor:pointer;display:flex;font-size:14px;gap:8px}.active-toggle input[type=checkbox]{cursor:pointer;height:16px;width:16px}.prompts-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;overflow-x:auto}.table-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px}.table-header h3{color:#495057;font-size:18px;margin:0}.prompts-table{border-collapse:collapse;min-width:800px;width:100%}.prompts-table td,.prompts-table th{border-bottom:1px solid #eee;padding:12px;text-align:left}.prompts-table th{color:#495057;font-weight:600;position:-webkit-sticky;position:sticky;top:0}.prompts-table tbody tr:hover,.prompts-table th{background:#f8f9fa}.prompt-name{word-wrap:break-word;color:#6f42c1;font-weight:600;max-width:150px}.prompt-content{max-width:300px}.content-preview{word-wrap:break-word;color:#6c757d;font-size:13px;line-height:1.4;max-height:60px;overflow:hidden}.edit-textarea{background:#fff;border:1px solid #ced4da;border-radius:4px;font-family:inherit;font-size:14px;padding:8px 12px;resize:vertical;width:100%}.edit-textarea:focus{border-color:#80bdff;box-shadow:0 0 0 2px #007bff40;outline:none}.status-badge.active{background:#d4edda;color:#155724}.status-badge.active,.status-badge.inactive{border-radius:12px;font-size:12px;font-weight:500;padding:4px 8px}.status-badge.inactive{background:#f8d7da;color:#721c24}.App.dark-mode .prompts-section{border-top-color:#555}.App.dark-mode .prompts-section h2{border-bottom-color:#6f42c1;color:#fff}.App.dark-mode .error-banner{background:#451a03;border-color:#78350f;color:#fbbf24}.App.dark-mode .error-banner p{color:#fbbf24}.App.dark-mode .add-prompt-section{background:#2d2d2d}.App.dark-mode .add-prompt-section h3{color:#fff}.App.dark-mode .prompt-content-input,.App.dark-mode .prompt-name-input{background:#3d3d3d;border-color:#555;color:#fff}.App.dark-mode .prompt-content-input:focus,.App.dark-mode .prompt-name-input:focus{border-color:#6f42c1;box-shadow:0 0 0 2px #6f42c140}.App.dark-mode .active-toggle{color:#fff}.App.dark-mode .prompts-table-container{background:#2d2d2d}.App.dark-mode .table-header{background:#3d3d3d;border-bottom-color:#555}.App.dark-mode .table-header h3{color:#fff}.App.dark-mode .prompts-table th{background:#3d3d3d;color:#fff}.App.dark-mode .prompts-table td{border-bottom-color:#555;color:#fff}.App.dark-mode .prompts-table tbody tr:hover{background:#3d3d3d}.App.dark-mode .prompt-name{color:#a78bfa}.App.dark-mode .content-preview{color:#adb5bd}.App.dark-mode .edit-textarea{background:#3d3d3d;border-color:#555;color:#fff}.App.dark-mode .edit-textarea:focus{border-color:#80bdff;box-shadow:0 0 0 2px #007bff40}.App.dark-mode .status-badge.active{background:#065f46;color:#6ee7b7}.App.dark-mode .status-badge.inactive{background:#7c2d12;color:#fbbf24}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{border-radius:8px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;max-height:80%;max-width:80%;width:600px}.modal-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px}.modal-header h3{color:#495057;font-size:18px;margin:0}.modal-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.modal-close-btn:hover{background:#e9ecef;color:#495057}.modal-body{flex:1 1;overflow-y:auto;padding:20px}.prompt-full-content{word-wrap:break-word;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;font-family:Courier New,monospace;font-size:14px;line-height:1.5;margin:0;max-height:400px;overflow-y:auto;padding:15px;white-space:pre-wrap}.modal-footer{border-top:1px solid #eee;padding:15px 20px;text-align:right}.modal-btn{background:#6f42c1;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.modal-btn:hover{background:#5a2d91}.content-preview.clickable{border-radius:4px;cursor:pointer;padding:4px 8px;transition:background-color .2s ease}.content-preview.clickable:hover{background:#e3f2fd}.App.dark-mode .modal-content{background:#2d2d2d}.App.dark-mode .modal-header{background:#3d3d3d;border-bottom-color:#555}.App.dark-mode .modal-header h3{color:#fff}.App.dark-mode .modal-close-btn{color:#adb5bd}.App.dark-mode .modal-close-btn:hover{background:#555;color:#fff}.App.dark-mode .modal-body{color:#fff}.App.dark-mode .prompt-full-content{background:#3d3d3d;border-color:#555;color:#fff}.App.dark-mode .modal-footer{border-top-color:#555}.App.dark-mode .content-preview.clickable:hover{background:#1e3a8a}.add-modifier-section{background:#f8f9fa;border-bottom:1px solid #eee;padding:20px}.add-modifier-section h4{color:#495057;font-size:16px;margin:0 0 15px}.add-modifier-form{display:flex;flex-direction:column;gap:15px}.add-modifier-form .form-row{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.modifier-description-input,.modifier-keyword-input,.modifier-points-input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px}.modifier-keyword-input{flex:1 1;min-width:150px}.modifier-points-input{min-width:120px;width:120px}.modifier-description-input{flex:2 1;min-width:200px}.modifier-description-input:focus,.modifier-keyword-input:focus,.modifier-points-input:focus{border-color:#6f42c1;box-shadow:0 0 0 2px #6f42c140;outline:none}.modifier-keyword{color:#6f42c1;font-weight:600}.App.dark-mode .add-modifier-section{background:#2d2d2d;border-bottom-color:#555}.App.dark-mode .add-modifier-section h4{color:#fff}.App.dark-mode .modifier-description-input,.App.dark-mode .modifier-keyword-input,.App.dark-mode .modifier-points-input{background:#3d3d3d;border-color:#555;color:#fff}.App.dark-mode .modifier-description-input:focus,.App.dark-mode .modifier-keyword-input:focus,.App.dark-mode .modifier-points-input:focus{border-color:#6f42c1;box-shadow:0 0 0 2px #6f42c140}.App.dark-mode .modifier-keyword{color:#e9ecef}.add-tier-multiplier-section{background:#f8f9fa;border-bottom:1px solid #eee;padding:20px}.add-tier-multiplier-section h4{color:#495057;font-size:16px;margin:0 0 15px}.add-tier-multiplier-form{display:flex;flex-direction:column;gap:15px}.add-tier-multiplier-form .form-row{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.multiplier-input,.tier-description-input,.tier-name-input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px 12px;transition:all .3s ease}.tier-name-input{flex:1 1;min-width:150px}.multiplier-input{flex:0 0 120px}.tier-description-input{flex:2 1;min-width:200px}.multiplier-input:focus,.tier-description-input:focus,.tier-name-input:focus{border-color:#6f42c1;box-shadow:0 0 0 2px #6f42c140;outline:none}.tier-name{color:#495057;font-weight:600}.App.dark-mode .add-tier-multiplier-section{background:#2d3748;border-bottom-color:#4a5568}.App.dark-mode .add-tier-multiplier-section h4{color:#e9ecef}.App.dark-mode .multiplier-input,.App.dark-mode .tier-description-input,.App.dark-mode .tier-name-input{background:#4a5568;border-color:#718096;color:#e9ecef}.App.dark-mode .multiplier-input:focus,.App.dark-mode .tier-description-input:focus,.App.dark-mode .tier-name-input:focus{border-color:#9f7aea;box-shadow:0 0 0 2px #9f7aea40}.App.dark-mode .tier-name{color:#e9ecef}.leaderboard-selection-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;padding:0;position:relative;width:90%}.leaderboard-selection-modal .modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 24px;position:relative}.leaderboard-selection-modal .leaderboard-icon{font-size:24px;margin-right:12px}.leaderboard-selection-modal .modal-title{flex:1 1;font-size:20px;font-weight:600;margin:0}.leaderboard-selection-modal .close-btn{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:24px;padding:4px;transition:background-color .2s}.leaderboard-selection-modal .close-btn:hover{background-color:#ffffff1a}.leaderboard-selection-modal .modal-body{padding:24px}.leaderboard-selection-modal .selection-subtitle{color:#6b7280;font-size:14px;margin:0 0 20px;text-align:center}.route-options{display:flex;flex-direction:column;gap:12px}.route-option{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;padding:16px;text-align:left;transition:all .2s ease;width:100%}.route-option:hover{background-color:#f8faff;border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-1px)}.route-option .route-icon{flex-shrink:0;font-size:24px;margin-right:16px}.route-option .route-details{flex:1 1}.route-option .route-details h4{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 4px}.route-option .route-details p{color:#6b7280;font-size:14px;margin:0}.route-option .arrow{color:#9ca3af;font-size:18px;margin-left:12px;transition:all .2s ease}.route-option:hover .arrow{color:#667eea;transform:translateX(4px)}.uk-option:hover{background-color:#eff6ff;border-color:#3b82f6}.uk-option:hover .arrow{color:#3b82f6}.ct-option:hover{background-color:#fef2f2;border-color:#dc2626}.ct-option:hover .arrow{color:#dc2626}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%,-60%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}[data-theme=dark] .leaderboard-selection-modal{background:#1f2937;color:#fff}[data-theme=dark] .route-option{background:#374151;border-color:#4b5563;color:#fff}[data-theme=dark] .route-option:hover{background-color:#4b5563}[data-theme=dark] .route-option .route-details h4{color:#f9fafb}[data-theme=dark] .route-option .route-details p{color:#d1d5db}.modal-backdrop{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow:hidden;position:relative;width:90%}.modal-header{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;padding:24px;position:relative;text-align:center}.modal-header h2{font-size:24px;font-weight:600;margin:0;text-shadow:0 2px 4px #0000004d}.modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .3s ease;width:32px}.modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.modal-body{padding:32px 24px}.warning-message{margin-bottom:24px}.warning-message p{color:#2d3436;font-size:16px;line-height:1.5;margin:8px 0}.warning-message p strong{color:#d63031;font-weight:600}.warning-message ul{margin:16px 0;padding-left:20px}.warning-message li{color:#636e72;line-height:1.4;margin:8px 0}.modal-actions{border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.btn-cancel,.btn-confirm{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;justify-content:center;min-width:120px;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease}.btn-cancel{background:linear-gradient(135deg,#74b9ff,#0984e3);box-shadow:0 4px 12px #74b9ff4d;color:#fff}.btn-cancel:hover{background:linear-gradient(135deg,#0984e3,#0652dd);box-shadow:0 6px 16px #74b9ff66;transform:translateY(-2px)}.btn-cancel:active{transform:translateY(0)}.btn-confirm{background:linear-gradient(135deg,#ff6b6b,#ee5a24);box-shadow:0 4px 12px #ff6b6b4d;color:#fff}.btn-confirm:hover{background:linear-gradient(135deg,#ee5a24,#d63031);box-shadow:0 6px 16px #ff6b6b66;transform:translateY(-2px)}.btn-confirm:active{transform:translateY(0)}.btn-cancel:before,.btn-confirm:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn-cancel:active:before,.btn-confirm:active:before{height:300px;width:300px}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.App.dark-mode .modal-content{background:#2d3436;color:#ddd}.App.dark-mode .modal-body,.App.dark-mode .warning-message p{color:#ddd}.App.dark-mode .warning-message p strong{color:#ff6b6b}.App.dark-mode .warning-message li{color:#adb5bd}.App.dark-mode .modal-actions{border-top-color:#555}@media (max-width:768px){.modal-content{margin:20px;width:calc(100% - 40px)}.modal-header{padding:20px}.modal-header h2{font-size:20px}.modal-body{padding:24px 20px}.modal-actions{flex-direction:column;gap:8px}.btn-cancel,.btn-confirm{min-width:auto;width:100%}}*{box-sizing:border-box}.App{background:#f5f5f5;min-height:100vh}.app-header{background:#fff;box-shadow:0 2px 4px #0000001a;margin-bottom:0;padding:20px}.header-content{justify-content:space-between;margin-bottom:20px}.header-content,.header-left{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.header-left h1{color:#333;font-size:24px;font-weight:600;margin:0}.header-right{flex-wrap:wrap;gap:10px}.header-right,.region-toggle{align-items:center;display:flex}.region-toggle{font-size:14px;font-weight:600;gap:8px}.region-toggle span{color:#6c757d;transition:color .3s ease}.region-toggle span.active{color:#007bff}.switch{display:inline-block;height:24px;position:relative;width:50px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;width:18px}input:checked+.slider{background-color:#007bff}input:checked+.slider:before{transform:translateX(26px)}.nav-tabs{border-bottom:2px solid #e9ecef;display:flex;flex-wrap:wrap;gap:5px;margin-bottom:20px;padding-bottom:10px}.nav-tabs button{background:#0000;border:none;border-radius:6px 6px 0 0;color:#6c757d;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;position:relative;transition:all .3s ease}.nav-tabs button:hover{background:#f8f9fa;color:#495057}.nav-tabs button.active{background:#007bff;color:#fff}.nav-tabs button.active:after{background:#007bff;bottom:-12px;content:"";height:2px;left:0;position:absolute;right:0}.theme-toggle{background:#fff;border:2px solid #6f42c1;border-radius:6px;color:#6f42c1;cursor:pointer;font-size:16px;padding:8px 12px;transition:all .3s ease}.theme-toggle:hover{background:#f3f0ff}.search-container{display:flex;justify-content:center;margin-bottom:20px}.app-main{padding:0 20px 20px}.app-header h1{color:#333;font-size:24px;font-weight:600;margin:0 0 20px;text-align:center}.header-title-section{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:20px}.logo-title-container{align-items:center;display:flex;flex-direction:column;gap:15px}.app-logo{height:40px;object-fit:contain;transition:transform .3s ease;width:auto}.app-logo:hover{transform:scale(1.05)}.header-title-section h1{margin:0}.app-refresh-indicator{align-items:center;animation:fadeIn .3s ease;background:#e3f2fd;border-radius:20px;color:#1976d2;display:flex;font-size:14px;font-weight:500;gap:8px;padding:6px 12px}.refresh-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-section{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:20px}.search-input{border:2px solid #ddd;border-radius:6px;font-size:14px;min-width:250px;padding:10px 16px;transition:border-color .3s ease}.search-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.clear-search-btn{align-items:center;background:#6c757d;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:30px;justify-content:center;padding:8px 10px;transition:background-color .3s ease;width:30px}.clear-search-btn:hover{background:#5a6268}.search-results-count{color:#6c757d;font-size:12px;font-style:italic}.header-controls{align-items:center;display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-bottom:20px}.dark-mode-toggle,.mode-toggle{border:2px solid #007bff;border-radius:6px;display:flex;overflow:hidden}.dark-mode-toggle,.dark-toggle{border-color:#6f42c1}.dark-toggle{background:#fff;color:#6f42c1;min-width:50px}.dark-toggle:hover{background:#f3f0ff}.dark-toggle.active{background:#6f42c1;color:#fff}.dark-toggle.active:hover{background:#5a2d91}.toggle-btn{background:#fff;border:none;color:#007bff;cursor:pointer;font-size:14px;font-weight:600;min-width:50px;padding:8px 16px;transition:all .3s ease}.toggle-btn:first-child{border-right:1px solid #007bff}.toggle-btn:hover{background:#e3f2fd}.toggle-btn.active{background:#007bff;color:#fff}.toggle-btn.active:hover{background:#0056b3}.navigation{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px}.nav-btn{background:#fff;border:2px solid #007bff;border-radius:6px;color:#007bff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .3s ease}.nav-btn.active,.nav-btn:hover{background:#007bff;color:#fff}.manage-tab{background:#dc3545!important;border-color:#dc3545!important;color:#fff!important}.manage-tab:hover{background:#c82333!important;color:#fff!important}.manage-tab.active{background:#a71e2a!important;color:#fff!important}.config-tab{background:#6f42c1!important;border-color:#6f42c1!important;color:#fff!important}.config-tab:hover{background:#5a2d91!important;color:#fff!important}.config-tab.active{background:#4e2a84!important;color:#fff!important}.user-management{text-align:center}.add-user-form{align-items:center;display:inline-flex;gap:10px}.user-input{border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:200px;padding:8px 12px}.user-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.add-user-btn{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px}.add-user-btn:hover{background:#218838}.main-content{min-height:calc(100vh - 140px)}.user-actions{margin:20px;text-align:center}.remove-user-btn{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px}.remove-user-btn:hover{background:#c82333}@media (max-width:768px){.app-header{padding:15px}.app-header h1{font-size:20px}.navigation{justify-content:flex-start}.nav-btn{font-size:12px;padding:8px 12px}.add-user-form{flex-direction:column;gap:10px}.user-input{max-width:250px;min-width:auto;width:100%}.search-section{flex-direction:column;gap:8px}.search-input{max-width:280px;min-width:auto;width:100%}.header-controls{flex-direction:column;gap:15px}.mode-toggle{align-self:center}}.loading{color:#6c757d;font-size:18px}.error,.loading{padding:40px;text-align:center}.error{color:#dc3545}.error button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:8px 16px}.App.dark-mode{background:#121212;color:#fff}.App.dark-mode .app-header{background:#1e1e1e;box-shadow:0 2px 4px #ffffff1a}.App.dark-mode .app-header h1{color:#fff}.App.dark-mode .search-input{background:#2d2d2d;border-color:#555;color:#fff}.App.dark-mode .search-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.App.dark-mode .clear-search-btn{background:#5a6268}.App.dark-mode .clear-search-btn:hover{background:#6c757d}.App.dark-mode .search-results-count{color:#adb5bd}.App.dark-mode .nav-btn{background:#2d2d2d;border-color:#007bff;color:#007bff}.App.dark-mode .nav-btn.active,.App.dark-mode .nav-btn:hover{background:#007bff;color:#fff}.App.dark-mode .user-input{background:#2d2d2d;border-color:#555;color:#fff}.App.dark-mode .user-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.App.dark-mode .add-user-btn{background:#28a745}.App.dark-mode .add-user-btn:hover{background:#218838}.App.dark-mode .remove-user-btn{background:#dc3545}.App.dark-mode .remove-user-btn:hover{background:#c82333}.App.dark-mode .loading{color:#adb5bd}.App.dark-mode .error{background:#2d1b1b;border:1px solid #721c24;border-radius:6px;color:#f8d7da;margin:20px;padding:20px}.App.dark-mode .error button{background:#007bff}.App.dark-mode .error button:hover{background:#0056b3}.logout-btn{align-items:center;background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:5px;padding:8px 16px;transition:all .3s ease}.logout-btn:hover{background:#c82333;transform:translateY(-1px)}.refresh-btn{align-items:center;background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:5px;padding:8px 16px;transition:all .3s ease}.refresh-btn:hover:not(:disabled){background:#218838;transform:translateY(-1px)}.refresh-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none}.leaderboard-btn{align-items:center;background:#ff6b35;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:5px;padding:8px 16px;transition:all .3s ease}.leaderboard-btn:hover{background:#e55a2b;transform:translateY(-1px)}.refresh-icon{display:inline-block;transition:transform .3s ease}.refresh-icon.spinning{animation:spin 1s linear infinite}.App.dark-mode .logout-btn{background:#dc3545}.App.dark-mode .logout-btn:hover{background:#c82333}.App.dark-mode .header-left h1{color:#fff}.App.dark-mode .region-toggle span{color:#adb5bd}.App.dark-mode .region-toggle span.active{color:#007bff}.App.dark-mode .slider{background-color:#555}.App.dark-mode input:checked+.slider{background-color:#007bff}.App.dark-mode .nav-tabs{border-bottom-color:#555}.App.dark-mode .nav-tabs button{color:#adb5bd}.App.dark-mode .nav-tabs button:hover{background:#2d2d2d;color:#fff}.App.dark-mode .nav-tabs button.active{background:#007bff;color:#fff}.App.dark-mode .theme-toggle{background:#2d2d2d;border-color:#6f42c1;color:#6f42c1}.App.dark-mode .theme-toggle:hover{background:#3d2d4d}.App.dark-mode .refresh-btn{background:#28a745}.App.dark-mode .refresh-btn:hover:not(:disabled){background:#218838}.App.dark-mode .refresh-btn:disabled{background:#555}.App.dark-mode .leaderboard-btn{background:#ff6b35}.App.dark-mode .leaderboard-btn:hover{background:#e55a2b}.App.dark-mode .app-logo{filter:brightness(.9) contrast(1.1)}.lock-btn:hover{background-color:#0000001a!important}.lock-btn.unlocked:hover{background-color:#dc35451a!important}.points-cell.editable{transition:all .3s ease}.points-cell.editable:hover{background-color:#e3f2fd!important;border-color:#007bff!important}.App.dark-mode .lock-btn:hover{background-color:#ffffff1a!important}.App.dark-mode .points-cell.editable{background-color:#2d2d2d!important;border-color:#555!important}.App.dark-mode .points-cell.editable:hover{background-color:#3d3d3d!important;border-color:#007bff!important}.login-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-container{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;max-width:400px;padding:40px;width:100%}.login-header{margin-bottom:30px;text-align:center}.login-header h1{color:#333;font-size:28px;font-weight:600;margin:0 0 10px}.login-header p{color:#666;font-size:16px;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.login-error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;font-size:14px;padding:12px;text-align:center}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#333;font-size:14px;font-weight:500}.form-group input{border:2px solid #e1e5e9;border-radius:6px;font-size:16px;padding:12px 16px;transition:border-color .3s ease}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input:disabled{background:#f8f9fa;cursor:not-allowed}.login-btn{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px 20px;transition:background-color .3s ease}.login-btn:hover:not(:disabled){background:#5a6fd8}.login-btn:disabled{background:#a0a0a0;cursor:not-allowed}@media (prefers-color-scheme:dark){.login-container{background:#1e1e1e;color:#fff}.login-header h1{color:#fff}.login-header p{color:#adb5bd}.form-group label{color:#fff}.form-group input{background:#2d2d2d;border-color:#555;color:#fff}.form-group input:focus{border-color:#667eea}.form-group input:disabled{background:#3d3d3d}.login-error{background:#451a03;border-color:#78350f;color:#fbbf24}}@media (max-width:480px){.login-container{padding:30px 20px}.login-header h1{font-size:24px}.form-group input{font-size:16px}}
/*# sourceMappingURL=main.c2cd3dfa.css.map*/