.service-notification-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:9999;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;padding:20px}.service-notification-overlay.visible{opacity:1;visibility:visible}.service-notification{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.15);max-width:600px;width:100%;max-height:80vh;overflow-y:auto;transform:translateY(30px) scale(.95);transition:transform .3s ease;border:1px solid #e9ecef}.service-notification.show{transform:translateY(0) scale(1)}.service-notification .notification-header{display:flex;align-items:flex-start;padding:24px 24px 16px;border-bottom:1px solid #e9ecef;position:relative}.service-notification .notification-header .notification-icon{flex-shrink:0;width:48px;height:48px;background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:16px;box-shadow:0 4px 12px rgba(255,107,53,.3)}.service-notification .notification-header .notification-icon i{color:#fff;font-size:20px}.service-notification .notification-header .notification-title{flex:1 1;font-size:18px;font-weight:600;color:#2c3e50;margin:0;line-height:1.4;padding-right:40px}.service-notification .notification-header .close-btn{position:absolute;top:20px;right:20px;background:none;border:none;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6c757d;transition:all .2s ease}.service-notification .notification-header .close-btn:hover{background-color:#f8f9fa;color:#495057;transform:scale(1.1)}.service-notification .notification-header .close-btn i{font-size:14px}.service-notification .notification-content{padding:20px 24px;color:#495057;line-height:1.6}.service-notification .notification-content p{margin:0 0 16px;font-size:15px}.service-notification .notification-content p:last-child{margin-bottom:0}.service-notification .notification-content p strong{color:#2c3e50;font-weight:600}.service-notification .notification-footer{padding:16px 24px 24px;border-top:1px solid #f1f3f4;background:#f8f9fa;border-radius:0 0 16px 16px}.service-notification .notification-footer .maintenance-hours{display:flex;align-items:center;justify-content:center;color:#6c757d;font-size:14px;font-weight:500}.service-notification .notification-footer .maintenance-hours i{margin-right:8px;color:#ff6b35}@media(max-width:768px){.service-notification-overlay{padding:16px}.service-notification{max-width:100%;margin:0}.service-notification .notification-header{padding:20px 20px 16px}.service-notification .notification-header .notification-icon{width:40px;height:40px;margin-right:12px}.service-notification .notification-header .notification-icon i{font-size:18px}.service-notification .notification-header .notification-title{font-size:16px;padding-right:36px}.service-notification .notification-header .close-btn{top:16px;right:16px;width:28px;height:28px}.service-notification .notification-content{padding:16px 20px}.service-notification .notification-content p{font-size:14px}.service-notification .notification-footer{padding:12px 20px 20px}.service-notification .notification-footer .maintenance-hours{font-size:13px}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideOutToTop{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-30px) scale(.95)}}