diff --git a/README.md b/README.md
index 96fd3cdd4..64628c598 100644
--- a/README.md
+++ b/README.md
@@ -7,7 +7,7 @@
**Web Hosting Control Panel powered by OpenLiteSpeed**
Fast • Secure • Scalable — Simplify hosting management with style.
-**Version**: 2.5.5-dev • **Updated**: January 15, 2026
+**Version**: 2.5.5-dev • **Updated**: 28.03.2026
[](https://github.com/usmannasir/cyberpanel)
[](https://cyberpanel.net/KnowledgeBase/)
diff --git a/baseTemplate/templates/baseTemplate/index.html b/baseTemplate/templates/baseTemplate/index.html
index a090cfd21..0ea106fb6 100644
--- a/baseTemplate/templates/baseTemplate/index.html
+++ b/baseTemplate/templates/baseTemplate/index.html
@@ -410,6 +410,63 @@
text-decoration: underline;
color: #3730a3 !important;
}
+
+ /* Ephemeral notifications (e.g. Docker update progress) */
+ .notification-center-item-ephemeral {
+ border-color: #c7d2fe;
+ background: linear-gradient(135deg, #f8fafc 0%, #eef2ff 100%);
+ }
+ .notification-center-progress-track {
+ height: 8px;
+ border-radius: 999px;
+ background: #e5e7eb;
+ overflow: hidden;
+ margin-top: 0.5rem;
+ }
+ .notification-center-progress-bar {
+ height: 100%;
+ border-radius: 999px;
+ background: linear-gradient(90deg, #4f46e5, #6366f1);
+ transition: width 0.35s ease;
+ }
+ .notification-center-progress-bar.indeterminate {
+ width: 35% !important;
+ animation: cp-nc-progress-indet 1.2s ease-in-out infinite;
+ }
+ .notification-center-progress-bar.success {
+ width: 100% !important;
+ background: linear-gradient(90deg, #16a34a, #22c55e);
+ animation: none;
+ }
+ .notification-center-progress-bar.error {
+ width: 100% !important;
+ background: linear-gradient(90deg, #dc2626, #ef4444);
+ animation: none;
+ }
+ @keyframes cp-nc-progress-indet {
+ 0% { transform: translateX(-100%); }
+ 100% { transform: translateX(280%); }
+ }
+ .notification-center-ephemeral-dismiss {
+ margin-top: 0.75rem;
+ font-size: 0.8rem;
+ color: #6b7280;
+ background: none;
+ border: none;
+ cursor: pointer;
+ padding: 0;
+ text-decoration: underline;
+ }
+ .notification-center-ephemeral-dismiss:hover { color: #111827; }
+ .notification-center-btn.has-active-operation {
+ animation: cp-nc-bell-pulse 1.5s ease-in-out infinite;
+ border-color: #6366f1;
+ color: #4f46e5;
+ }
+ @keyframes cp-nc-bell-pulse {
+ 0%, 100% { box-shadow: 0 0 0 0 rgba(79, 70, 229, 0.35); }
+ 50% { box-shadow: 0 0 0 6px rgba(79, 70, 229, 0); }
+ }
/* Sidebar */
#sidebar {
@@ -2329,9 +2386,6 @@
-