.alert{border-radius:8px !important;border:none !important;padding:16px 48px 16px 20px !important;font-size:15px !important;box-shadow:0 2px 8px rgba(0,0,0,0.1) !important;position:relative !important}.alert i{font-size:18px;vertical-align:middle}.alert .btn-close{position:absolute !important;top:50% !important;right:12px !important;transform:translateY(-50%) !important;font-size:14px !important;opacity:0.6 !important;padding:0.5rem !important}.alert .btn-close:hover{opacity:1 !important}.alert.alert-success{background-color:rgba(13,115,119,0.12) !important;background:rgba(13,115,119,0.12) !important;color:#085d60 !important;border-left:4px solid #0d7377 !important}.alert.alert-success i{color:#0d7377 !important}.alert.alert-info{background-color:rgba(0,63,141,0.15) !important;background:rgba(0,63,141,0.15) !important;color:#003f8d !important;border-left:4px solid #003f8d !important}.alert.alert-info i{color:#003f8d !important}.alert.alert-warning{background-color:rgba(253,126,20,0.15) !important;background:rgba(253,126,20,0.15) !important;color:#cc5200 !important;border-left:4px solid #fd7e14 !important}.alert.alert-warning i{color:#fd7e14 !important}.alert.alert-danger{background-color:rgba(139,90,95,0.12) !important;background:rgba(139,90,95,0.12) !important;color:#6c3d41 !important;border-left:4px solid #8b5a5f !important}.alert.alert-danger i{color:#8b5a5f !important}.save-article-btn{border-radius:6px;font-weight:600;font-size:14px;padding:8px 16px;transition:all 0.3s ease;border-width:2px}.save-article-btn i{font-size:16px;transition:all 0.3s ease}.save-article-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.15)}.btn-outline-primary.save-article-btn{border-color:#003f8d;color:#003f8d;background:transparent}.btn-outline-primary.save-article-btn i{color:#003f8d}.btn-outline-primary.save-article-btn:hover{background-color:#003f8d;border-color:#003f8d;color:#fff}.btn-outline-primary.save-article-btn:hover i{color:#fff}.btn-outline-primary.save-article-btn:focus,.btn-outline-primary.save-article-btn:active{background-color:#003f8d !important;border-color:#003f8d !important;color:#fff !important;box-shadow:0 0 0 0.25rem rgba(0,63,141,0.25)}.btn-primary.save-article-btn{background-color:#003f8d;border-color:#003f8d;color:#fff;box-shadow:0 2px 6px rgba(0,63,141,0.3)}.btn-primary.save-article-btn i{color:#fff}.btn-primary.save-article-btn:hover{background-color:#4a90e2;border-color:#4a90e2;box-shadow:0 4px 10px rgba(74,144,226,0.4)}.btn-primary.save-article-btn:focus,.btn-primary.save-article-btn:active{background-color:#003168 !important;border-color:#003168 !important;box-shadow:0 0 0 0.25rem rgba(0,63,141,0.25)}@keyframes slideInRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}#notifications .alert{animation:slideInRight 0.3s ease-out;margin-bottom:10px}@media (max-width: 768px){.save-article-btn{font-size:13px;padding:6px 12px}.save-article-btn i{font-size:14px}.save-article-btn span{display:none}}#header #current-date{color:#ffffff !important}#header #current-date .date-info{color:#ffffff !important}#header #current-date .date-info i,#header #current-date .date-info svg{color:#ffd700 !important;fill:#ffd700 !important}#header #current-date .weather-separator{color:#ffffff !important}#header #current-date .weather-icon i,#header #current-date .weather-icon svg{color:#ffa500 !important;fill:#ffa500 !important}#header #current-date .weather-info .weather-details .weather-temp{color:#ffa500 !important;font-weight:700 !important;font-size:18px !important}#header #current-date .weather-info .weather-details .weather-city{color:#ffffff !important}#header #current-date .text-muted{color:#ffffff !important;opacity:0.9}
