.login-container[data-v-2badf6c2]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:20px}.login-card[data-v-2badf6c2]{background:white;border-radius:12px;box-shadow:0 15px 35px #0000001a;padding:40px;width:100%;max-width:400px}.login-header[data-v-2badf6c2]{text-align:center;margin-bottom:30px}.login-header h1[data-v-2badf6c2]{color:#333;font-size:28px;font-weight:700;margin-bottom:8px}.login-header p[data-v-2badf6c2]{color:#666;font-size:16px;margin:0}.login-form[data-v-2badf6c2]{width:100%}.form-group[data-v-2badf6c2]{margin-bottom:20px}.form-group label[data-v-2badf6c2]{display:block;margin-bottom:8px;color:#333;font-weight:600;font-size:14px}.form-group input[data-v-2badf6c2]{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;transition:border-color .3s ease;box-sizing:border-box}.form-group input[data-v-2badf6c2]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input[data-v-2badf6c2]:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.login-button[data-v-2badf6c2]{width:100%;padding:14px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.login-button[data-v-2badf6c2]:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px)}.login-button[data-v-2badf6c2]:disabled{background:#a0aec0;cursor:not-allowed;transform:none}.error-message[data-v-2badf6c2]{background:#fed7d7;color:#c53030;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;border:1px solid #feb2b2}.login-info[data-v-2badf6c2]{margin-top:20px;text-align:center;padding-top:20px;border-top:1px solid #e2e8f0}.login-info p[data-v-2badf6c2]{margin:0;color:#718096}@media (max-width: 480px){.login-card[data-v-2badf6c2]{padding:30px 20px;margin:0 10px}.login-header h1[data-v-2badf6c2]{font-size:24px}}.password-modal[data-v-9380255b]{width:450px;max-width:90vw}.password-form[data-v-9380255b]{width:100%}.form-group[data-v-9380255b]{margin-bottom:20px}.form-group label[data-v-9380255b]{display:block;margin-bottom:8px;color:#333;font-weight:600;font-size:14px}.form-group input[data-v-9380255b]{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;transition:border-color .3s ease;box-sizing:border-box}.form-group input[data-v-9380255b]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input[data-v-9380255b]:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.form-actions[data-v-9380255b]{display:flex;gap:10px;justify-content:flex-end;margin-top:25px}.form-actions button[data-v-9380255b]{padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.form-actions button[type=submit][data-v-9380255b]{background:#28a745;color:#fff}.form-actions button[type=submit][data-v-9380255b]:hover:not(:disabled){background:#1e7e34}.form-actions button[type=submit][data-v-9380255b]:disabled{background:#a0aec0;cursor:not-allowed}.form-actions button[type=button][data-v-9380255b]{background:#6c757d;color:#fff}.form-actions button[type=button][data-v-9380255b]:hover:not(:disabled){background:#5a6268}.error-message[data-v-9380255b]{background:#fed7d7;color:#c53030;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;border:1px solid #feb2b2}.success-message[data-v-9380255b]{background:#d4edda;color:#155724;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;border:1px solid #c3e6cb}@media (max-width: 480px){.password-modal[data-v-9380255b]{width:95%;margin:0 10px}.form-actions[data-v-9380255b]{flex-direction:column}.form-actions button[data-v-9380255b]{width:100%;margin-bottom:5px}}.iap-management[data-v-57932617]{width:100%}.tab-menu[data-v-57932617]{display:flex;gap:0;margin-bottom:20px;border-bottom:2px solid #ddd}.tab-button[data-v-57932617]{padding:10px 20px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:14px;margin-bottom:-2px;transition:all .3s}.tab-button[data-v-57932617]:hover{background:#f5f5f5}.tab-button.active[data-v-57932617]{border-bottom-color:#007bff;color:#007bff;font-weight:700}.tab-content[data-v-57932617]{padding:20px 0}.filter-section[data-v-57932617]{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.filter-input[data-v-57932617],.filter-select[data-v-57932617]{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.filter-input[data-v-57932617]{min-width:150px}.data-table[data-v-57932617]{width:100%;border-collapse:collapse;margin-top:20px}.data-table th[data-v-57932617],.data-table td[data-v-57932617]{padding:12px;text-align:left;border-bottom:1px solid #ddd}.data-table th[data-v-57932617]{background:#f8f9fa;font-weight:700}.data-table tr[data-v-57932617]:hover{background:#f5f5f5}.transaction-id[data-v-57932617]{font-family:monospace;font-size:12px;max-width:200px;overflow:hidden;text-overflow:ellipsis}.badge[data-v-57932617]{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700}.badge-google[data-v-57932617]{background:#4285f4;color:#fff}.badge-apple[data-v-57932617]{background:#555;color:#fff}.badge-pending[data-v-57932617]{background:#ffc107;color:#000}.badge-verified[data-v-57932617],.badge-success[data-v-57932617]{background:#28a745;color:#fff}.badge-failed[data-v-57932617]{background:#dc3545;color:#fff}.badge-refunded[data-v-57932617]{background:#6c757d;color:#fff}.btn-primary[data-v-57932617]{padding:8px 16px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.btn-primary[data-v-57932617]:hover{background:#0056b3}.btn-sm[data-v-57932617]{padding:4px 8px;font-size:12px;margin-right:4px;background:#007bff;color:#fff;border:none;border-radius:3px;cursor:pointer}.btn-sm[data-v-57932617]:hover{background:#0056b3}.btn-success[data-v-57932617]{background:#28a745}.btn-success[data-v-57932617]:hover{background:#218838}.btn-danger[data-v-57932617]{background:#dc3545}.btn-danger[data-v-57932617]:hover{background:#c82333}.pagination[data-v-57932617]{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:20px}.pagination button[data-v-57932617]{padding:6px 12px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.pagination button[data-v-57932617]:disabled{background:#ccc;cursor:not-allowed}.loading[data-v-57932617]{text-align:center;padding:40px;color:#666}.no-data[data-v-57932617]{text-align:center;padding:40px;color:#999}.stats-grid[data-v-57932617]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:20px}.stat-card[data-v-57932617]{padding:20px;background:#f8f9fa;border-radius:8px;text-align:center}.stat-card.success[data-v-57932617]{background:#d4edda}.stat-card.danger[data-v-57932617]{background:#f8d7da}.stat-card.warning[data-v-57932617]{background:#fff3cd}.stat-card.primary[data-v-57932617]{background:#d1ecf1}.stat-label[data-v-57932617]{font-size:14px;color:#666;margin-bottom:8px}.stat-value[data-v-57932617]{font-size:24px;font-weight:700;color:#333}.modal-overlay[data-v-57932617]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-57932617]{background:white;padding:30px;border-radius:8px;max-width:600px;max-height:80vh;overflow-y:auto;position:relative}.modal-close[data-v-57932617]{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;cursor:pointer}.detail-grid[data-v-57932617]{display:grid;grid-template-columns:1fr;gap:10px;margin-top:20px}.detail-grid div[data-v-57932617]{padding:8px;background:#f8f9fa;border-radius:4px}.form-group[data-v-57932617]{margin-bottom:15px}.form-group label[data-v-57932617]{display:block;margin-bottom:5px;font-weight:700}.form-group input[data-v-57932617],.form-group select[data-v-57932617],.form-group textarea[data-v-57932617]{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.form-actions[data-v-57932617]{display:flex;gap:10px;margin-top:20px}.mb-3[data-v-57932617]{margin-bottom:15px}.mt-3[data-v-57932617]{margin-top:15px}.mt-4[data-v-57932617]{margin-top:20px}pre[data-v-57932617]{background:#f8f9fa;padding:10px;border-radius:4px;overflow-x:auto}.error-message[data-v-57932617]{background:#f8d7da;color:#721c24}.form-hint[data-v-57932617]{display:block;font-size:12px;color:#666;margin-top:4px}.btn-secondary[data-v-57932617]{padding:8px 16px;background:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-left:8px}.btn-secondary[data-v-57932617]:hover{background:#5a6268}.actions-row[data-v-57932617]{display:flex;gap:10px;flex-wrap:wrap}.raw-receipt-header[data-v-57932617]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}details[data-v-57932617]{cursor:pointer}details summary[data-v-57932617]{padding:8px;background:#f0f0f0;border-radius:4px;-webkit-user-select:none;user-select:none}details[open] summary[data-v-57932617]{margin-bottom:8px}.badge-secondary[data-v-57932617]{background:#6c757d;color:#fff}.badge-primary[data-v-57932617]{background:#007bff;color:#fff}.stat-percentage[data-v-57932617]{font-size:14px;color:#666;margin-top:4px}.validation-result[data-v-57932617]{margin-top:15px;padding:15px;border-radius:4px;border:1px solid #ddd}.validation-result h4[data-v-57932617]{margin-top:0;margin-bottom:10px}.validation-success[data-v-57932617]{background:#d4edda;color:#155724;padding:10px;border-radius:4px}.validation-success ul[data-v-57932617]{margin-top:10px;margin-bottom:0;padding-left:20px}.validation-error[data-v-57932617]{background:#f8d7da;color:#721c24;padding:10px;border-radius:4px}.coupon-management[data-v-8a451eb7]{width:100%}.card[data-v-8a451eb7]{background:white;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.action-section[data-v-8a451eb7]{display:flex;gap:10px;margin-bottom:20px}.data-table[data-v-8a451eb7]{width:100%;border-collapse:collapse;margin-top:20px}.data-table th[data-v-8a451eb7],.data-table td[data-v-8a451eb7]{padding:12px;text-align:left;border-bottom:1px solid #ddd}.data-table th[data-v-8a451eb7]{background:#f8f9fa;font-weight:700;font-size:14px}.data-table tr[data-v-8a451eb7]:hover{background:#f5f5f5}.coupon-code[data-v-8a451eb7]{font-family:monospace;font-weight:700;color:#007bff;font-size:14px}.reward-summary[data-v-8a451eb7]{display:flex;flex-wrap:wrap;gap:4px}.reward-badge[data-v-8a451eb7]{display:inline-block;padding:2px 8px;background:#e3f2fd;border-radius:12px;font-size:12px;color:#1976d2}.status-badge[data-v-8a451eb7]{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700}.status-badge.active[data-v-8a451eb7]{background:#d4edda;color:#155724}.status-badge.inactive[data-v-8a451eb7]{background:#f8d7da;color:#721c24}.actions[data-v-8a451eb7]{white-space:nowrap}.btn-primary[data-v-8a451eb7],.btn-secondary[data-v-8a451eb7]{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px}.btn-primary[data-v-8a451eb7]{background:#007bff;color:#fff}.btn-primary[data-v-8a451eb7]:hover{background:#0056b3}.btn-secondary[data-v-8a451eb7]{background:#6c757d;color:#fff}.btn-secondary[data-v-8a451eb7]:hover{background:#545b62}.btn-sm[data-v-8a451eb7]{padding:4px 8px;font-size:12px;margin-right:4px;background:#007bff;color:#fff;border:none;border-radius:3px;cursor:pointer}.btn-sm[data-v-8a451eb7]:hover{background:#0056b3}.btn-warning[data-v-8a451eb7]{background:#ffc107;color:#000}.btn-warning[data-v-8a451eb7]:hover{background:#e0a800}.btn-danger[data-v-8a451eb7]{background:#dc3545;color:#fff}.btn-danger[data-v-8a451eb7]:hover{background:#c82333}.btn-link[data-v-8a451eb7]{background:none;border:none;color:#007bff;text-decoration:underline;cursor:pointer;padding:0;font-size:14px}.btn-link[data-v-8a451eb7]:hover{color:#0056b3}.loading[data-v-8a451eb7],.no-data[data-v-8a451eb7]{text-align:center;padding:40px;color:#666}.modal-overlay[data-v-8a451eb7]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-8a451eb7]{background:white;padding:30px;border-radius:8px;max-width:600px;max-height:80vh;overflow-y:auto;position:relative;width:90%}.modal-close[data-v-8a451eb7]{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;cursor:pointer;color:#999}.modal-close[data-v-8a451eb7]:hover{color:#333}.form-group[data-v-8a451eb7]{margin-bottom:20px}.form-group label[data-v-8a451eb7]{display:block;margin-bottom:8px;font-weight:700;font-size:14px}.form-group input[data-v-8a451eb7],.form-group select[data-v-8a451eb7],.form-group textarea[data-v-8a451eb7]{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px}.hint[data-v-8a451eb7]{font-weight:400;font-size:12px;color:#666}.reward-input-row[data-v-8a451eb7]{display:flex;gap:8px;margin-bottom:8px;align-items:center}.reward-item-code[data-v-8a451eb7]{flex:2}.reward-quantity[data-v-8a451eb7]{flex:1;max-width:100px}.btn-remove[data-v-8a451eb7]{background:#dc3545;color:#fff;border:none;border-radius:50%;width:28px;height:28px;cursor:pointer;font-size:16px;line-height:1;flex-shrink:0}.btn-remove[data-v-8a451eb7]:hover{background:#c82333}.form-actions[data-v-8a451eb7]{display:flex;gap:10px;margin-top:20px}.form-help[data-v-8a451eb7]{margin-top:30px;padding-top:20px;border-top:1px solid #ddd}.form-help h4[data-v-8a451eb7]{font-size:14px;margin-bottom:10px}.form-help ul[data-v-8a451eb7]{list-style:none;padding:0;font-size:12px}.form-help li[data-v-8a451eb7]{padding:4px 0}.form-help code[data-v-8a451eb7]{background:#f8f9fa;padding:2px 6px;border-radius:3px;font-family:monospace;color:#e83e8c}.usage-summary[data-v-8a451eb7]{display:flex;justify-content:center;margin:20px 0}.stat-card[data-v-8a451eb7]{padding:20px;background:#f8f9fa;border-radius:8px;text-align:center;min-width:150px}.stat-label[data-v-8a451eb7]{font-size:14px;color:#666;margin-bottom:8px}.stat-value[data-v-8a451eb7]{font-size:32px;font-weight:700;color:#007bff}.total-ranking-management[data-v-d58f1650]{padding:20px}h2[data-v-d58f1650]{margin-bottom:20px}.controls[data-v-d58f1650]{margin-bottom:20px;display:flex;gap:10px;align-items:center}.btn-primary[data-v-d58f1650],.btn-secondary[data-v-d58f1650]{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px}.btn-primary[data-v-d58f1650]{background-color:#4caf50;color:#fff}.btn-primary[data-v-d58f1650]:hover{background-color:#45a049}.btn-secondary[data-v-d58f1650]{background-color:#2196f3;color:#fff}.btn-secondary[data-v-d58f1650]:hover{background-color:#0b7dda}select[data-v-d58f1650]{padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.loading[data-v-d58f1650]{padding:20px;text-align:center;color:#666}.error[data-v-d58f1650]{padding:15px;background-color:#ffebee;color:#c62828;border-radius:4px;margin-bottom:20px}.rankings-table[data-v-d58f1650]{overflow-x:auto}table[data-v-d58f1650]{width:100%;border-collapse:collapse;background-color:#fff;box-shadow:0 2px 4px #0000001a}thead[data-v-d58f1650]{background-color:#f5f5f5}th[data-v-d58f1650],td[data-v-d58f1650]{padding:12px;text-align:left;border-bottom:1px solid #ddd}th[data-v-d58f1650]{font-weight:700;color:#333}td.highlight[data-v-d58f1650]{font-weight:700;color:#2196f3}tbody tr[data-v-d58f1650]:hover{background-color:#f9f9f9}.meta-info[data-v-d58f1650]{margin-top:20px;padding:15px;background-color:#f5f5f5;border-radius:4px}.meta-info p[data-v-d58f1650]{margin:5px 0;color:#666}.statistics-container[data-v-8e35fc90]{padding:20px}.loading-message[data-v-8e35fc90],.error-message[data-v-8e35fc90]{margin-top:20px}.error-message[data-v-8e35fc90]{color:red}.statistics-data[data-v-8e35fc90]{display:flex;flex-direction:column;gap:30px}.statistic-section[data-v-8e35fc90]{border:1px solid #ccc;padding:20px;border-radius:5px}.statistics-table[data-v-8e35fc90]{width:100%;border-collapse:collapse;margin-top:15px}.statistics-table th[data-v-8e35fc90],.statistics-table td[data-v-8e35fc90]{border:1px solid #ddd;padding:8px;text-align:left}.statistics-table th[data-v-8e35fc90]{background-color:#f2f2f2}.retention-stats[data-v-8e35fc90]{margin-top:15px}.retention-summary[data-v-8e35fc90]{display:flex;gap:15px;margin-bottom:20px}.summary-card[data-v-8e35fc90]{flex:1;background-color:#f8f9fa;padding:15px;border-radius:8px;text-align:center;border:1px solid #dee2e6}.summary-label[data-v-8e35fc90]{font-size:14px;color:#666;margin-bottom:8px}.summary-value[data-v-8e35fc90]{font-size:24px;font-weight:700;color:#007bff}.chart-container[data-v-8e35fc90]{margin:20px 0;overflow-x:auto;border:1px solid #ddd;border-radius:5px;padding:20px;background:#fafafa}.filter-controls[data-v-8e35fc90]{margin:15px 0;padding:15px;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:5px;display:flex;align-items:center;gap:10px}.filter-controls label[data-v-8e35fc90]{display:flex;align-items:center;gap:8px;font-size:14px}.filter-controls input[type=date][data-v-8e35fc90]{padding:5px 10px;border:1px solid #ccc;border-radius:4px;font-size:14px}.filter-button[data-v-8e35fc90]{padding:6px 15px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.filter-button[data-v-8e35fc90]:hover{background-color:#0056b3}.clear-button[data-v-8e35fc90]{padding:6px 15px;background-color:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.clear-button[data-v-8e35fc90]:hover{background-color:#545b62}.cohort-analysis-section[data-v-8e35fc90]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.cohort-analysis-section h3[data-v-8e35fc90],.cohort-analysis-section h4[data-v-8e35fc90]{color:#fff}.insights-section[data-v-8e35fc90]{background:rgba(255,255,255,.15);padding:20px;border-radius:8px;margin-bottom:20px}.insights-list[data-v-8e35fc90]{list-style:none;padding:0;margin:10px 0 0}.insight-item[data-v-8e35fc90]{background:rgba(255,255,255,.2);padding:12px 16px;border-radius:6px;margin-bottom:10px;font-size:15px;line-height:1.5;border-left:4px solid #ffd700}.cohort-table-wrapper[data-v-8e35fc90]{overflow-x:auto;background:white;border-radius:8px;padding:15px}.cohort-table[data-v-8e35fc90]{width:100%;border-collapse:collapse;min-width:1200px;background:white}.cohort-table th[data-v-8e35fc90]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:12px 8px;text-align:center;font-size:13px;font-weight:600;border:1px solid #5a67d8}.cohort-table td[data-v-8e35fc90]{padding:10px 8px;text-align:center;border:1px solid #ddd;font-size:13px;color:#333}.cohort-id[data-v-8e35fc90]{font-weight:700;background-color:#f8f9fa;color:#495057}.total-users[data-v-8e35fc90]{font-weight:700;background-color:#e7f3ff;color:#0056b3}.retention-high[data-v-8e35fc90]{background-color:#d4edda;color:#155724;font-weight:700}.retention-medium[data-v-8e35fc90]{background-color:#fff3cd;color:#856404;font-weight:700}.retention-low[data-v-8e35fc90]{background-color:#f8d7da;color:#721c24;font-weight:700}.arpu-value[data-v-8e35fc90]{background-color:#e8f5e9;color:#2e7d32;font-weight:500}.ltv-value[data-v-8e35fc90]{background-color:#fff9c4;color:#f57f17;font-weight:700;font-size:14px}.loading-cohort[data-v-8e35fc90]{text-align:center;padding:40px;color:#fff;font-size:16px}body{font-family:Arial,sans-serif;background-color:#f5f5f5;margin:0;padding:20px;color:#000}#dashboard{max-width:1200px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px 0;border-bottom:2px solid #eee}.dashboard-header h1{color:#333;margin:0;font-size:28px}.stats-bar{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 4px 6px #0000001a;border:1px solid #e0e0e0}.stats-bar.revenue-stats{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.revenue-stats .stat-item.revenue-item{flex:1;min-width:180px;text-align:center;padding:10px;background:rgba(255,255,255,.1);border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.revenue-stats .stat-label{color:#ffffffe6;font-size:14px;display:block;margin-bottom:8px}.revenue-stats .stat-value.revenue-value{color:#fff;font-size:24px;font-weight:700;display:block}.revenue-stats .refresh-button{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);color:#fff;margin-left:auto}.revenue-stats .refresh-button:hover{background:rgba(255,255,255,.3);border-color:#fff6}.stat-item{display:flex;align-items:center;gap:15px;color:#333}.stat-item.concurrent-users{font-size:18px}.stat-label{font-weight:600;color:#555}.stat-value{font-size:32px;font-weight:700;color:#000}.stat-info{font-size:14px;color:#666}.refresh-button{background:#fff;border:1px solid #ddd;color:#333;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:16px;transition:background .2s}.refresh-button:hover{background:#f0f0f0;border-color:#ccc}.refresh-button.small{padding:6px 10px;font-size:13px}.window-stats{margin-top:10px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.window-chip{display:inline-flex;align-items:baseline;gap:6px;background:#fff;border:1px solid #e0e0e0;border-radius:16px;padding:6px 10px}.window-chip .w-label{color:#666;font-size:12px}.window-chip .w-value{color:#111;font-weight:700;font-size:14px}.user-info{display:flex;align-items:center;gap:15px}.login-stats-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:10px 0}.login-stats-chart .chart-scroll{overflow-x:auto;border:1px solid #eee;border-radius:4px}.chart-legend{display:flex;align-items:center;gap:8px;margin-top:8px}.legend-color{width:12px;height:12px;display:inline-block;border-radius:2px}.chart-table{margin-top:10px}.user-info span{color:#555;font-weight:500}.change-password-button{background:#17a2b8;color:#000;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s ease}.change-password-button:hover{background:#138496}.logout-button{background:#dc3545;color:#000;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s ease}.logout-button:hover{background:#c82333}h1{text-align:center;color:#333;margin-bottom:30px}.card{background:white;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a;color:#000}.card h2{margin-top:0;color:#444;border-bottom:2px solid #eee;padding-bottom:10px}button{background:#007bff;color:#000;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;margin:5px}button:hover{background:#0056b3}button:disabled{background:#ccc;cursor:not-allowed}button.danger{background:#dc3545}button.danger:hover{background:#c82333}button.success{background:#28a745}button.success:hover{background:#1e7e34}button.warning{background:#ffc107;color:#000}button.warning:hover{background:#e0a800;color:#000}button.small{padding:4px 8px;font-size:12px}.search-section{margin-bottom:20px;padding:15px;background:#f8f9fa;border-radius:5px}.search-controls{display:flex;gap:10px;margin-bottom:10px;align-items:center}.search-input{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:4px}.filter-controls{display:flex;gap:15px}.filter-controls label{display:flex;align-items:center;gap:5px;cursor:pointer}table{width:100%;border-collapse:collapse;margin:10px 0}th,td{border:1px solid #ddd;padding:8px 12px;text-align:left;color:#000}th{background:#f8f9fa;font-weight:700;color:#000}.clickable-cell{cursor:pointer}.clickable-cell:hover{background:#f5f5f5}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable:hover{background-color:#e5e7eb}.status-banned{color:#dc3545;font-weight:700}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:20px}.loading{text-align:center;padding:20px;color:#666}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:white;border-radius:8px;padding:20px;max-width:80%;max-height:80%;overflow-y:auto;position:relative}.modal-close{position:absolute;top:10px;right:15px;background:none;border:none;font-size:24px;cursor:pointer;color:#666}.ban-modal{width:400px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:700}.form-group input,.form-group select,.form-group textarea{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.form-group small{color:#666;font-size:12px}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.error-display{background:#f8d7da;color:#721c24;padding:10px;border-radius:4px;margin:10px 0;border:1px solid #f5c6cb}.success-display{background:#d4edda;color:#155724;padding:10px;border-radius:4px;margin:10px 0;border:1px solid #c3e6cb}.user-details{background:#f8f9fa;padding:10px;border-radius:4px;margin-top:10px}.game-data-json{background:#f4f4f4;padding:10px;border-radius:4px;font-size:12px;max-height:300px;overflow-y:auto}.profile-section{margin-bottom:20px}.profile-section h3{margin-top:0;color:#555;border-bottom:1px solid #ddd;padding-bottom:5px}.tab-menu{display:flex;gap:2px;margin-bottom:20px;border-bottom:2px solid #eee}.tab-button{padding:12px 20px;background:#f8f9fa;color:#666;border:none;border-radius:8px 8px 0 0;cursor:pointer;font-weight:500;transition:all .3s ease}.tab-button:hover{background:#e9ecef;color:#333}.tab-button.active{background:#007bff;color:#000;font-weight:700}.section-header{display:flex;justify-content:between;align-items:center;margin-bottom:20px}.section-header h3{margin:0;color:#444}.template-list table,.history-list table{margin-top:10px}.mail-sending .form-group{margin-bottom:20px}.reward-items{border:1px solid #ddd;border-radius:4px;padding:15px;background:#f9f9f9}.reward-item{display:flex;gap:10px;align-items:center;margin-bottom:10px;padding:10px;background:white;border-radius:4px}.reward-item select{flex:2}.reward-item input[type=number]{flex:1;max-width:100px}.reward-item button{margin:0}.delete-mail-modal{width:500px}.mail-info{background:#f8f9fa;padding:15px;border-radius:8px;margin-bottom:20px;border-left:4px solid #dc3545}.mail-info p{margin:5px 0}.template-modal{width:600px;max-height:90vh}.mail-global{background:#28a745;color:#000;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:700}.mail-individual{background:#17a2b8;color:#000;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:700}.form-group label{color:#333;font-weight:600;margin-bottom:8px}.form-group input[type=datetime-local]{padding:8px;border:1px solid #ddd;border-radius:4px}.loading{text-align:center;padding:40px 20px;color:#666;background:#f8f9fa;border-radius:8px;border:2px dashed #ddd}.loading:before{content:"⏳ ";font-size:18px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.reward-item{flex-direction:column;align-items:stretch}.reward-item select,.reward-item input{max-width:none;margin-bottom:5px}.template-modal{width:95%;margin:10px}.tab-menu{flex-direction:column}.tab-button{border-radius:4px;margin-bottom:2px}}.profile-data-section{margin-top:20px;padding-top:20px;border-top:2px solid #eee}.profile-data-section h3{margin-top:0;color:#555;border-bottom:1px solid #ddd;padding-bottom:5px}.profile-data-controls{display:flex;gap:10px;margin-bottom:15px;align-items:center}.profile-data-viewer{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:15px}.profile-data-summary{margin-bottom:20px}.profile-data-summary h4{margin-top:0;margin-bottom:10px;color:#495057}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:15px}.summary-item{background:white;border:1px solid #e9ecef;border-radius:4px;padding:8px 12px;display:flex;justify-content:space-between;align-items:center}.summary-item label{font-weight:600;color:#6c757d;margin-bottom:0}.summary-value{font-weight:500;color:#212529}.character-tabs{display:flex;gap:5px;margin-bottom:15px}.character-tab-btn{padding:8px 16px;border:1px solid #dee2e6;background:#f8f9fa;color:#495057;border-radius:4px;cursor:pointer;transition:all .2s ease}.character-tab-btn:hover{background:#e9ecef}.character-tab-btn.active{background:#007bff;color:#fff;border-color:#007bff}.magic-info-section{margin-top:20px;padding-top:15px;border-top:1px solid #dee2e6}.magic-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px}.magic-item{background:white;border:1px solid #e9ecef;border-radius:4px;padding:8px 12px;display:flex;justify-content:space-between;align-items:center}.magic-name{font-weight:500;color:#212529;flex:1}.magic-level{font-size:.9em;color:#6c757d;margin-right:10px}.magic-status{font-size:.8em;padding:2px 6px;border-radius:3px;font-weight:500}.magic-status.unlocked{background:#d4edda;color:#155724}.magic-status.locked{background:#f8d7da;color:#721c24}.equipment-info-section{margin-top:20px;padding-top:15px;border-top:1px solid #dee2e6}.character-equipment{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px}.equipment-character h5{margin:0 0 10px;color:#495057;font-size:1.1em}.equipment-list{display:flex;flex-direction:column;gap:6px}.equipment-item{background:white;border:1px solid #e9ecef;border-radius:4px;padding:8px 12px;display:flex;justify-content:space-between;align-items:center}.equipment-name{font-weight:500;color:#212529;flex:1}.equipment-type{font-size:.85em;color:#6c757d;margin-right:8px}.equipment-enhance{font-size:.9em;color:#28a745;font-weight:600}.no-equipment{color:#6c757d;font-style:italic;text-align:center;padding:20px}.profile-data-raw{margin-top:20px}.profile-data-raw summary{cursor:pointer;font-weight:500;color:#495057;padding:8px 0}.profile-data-json{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;padding:15px;margin:10px 0 0;font-size:12px;overflow-x:auto;max-height:400px;overflow-y:auto}.profile-data-json code{font-family:Courier New,Courier,monospace;color:#212529}.player-data-section{margin-top:20px;padding-top:20px;border-top:2px solid #eee}.player-data-section h3{margin-top:0;color:#555;border-bottom:1px solid #ddd;padding-bottom:5px}.player-data-controls{display:flex;gap:10px;margin-bottom:15px;align-items:center}.player-data-controls button.active{background:#ffc107;color:#000}.player-data-controls button.active:hover{background:#e0a800}.player-data-viewer{margin-bottom:20px}.player-data-summary{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:20px;border:1px solid #e9ecef}.player-data-summary h4{margin-top:0;margin-bottom:15px;color:#495057;font-size:16px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:15px}.summary-item{background:white;padding:15px;border-radius:6px;border:1px solid #dee2e6;box-shadow:0 1px 3px #0000001a;text-align:center}.summary-item label{display:block;margin-bottom:8px;font-weight:600;color:#6c757d;font-size:14px}.summary-value{font-size:24px;font-weight:700;color:#007bff}.player-data-json-container{position:relative;margin-top:15px}.player-data-json{background:#2d2d2d;color:#f8f8f2;padding:20px;border-radius:8px;font-size:12px;max-height:500px;overflow-y:auto;border:1px solid #444;font-family:Monaco,Menlo,Ubuntu Mono,monospace;line-height:1.4;margin:0}.player-data-json code{color:#f8f8f2}.copy-button{position:absolute;top:10px;right:10px;background:#4CAF50;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;z-index:10;transition:background .2s}.copy-button:hover{background:#45a049}.copy-button:active{background:#3d8b40}.game-data-section{margin-top:20px;padding-top:20px;border-top:2px solid #eee}.game-data-section h3{margin-top:0;color:#555;border-bottom:1px solid #ddd;padding-bottom:5px}.game-data-viewer{margin-bottom:30px}.data-controls{display:flex;gap:10px;margin-bottom:15px;align-items:center}.data-controls button.active{background:#ffc107;color:#000}.data-controls button.active:hover{background:#e0a800}.refresh-btn{background:#6c757d}.refresh-btn:hover{background:#5a6268}.json-editor{margin-top:15px}.json-textarea{width:100%;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;line-height:1.4;padding:15px;border:2px solid #ddd;border-radius:8px;background:#f8f9fa;resize:vertical;min-height:400px;box-sizing:border-box}.json-textarea:focus{outline:none;border-color:#007bff;background:#fff}.json-validation{margin-top:10px;padding:8px 12px;border-radius:4px;font-size:14px;font-weight:500}.json-validation.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.json-validation.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.quick-adjustments{padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.quick-adjustments h4{margin-top:0;margin-bottom:20px;color:#495057;font-size:16px}.adjustment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-bottom:20px}.adjustment-item{background:white;padding:15px;border-radius:6px;border:1px solid #dee2e6;box-shadow:0 1px 3px #0000001a}.adjustment-item label{display:block;margin-bottom:8px;font-weight:600;color:#495057;font-size:14px}.adjustment-controls{display:flex;gap:8px;align-items:center}.adjustment-controls input[type=number]{flex:1;padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;min-width:0}.adjustment-controls input[type=number]:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.adjustment-controls button{margin:0;padding:8px 16px;font-size:13px;white-space:nowrap;background:#007bff}.adjustment-controls button:hover{background:#0056b3}.adjustment-controls button:disabled{background:#6c757d;cursor:not-allowed}.adjustment-reason{background:white;padding:15px;border-radius:6px;border:1px solid #dee2e6}.adjustment-reason label{display:block;margin-bottom:8px;font-weight:600;color:#495057;font-size:14px}.adjustment-reason input{width:100%;padding:10px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;box-sizing:border-box}.adjustment-reason input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.game-data-json{background:#f8f9fa;padding:20px;border-radius:8px;font-size:12px;max-height:400px;overflow-y:auto;border:1px solid #e9ecef;font-family:Monaco,Menlo,Ubuntu Mono,monospace;line-height:1.4}@media (max-width: 768px){.adjustment-grid{grid-template-columns:1fr}.data-controls{flex-direction:column;align-items:stretch}.data-controls button{margin:2px 0}.adjustment-controls{flex-direction:column}.adjustment-controls input[type=number]{margin-bottom:8px}.json-textarea{min-height:300px;font-size:11px}}.version-current-settings{margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.current-version-info{background:white;padding:20px;border-radius:6px;border:1px solid #dee2e6}.version-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.version-info-item{display:flex;flex-direction:column;gap:5px}.version-info-item label{font-weight:600;color:#495057;font-size:14px}.version-value{font-size:18px;font-weight:700;color:#007bff;padding:8px 12px;background:#e3f2fd;border-radius:4px;text-align:center}.status-active{color:#28a745;font-weight:700;padding:4px 8px;background:#d4edda;border-radius:4px;text-align:center}.status-inactive{color:#dc3545;font-weight:700;padding:4px 8px;background:#f8d7da;border-radius:4px;text-align:center}.version-messages{background:#f8f9fa;padding:15px;border-radius:6px;border:1px solid #e9ecef}.message-item{margin-bottom:15px}.message-item:last-child{margin-bottom:0}.message-item label{font-weight:600;color:#495057;margin-bottom:5px;display:block}.message-item p{margin:0;padding:10px;background:white;border-radius:4px;border:1px solid #dee2e6;font-style:italic;color:#6c757d}.version-settings-form{margin-bottom:30px;padding:20px;background:white;border-radius:8px;border:1px solid #e9ecef;box-shadow:0 2px 4px #0000001a}.version-settings-form h3{margin-top:0;margin-bottom:20px;color:#495057;border-bottom:2px solid #007bff;padding-bottom:10px}.version-stats{margin-bottom:30px;padding:20px;background:white;border-radius:8px;border:1px solid #e9ecef;box-shadow:0 2px 4px #0000001a}.stats-controls{display:flex;gap:15px;align-items:center;margin-bottom:20px;padding:15px;background:#f8f9fa;border-radius:6px}.stats-controls label{display:flex;align-items:center;gap:8px;font-weight:500}.stats-controls select{padding:6px 10px;border:1px solid #ced4da;border-radius:4px;font-size:14px}.version-distribution h4{margin-bottom:15px;color:#495057;font-size:16px}.version-history{padding:20px;background:white;border-radius:8px;border:1px solid #e9ecef;box-shadow:0 2px 4px #0000001a}.message-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-cell:hover{overflow:visible;white-space:normal;word-wrap:break-word}@media (max-width: 768px){.version-info-grid{grid-template-columns:1fr}.stats-controls{flex-direction:column;align-items:stretch}.stats-controls label{justify-content:space-between}.version-settings-form,.version-stats,.version-history{padding:15px}.message-cell{max-width:150px}}.admin-chat-send-section{background:#e7f3ff;padding:15px;border-radius:4px;margin-bottom:20px;border:2px solid #007bff}.admin-chat-send-section h4{margin:0 0 10px;color:#007bff;font-size:16px}.send-chat-controls{display:flex;gap:10px;align-items:center}.send-chat-controls .channel-select{flex:0 0 150px}.send-chat-controls .admin-chat-input{flex:1;padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px}.send-chat-controls .send-button{flex:0 0 auto;background-color:#007bff;color:#fff;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.send-chat-controls .send-button:hover:not(:disabled){background-color:#0056b3}.send-chat-controls .send-button:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}.chat-search-section{background:#f8f9fa;padding:15px;border-radius:4px;margin-bottom:20px}.chat-search-section .search-controls,.chat-search-section .filter-controls{display:flex;gap:10px;align-items:center;margin-bottom:10px}.chat-search-section .search-controls:last-child,.chat-search-section .filter-controls:last-child{margin-bottom:0}.filter-input{width:150px!important}.chat-message-list .message-content{max-width:300px;word-wrap:break-word;white-space:pre-wrap}.chat-message-list .user-info{font-size:12px}.chat-message-list .user-info div:first-child{font-weight:700;color:#007bff}.channel-modal{width:500px}.stats-content{padding:15px 0}.stats-summary{display:flex;gap:20px;margin-bottom:30px}.stat-card{flex:1;background:#f8f9fa;padding:20px;border-radius:4px;text-align:center;border:1px solid #e9ecef}.stat-card h4{margin:0 0 10px;color:#6c757d;font-size:14px;text-transform:uppercase}.stat-value{font-size:24px;font-weight:700;color:#007bff}.top-users{margin-top:20px}.top-users h4{margin-bottom:15px;color:#444}.status-active{color:#28a745;font-weight:700}.status-inactive{color:#6c757d}@media (max-width: 768px){.chat-search-section .search-controls,.chat-search-section .filter-controls{flex-direction:column;align-items:stretch}.stats-summary{flex-direction:column;gap:15px}.filter-input{width:100%!important}.channel-modal{width:90vw}}.nickname-to-id-section{background:#f8f9fa;padding:15px;border-radius:4px;margin-top:15px;border:1px solid #e9ecef}.nickname-to-id-section h4{margin:0 0 15px;color:#495057;font-size:16px}.nickname-search-controls{display:flex;gap:10px;align-items:center;margin-bottom:15px}.nickname-results{margin-top:15px}.nickname-results h5{margin:0 0 10px;color:#495057;font-size:14px}.results-list{display:flex;flex-direction:column;gap:8px}.result-item{display:flex;align-items:center;gap:15px;padding:10px;background:white;border:1px solid #dee2e6;border-radius:4px}.user-id{font-weight:700;color:#007bff;min-width:60px}.user-nickname{font-weight:600;color:#333;min-width:120px}.user-email{color:#6c757d;flex:1}.result-item button{margin-left:auto}@media (max-width: 768px){.nickname-search-controls{flex-direction:column;align-items:stretch}.result-item{flex-direction:column;align-items:flex-start;gap:8px}.result-item button{margin-left:0;align-self:flex-end}}.ranking-stats .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.ranking-stats .stat-item{background:#f8f9fa;padding:15px;border-radius:8px;text-align:center;border:1px solid #e9ecef}.ranking-stats .stat-label{display:block;font-size:14px;color:#6c757d;margin-bottom:8px}.ranking-stats .stat-value{display:block;font-size:24px;font-weight:700;color:#495057}.ranking-search-controls{display:flex;gap:10px;margin-bottom:20px;align-items:center;flex-wrap:wrap}.ranking-search-controls .search-input{flex:1;min-width:250px}.ranking-search-controls .limit-control{display:flex;align-items:center;gap:8px;margin-left:auto}.ranking-search-controls .limit-control label{font-size:14px;color:#6c757d;white-space:nowrap}.ranking-search-controls .limit-control select{padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.ranking-list table{width:100%;border-collapse:collapse;margin-top:10px}.ranking-list table th,.ranking-list table td{padding:12px;text-align:left;border-bottom:1px solid #ddd}.ranking-list table th{background-color:#f8f9fa;font-weight:600;color:#495057}.ranking-list .rank-number{font-weight:700;color:#007bff;text-align:center;width:80px}.ranking-list .nickname{font-weight:500;color:#495057}.ranking-list .level{font-weight:700;color:#28a745;text-align:right}.ranking-list .updated-time{color:#6c757d;font-size:14px}.ranking-list .search-info{margin-top:15px;padding:10px;background-color:#e7f3ff;border:1px solid #b8daff;border-radius:4px;color:#004085;font-size:14px}.refresh-button{background-color:#17a2b8;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .2s}.refresh-button:hover{background-color:#138496}.user-ranking-lookup{margin-bottom:30px;padding:20px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.user-ranking-lookup h4{margin-bottom:15px;color:#495057;font-size:16px}.user-ranking-controls{display:flex;gap:10px;margin-bottom:15px;align-items:center;flex-wrap:wrap}.user-ranking-controls .search-input{flex:1;min-width:200px;max-width:300px}.user-ranking-result{margin-top:15px}.user-ranking-card{background:white;border:1px solid #dee2e6;border-radius:8px;overflow:hidden}.ranking-info{padding:20px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.rank-badge{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;padding:8px 16px;border-radius:20px;font-weight:700;font-size:18px;min-width:80px;text-align:center}.user-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:150px}.user-info .user-id{font-size:14px;color:#6c757d;font-weight:500}.user-info .nickname{font-size:16px;color:#495057;font-weight:600}.nickname-section{margin:10px 0}.nickname-section p{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.nickname-input{padding:4px 8px;border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:200px}.nickname-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.edit-nickname-btn{padding:4px 12px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px}.edit-nickname-btn:hover{background:#0056b3}.edit-nickname-btn:disabled{background:#6c757d;cursor:not-allowed}.nickname-edit-controls{display:flex;gap:6px}.nickname-edit-controls .save-btn{padding:4px 12px;background:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px}.nickname-edit-controls .save-btn:hover{background:#218838}.nickname-edit-controls .cancel-btn{padding:4px 12px;background:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px}.nickname-edit-controls .cancel-btn:hover{background:#545b62}.nickname-edit-controls button:disabled{opacity:.5;cursor:not-allowed}.level-info{display:flex;flex-direction:column;gap:4px;align-items:flex-end;min-width:120px}.level-info .level{font-size:20px;font-weight:700;color:#28a745}.level-info .updated-time{font-size:12px;color:#6c757d}.view-details-btn{background-color:#17a2b8;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .2s;white-space:nowrap}.view-details-btn:hover{background-color:#138496}@media (max-width: 768px){.ranking-search-controls{flex-direction:column;align-items:stretch}.ranking-search-controls .search-input{min-width:auto}.ranking-search-controls .limit-control{margin-left:0;justify-content:center}.ranking-stats .stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.ranking-list table{font-size:14px}.ranking-list table th,.ranking-list table td{padding:8px 6px}.ranking-list .updated-time{display:none}.user-ranking-controls{flex-direction:column;align-items:stretch}.user-ranking-controls .search-input{min-width:auto;max-width:none}.ranking-info{flex-direction:column;align-items:flex-start;gap:15px}.rank-badge{align-self:center}.level-info{align-items:flex-start;align-self:stretch}.level-info .updated-time{font-size:11px}.view-details-btn{align-self:stretch;text-align:center}}.attendance-rewards-section{padding:20px 0}.info-text{margin-bottom:20px;padding:12px;background-color:#f3f4f6;border-left:4px solid #3b82f6;border-radius:4px;color:#374151;font-size:14px}.rewards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:20px}.reward-card{border:1px solid #e5e7eb;border-radius:8px;padding:20px;background-color:#fff;transition:box-shadow .2s}.reward-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.reward-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.reward-header h3{margin:0;font-size:18px;color:#111827;font-weight:600}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.status-badge.active{background-color:#d1fae5;color:#065f46}.status-badge.inactive{background-color:#fee2e2;color:#991b1b}.reward-info{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.reward-info>div{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.reward-info .label{font-size:13px;color:#6b7280;font-weight:500}.reward-info .value{font-size:14px;color:#111827;font-weight:600}.reward-card .edit-button{width:100%;padding:10px;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.reward-card .edit-button:hover{background-color:#2563eb}.attendance-modal{max-width:500px}.attendance-modal .form-hint{display:block;margin-top:4px;color:#6b7280;font-size:12px}.redis-ranking-controls{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.ranking-type-selector{display:flex;align-items:center;gap:10px}.ranking-type-selector label{font-weight:600;color:#374151}.ranking-type-selector select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.action-buttons{display:flex;gap:10px;flex-wrap:wrap}.sync-button{background-color:#3b82f6;color:#fff;padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s}.sync-button:hover:not(:disabled){background-color:#2563eb}.sync-button:disabled{background-color:#9ca3af;cursor:not-allowed}.reset-button{background-color:#ef4444;color:#fff;padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s}.reset-button:hover:not(:disabled){background-color:#dc2626}.reset-button:disabled{background-color:#9ca3af;cursor:not-allowed}.load-button{background-color:#10b981;color:#fff;padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s}.load-button:hover:not(:disabled){background-color:#059669}.load-button:disabled{background-color:#9ca3af;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:white;padding:30px;border-radius:12px;max-width:400px;width:90%;box-shadow:0 20px 25px -5px #0000001a}.modal-content h3{margin:0 0 15px;color:#1f2937;font-size:18px;font-weight:600}.modal-content p{margin:10px 0;color:#6b7280;line-height:1.5}.modal-content .warning{color:#ef4444;font-weight:500}.modal-buttons{display:flex;gap:10px;margin-top:20px}.confirm-button{background-color:#ef4444;color:#fff;padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-weight:500;flex:1}.confirm-button:hover{background-color:#dc2626}.cancel-button{background-color:#6b7280;color:#fff;padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-weight:500;flex:1}.cancel-button:hover{background-color:#4b5563}@media (max-width: 768px){.redis-ranking-controls{gap:10px}.action-buttons{flex-direction:column}.action-buttons button{width:100%}.modal-content{margin:20px;padding:20px}.modal-buttons{flex-direction:column}}.inventory-modal{width:90%;max-width:1200px;max-height:90vh;overflow-y:auto}.inventory-content{display:flex;flex-direction:column;gap:20px}.inventory-stats{background-color:#f8fafc;padding:15px;border-radius:8px;border:1px solid #e2e8f0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:10px}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:#fff;border-radius:6px;border:1px solid #e2e8f0}.stat-item label{font-weight:600;color:#374151}.stat-item span{font-weight:500;color:#1f2937}.item-summary,.inventory-details{background-color:#f8fafc;padding:15px;border-radius:8px;border:1px solid #e2e8f0}.summary-table,.inventory-table{width:100%;border-collapse:collapse;margin-top:10px;background-color:#fff;border-radius:6px;overflow:hidden;border:1px solid #e2e8f0}.summary-table th,.summary-table td,.inventory-table th,.inventory-table td{padding:12px;text-align:left;border-bottom:1px solid #e2e8f0}.summary-table th,.inventory-table th{background-color:#f1f5f9;font-weight:600;color:#374151}.summary-table tbody tr:hover,.inventory-table tbody tr:hover{background-color:#f8fafc}.inventory-scroll{max-height:400px;overflow-y:auto;border-radius:6px;border:1px solid #e2e8f0}.instance-id{font-family:Courier New,monospace;font-size:.85em;color:#6b7280;max-width:100px;word-break:break-all}.inventory-meta{text-align:center;color:#6b7280;font-size:.9em;padding:10px;background-color:#f8fafc;border-radius:6px}.primary.small{background-color:#3b82f6;color:#fff}.primary.small:hover{background-color:#2563eb}@media (max-width: 768px){.inventory-modal{width:95%;margin:10px}.stats-grid{grid-template-columns:1fr}.summary-table,.inventory-table{font-size:.85em}.summary-table th,.summary-table td,.inventory-table th,.inventory-table td{padding:8px 6px}.instance-id{max-width:60px}}.delete-item-modal,.bulk-delete-modal{width:90%;max-width:500px}.delete-item-info,.bulk-delete-info{background-color:#f8fafc;padding:15px;border-radius:8px;border:1px solid #e2e8f0;margin-bottom:20px}.delete-item-info ul{margin:10px 0 0;padding-left:20px}.delete-item-info li,.bulk-delete-info p{margin:5px 0;color:#374151}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;font-weight:600;color:#374151}.form-input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;box-sizing:border-box}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group small{display:block;margin-top:5px;color:#6b7280;font-size:12px}.warning{color:#ef4444;font-weight:600;background-color:#fef2f2;padding:10px;border-radius:6px;border:1px solid #fecaca;margin:15px 0}.inventory-table th:last-child,.summary-table th:last-child{width:80px;text-align:center}.inventory-table td:last-child,.summary-table td:last-child{text-align:center}.warning.small{background-color:#f59e0b;color:#fff;padding:6px 12px;font-size:12px;border:none}.warning.small:hover{background-color:#d97706}.warning.small:disabled{background-color:#9ca3af;cursor:not-allowed}.danger.small:disabled{background-color:#9ca3af;cursor:not-allowed}.main-tabs{display:flex;gap:8px;margin:20px 0;padding:10px;background-color:#f3f4f6;border-radius:8px;flex-wrap:wrap}.main-tab-button{padding:10px 20px;background-color:#fff;border:2px solid #d1d5db;border-radius:6px;cursor:pointer;font-weight:500;font-size:14px;transition:all .2s ease}.main-tab-button:hover{background-color:#f9fafb;border-color:#3b82f6}.main-tab-button.active{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.main-tab-button.active:hover{background-color:#2563eb;border-color:#2563eb}.item-count-search-section{margin-top:20px;padding:15px;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px}.item-count-search-section h4{margin-top:0;margin-bottom:10px;color:#333}.item-count-search-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.count-input{width:150px;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.item-count-results{margin-top:15px}.item-count-results table{width:100%;border-collapse:collapse;margin-top:10px}.item-count-results table th,.item-count-results table td{padding:10px;border:1px solid #ddd;text-align:left}.item-count-results table th{background:#f0f0f0;font-weight:700}.inventory-slots-search-section{margin-top:20px;padding:15px;background:#f0f8ff;border:1px solid #d0e8ff;border-radius:6px}.inventory-slots-search-section h4{margin-top:0;margin-bottom:10px;color:#333}.inventory-slots-search-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.inventory-slots-results{margin-top:15px}.inventory-slots-results table{width:100%;border-collapse:collapse;margin-top:10px}.inventory-slots-results table th,.inventory-slots-results table td{padding:10px;border:1px solid #ddd;text-align:left}.inventory-slots-results table th{background:#f0f0f0;font-weight:700}.concurrent-history-controls{display:flex;gap:15px;align-items:center;margin-bottom:20px}.concurrent-history-controls label{display:flex;align-items:center;gap:10px;font-weight:700}.concurrent-history-controls select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.concurrent-history-chart{margin-top:20px}.chart-scroll{overflow-x:auto;border:1px solid #ddd;border-radius:5px;padding:20px;background:#fafafa}.chart-legend{display:flex;align-items:center;gap:10px;margin-top:15px;padding:10px;background:#f8f9fa;border-radius:4px}.legend-color{width:20px;height:20px;border-radius:3px}.legend-spacer{flex:1}.badge-success{display:inline-block;padding:4px 8px;background-color:#28a745;color:#fff;border-radius:4px;font-size:12px;font-weight:700}.badge-inactive{display:inline-block;padding:4px 8px;background-color:#6c757d;color:#fff;border-radius:4px;font-size:12px;font-weight:700}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1a1a;color:#f0f0f0}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}