#app{display:flex;flex-direction:column;min-height:100vh}.offline-banner{align-items:center;background:#e65100;color:#fff;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;left:0;padding:8px 20px;position:fixed;text-align:center;top:0;width:100%;z-index:9999}.notifications-container{bottom:20px;display:flex;flex-direction:column;gap:10px;max-width:380px;position:fixed;right:20px;z-index:9000}.app-notification{border-radius:8px;box-shadow:0 4px 15px #00000026;color:#fff;font-size:14px;padding:14px 40px 14px 16px;position:relative}.app-notification--info{background:#1565c0}.app-notification--success{background:#009640}.app-notification--warning{background:#f57c00}.app-notification--error{background:#c62828}.notif-close{background:none;border:none;color:#fff;cursor:pointer;font-size:18px;padding:0;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.notif-enter-active,.notif-leave-active{transition:all .3s}.notif-enter-from,.notif-leave-to{opacity:0;transform:translate(20px)}