.modal.notifications-sheet .modal-content{background:#fff;border-radius:20px 20px 0 0;max-height:88vh;overflow:hidden}.modal.notifications-sheet .modal-body{display:flex;flex-direction:column;max-height:88vh;padding:0}.notif-header{border-bottom:1px solid #f1f1f1;flex-shrink:0;justify-content:space-between;padding:20px 20px 14px}.notif-header,.notif-title{align-items:center;display:flex}.notif-title{color:#222;font-size:18px;font-weight:700;gap:8px;margin:0}.notif-badge{background:#e44b55;border-radius:10px;color:#fff;font-size:12px;font-weight:600;min-width:22px;padding:3px 9px;text-align:center}.notif-close{align-items:center;background:#f5f5f5;border:none;border-radius:50%;color:#555;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background .15s;width:36px}.notif-close:hover{background:#eaeaea}.notif-list{-webkit-overflow-scrolling:touch;overflow-y:auto;padding:12px 16px 28px}.notif-empty{color:#999;padding:60px 20px;text-align:center}.notif-empty-icon{margin-bottom:14px;opacity:.5}.notif-empty p{font-size:14px;margin:0}.notif-card{background:linear-gradient(135deg,snow,#fff6f7);border:1px solid #fbeef0;border-radius:14px;display:flex;gap:12px;margin-bottom:10px;padding:14px;position:relative;transition:transform .15s ease,box-shadow .15s ease,border-color .15s}.notif-card:hover{border-color:#f5e0e3;box-shadow:0 4px 12px rgba(228,75,85,.08);transform:translateY(-1px)}.notif-unread{background:linear-gradient(135deg,#fff4f5,#ffeaec);border-color:#f5d4d8}.notif-card-img{background:#f5f5f5;border-radius:10px;flex-shrink:0;height:70px;overflow:hidden;width:70px}.notif-card-img img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.notif-card-body{flex:1;min-width:0}.notif-card-meta{align-items:center;display:flex;gap:6px;margin-bottom:4px}.notif-unread-dot{background:#e44b55;border-radius:50%;display:inline-block;height:8px;width:8px}.notif-time{color:#999;font-size:11px;font-weight:500}.notif-card-title{color:#222;font-size:14px;font-weight:600;line-height:1.35;margin:2px 0 4px}.notif-card-text{color:#666;font-size:13px;line-height:1.45;margin:0 0 8px}.notif-action{background:#e44b55;border-radius:20px;display:inline-block;font-size:13px;font-weight:600;padding:7px 14px;transition:background .15s}.notif-action,.notif-action:hover{color:#fff;-webkit-text-decoration:none;text-decoration:none}.notif-action:hover{background:#d13e47}@media (min-width:768px){.modal.notifications-sheet{align-items:stretch!important;justify-content:flex-end!important}.modal.notifications-sheet .modal-dialog{animation:notifSlideLeft .22s cubic-bezier(.32,.72,.3,1) forwards!important;height:100vh!important;margin:0!important;max-width:440px!important;transform:translateX(100%)!important;width:440px!important}@keyframes notifSlideLeft{0%{transform:translateX(100%)}to{transform:translateX(0)}}.modal.notifications-sheet .modal-content{border-radius:20px 0 0 20px!important;box-shadow:-8px 0 30px rgba(0,0,0,.12)!important;height:100vh!important;max-height:100vh!important}.modal.notifications-sheet .modal-body{max-height:100vh!important;padding-top:0!important}.modal.notifications-sheet .modal-body:before{display:none!important}}