.modern-card.border-danger{border-color:rgba(220, 53, 69, 0.3) !important}.modern-card.border-warning{border-color:rgba(255, 193, 7, 0.3) !important}.modern-card.bg-light-gray{background-color:var(--bg-secondary) !important}.card-header-modern{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);display:flex;align-items:center;justify-content:space-between}.card-header-modern.bg-danger-soft{background:rgba(220, 53, 69, 0.1) !important;border-bottom-color:rgba(220, 53, 69, 0.2) !important}.card-header-modern.bg-warning-soft{background:rgba(255, 193, 7, 0.1) !important;border-bottom-color:rgba(255, 193, 7, 0.2) !important}.card-header-modern h5, .card-header-modern h6{margin:0;font-weight:700;color:var(--text-primary);display:flex;align-items:center}.card-header-modern.text-center h5, .card-header-modern.text-center h6, .card-header-modern h5.text-center, .card-header-modern h6.text-center{justify-content:center}.card-header-modern .header-icon{width:auto;height:auto;background:transparent !important;border:none !important;display:flex;align-items:center;justify-content:center;margin-right:0.75rem;font-size:1.1rem}.card-body-modern{padding:1.5rem}.card-title-modern{font-size:0.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.8px;margin-bottom:0.75rem;display:flex;align-items:center}.card-title-modern i{margin-right:0.5rem;font-size:14px}.stat-card-modern{padding:1.5rem}.stat-card-inner{display:flex;align-items:center;gap:1rem}.stat-icon-wrapper{width:auto;height:auto;background:transparent !important;border:none !important;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:24px}.stat-content-wrapper{flex:1;min-width:0}.stat-label-modern{font-size:0.7rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:0.25rem}.stat-value-modern{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1.2}.stat-subtitle{font-size:0.7rem;color:var(--text-muted);margin-top:0.25rem}.stat-icon-primary, .stat-icon-danger, .stat-icon-success, .stat-icon-warning, .stat-icon-info{background:transparent !important;border:none !important}.table-modern{width:100%;border-collapse:separate;border-spacing:0}.table-modern thead th{background:var(--bg-secondary);color:var(--text-secondary);font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;padding:1rem;border-bottom:2px solid var(--border-color);text-align:left}.table-modern tbody tr{border-bottom:1px solid var(--border-color)}.table-modern tbody td{padding:1rem;color:var(--text-primary);font-size:0.875rem}.table-row-card{background:var(--card-bg);border:var(--card-border-thin);border-radius:8px;padding:1rem;margin-bottom:0.75rem}.pagination-modern{display:flex;gap:0.5rem;list-style:none;padding:0;margin:1.5rem 0;align-items:center;justify-content:center;flex-wrap:wrap}.pagination-modern .page-item{margin:0}.pagination-modern .page-link{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--card-bg);color:var(--text-primary);font-weight:600;font-size:0.875rem;text-decoration:none;cursor:pointer}.pagination-modern .page-item.active .page-link{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 12px rgba(59, 125, 221, 0.3)}.pagination-modern .page-item.disabled .page-link{opacity:0.5;cursor:not-allowed;pointer-events:none}.filter-group-modern{background:var(--bg-secondary);padding:0.5rem;border-radius:10px;border:1px solid var(--border-color);display:inline-flex;gap:0.375rem;box-shadow:0 2px 6px var(--shadow-sm);flex-wrap:wrap}.filter-btn-modern{padding:0.5rem 1rem;border:none;border-radius:7px;background:transparent;color:var(--text-secondary);font-weight:600;font-size:0.8125rem;cursor:pointer;white-space:nowrap}.filter-btn-modern.active{background:var(--primary);color:#fff;box-shadow:0 4px 10px rgba(59, 125, 221, 0.25)}#world-map, #city-map, #detail-map{height:100%;min-height:500px;width:100%;border-radius:8px}@media (max-width:768px){#world-map, #city-map, #detail-map{height:400px}}.info-box-modern{background:var(--bg-secondary);border:var(--card-border-thin);border-radius:8px;padding:1rem;text-align:center}.info-box-label{font-size:0.65rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:0.5rem}.info-box-value{font-size:1.25rem;font-weight:700;color:var(--text-primary);line-height:1.2}.info-box-unit{font-size:0.75rem;color:var(--text-muted);margin-top:0.25rem}.badge-modern{padding:0.375rem 0.75rem;border-radius:6px;font-weight:600;font-size:0.75rem;letter-spacing:0.3px;display:inline-flex;align-items:center}.badge-modern i{margin-right:0.375rem;font-size:0.7rem}.mag-badge-modern{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:60px;padding:0.5rem;border-radius:8px;background:linear-gradient(135deg, rgba(59, 125, 221, 0.1), rgba(59, 125, 221, 0.05));border:2px solid rgba(59, 125, 221, 0.2)}.mag-badge-modern .mag-val{font-size:1.25rem;font-weight:700;color:var(--text-primary);line-height:1}.mag-badge-modern .mag-unit{font-size:0.625rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.5px;margin-top:0.125rem}.section-header-modern{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.section-title-modern{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center}.section-title-modern i{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:0.75rem;font-size:16px}.section-subtitle{font-size:0.8rem;color:var(--text-muted);margin-top:0.25rem}.icon-box-modern, .icon-box-sm, .icon-box-md, .icon-box-lg, .icon-box-xs, .icon-box-regular{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0;line-height:1}.icon-box-modern{width:48px;height:48px}.icon-box-xs{width:24px;height:24px;font-size:12px}.icon-box-regular{width:32px;height:32px;font-size:14px}.icon-box-sm{width:40px;height:40px;font-size:18px}.icon-box-md{width:44px;height:44px;font-size:20px}.icon-box-lg{width:64px;height:64px;font-size:28px}.progress-modern{height:8px;border-radius:10px;background:var(--bg-secondary);overflow:hidden}.progress-bar-modern{height:100%;border-radius:10px;transition:width 0.6s ease;background:linear-gradient(90deg, var(--primary), #2563aa)}@media (max-width:768px){.stat-card-modern{padding:1rem}.stat-value-modern{font-size:1.5rem}.pagination-modern .page-link{min-width:36px;height:36px;font-size:0.8125rem}.filter-group-modern{width:100%;justify-content:center}}.custom-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none;align-items:center;justify-content:center;padding:20px}.custom-overlay.active{display:flex}.overlay-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(13, 22, 38, 0.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.overlay-card{position:relative;width:100%;max-width:480px;background:var(--card-bg, #ffffff);border-radius:20px;box-shadow:0 20px 50px rgba(0, 0, 0, 0.3);overflow:hidden;z-index:10000}.overlay-card.modal-lg{max-width:800px}.overlay-header{background:#3b7ddd;color:white;padding:20px;display:flex;justify-content:space-between;align-items:center}.overlay-header h5{font-weight:700;letter-spacing:-0.5px;margin:0}.close-overlay{background:transparent;border:none;color:white;font-size:28px;line-height:1;cursor:pointer;opacity:0.8;transition:0.2s}.close-overlay:hover{opacity:1}.overlay-body{padding:25px}@keyframes popIn{0%{transform:scale(0.9);opacity:0}100%{transform:scale(1);opacity:1}}.animate-pop-in{animation:popIn 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)}[data-theme="dark"] .overlay-card{background:#1e293b;border:1px solid rgba(255, 255, 255, 0.1)}.promo-badge{display:inline-block;background:rgba(59, 125, 221, 0.1);color:#3b7ddd;padding:4px 12px;border-radius:50px;font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:12px}.promo-text{font-size:0.95rem;color:var(--text-secondary);margin-bottom:24px;line-height:1.5}.feature-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:12px;margin-bottom:24px}.feature-item{background:var(--bg-secondary);padding:12px;border-radius:12px;display:flex;align-items:center;gap:10px;transition:0.2s}.feature-item i{width:32px;height:32px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#3b7ddd;box-shadow:0 2px 4px rgba(0, 0, 0, 0.05)}.feature-item span{font-size:0.85rem;font-weight:600;color:var(--text-primary)}.action-buttons{display:flex;flex-direction:column;gap:10px}.btn-main{background:#3b7ddd;color:white !important;padding:12px;border-radius:12px;text-align:center;font-weight:700;text-decoration:none;transition:0.2s;box-shadow:0 4px 12px rgba(59, 125, 221, 0.25)}.btn-main:hover{background:#2563aa;transform:translateY(-1px);box-shadow:0 6px 15px rgba(59, 125, 221, 0.3)}.btn-sub{padding:10px;text-align:center;font-size:0.85rem;font-weight:600;color:var(--text-secondary);text-decoration:none;transition:0.2s}.btn-sub:hover{color:#3b7ddd}[data-theme="dark"] .feature-item i{background:#0f172a;color:#60a5fa}[data-theme="dark"] .feature-item{background:rgba(255, 255, 255, 0.03);border:1px solid rgba(255, 255, 255, 0.05)}.custom-tooltip-wrapper{position:relative;display:inline-flex;align-items:center;cursor:help}.custom-tooltip-text{visibility:hidden;width:max-content;max-width:220px;background-color:#1e293b;color:#fff !important;text-align:left;border-radius:6px;padding:6px 10px;position:absolute;z-index:1050;bottom:150%;left:-8px;transform:none;opacity:0;transition:opacity 0.2s, bottom 0.2s;font-size:0.7rem;font-weight:500;text-transform:none;line-height:1.4;letter-spacing:0;box-shadow:0 4px 10px rgba(0, 0, 0, 0.25);pointer-events:none;white-space:normal}.custom-tooltip-text::after{content:'';position:absolute;top:100%;left:14px;margin-left:-5px;border-width:5px;border-style:solid;border-color:#1e293b transparent transparent transparent}.custom-tooltip-wrapper:hover .custom-tooltip-text{visibility:visible;opacity:1;bottom:125%}.ai-loader-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--ai-loader-bg, #ffffff) !important;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(5px);border-radius:inherit}.dark-mode .ai-loader-overlay{background:var(--ai-loader-bg, #ffffff) !important}.ai-loader-overlay.global-page-loader{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;z-index:99999;backdrop-filter:blur(5px);opacity:1;transition:opacity 0.3s ease-in-out}.ai-loader-box{width:80px;height:80px;position:relative}.ai-loader-dot{position:absolute;border-radius:50%;transition:all 0.2s ease-out}.ai-loader-pulse{position:absolute;width:12px;height:12px;background:var(--ai-loader-pulse-color, #dc3545);border-radius:50%;box-shadow:0 0 10px var(--ai-loader-pulse-color, #dc3545);transition:all 0.15s ease-in-out;z-index:10}.ai-loader-pulse::after{content:'';position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:2px solid var(--ai-loader-pulse-color, #dc3545);border-radius:50%;animation:aiPulseAnim 0.6s linear infinite}@keyframes aiPulseAnim{0%{transform:scale(0.5);opacity:1}100%{transform:scale(1.6);opacity:0}}.ai-loader-text{margin-top:20px;font-family:monospace;font-size:0.85rem;color:var(--ai-loader-text-color, #6c757d);font-weight:bold;letter-spacing:2px;text-transform:uppercase;animation:pulseText 1.5s infinite}@keyframes pulseText{0%, 100%{opacity:0.6}50%{opacity:1}}