.notification-modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:rgb(0 0 0 / .5);display:flex;align-items:center;justify-content:center}.notification-content{background-color:#fff;width:400px;max-height:90vh;min-height:150px;padding:20px;border-radius:8px;box-shadow:0 2px 10px rgb(0 0 0 / .1);position:relative;display:flex;flex-direction:column;overflow:hidden}.close-notification{position:absolute;right:10px;top:10px;color:#666;font-size:20px;font-weight:700;cursor:pointer;transition:color 0.3s;z-index:1}.close-notification:hover{color:#333}.notification-scroll-container{flex:1;overflow-y:auto;padding-right:5px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}.notification-scroll-container::-webkit-scrollbar{width:5px}.notification-scroll-container::-webkit-scrollbar-track{background:#f1f1f1}.notification-scroll-container::-webkit-scrollbar-thumb{background:#888;border-radius:5px}.notification-title{font-size:18px;font-weight:700;margin:0 0 15px 0;color:#333;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-text{font-size:14px;color:#666;text-align:center;margin:0 0 15px 0;line-height:1.5}.notification-image{margin:10px 0;text-align:center;display:flex;justify-content:center;align-items:center}.notification-image img{max-width:100%;width:auto}.notification-button{margin:15px 0 0 0;text-align:center;flex-shrink:0}.notification-link{display:inline-block;padding:8px 20px;background-color:#007bff;color:#fff;text-decoration:none;border-radius:4px;transition:all 0.3s ease;box-shadow:0 2px 4px rgb(0 0 0 / .1);white-space:nowrap}.notification-link:hover{background-color:#0056b3;text-decoration:none;color:#fff;box-shadow:0 4px 8px rgb(0 0 0 / .2);transform:translateY(-1px)}