.notification-dropdown{position:absolute;top:100%;right:0;width:450px;margin-top:18px;max-height:500px;background:white;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px var(--darkgreen);z-index:1003;overflow:hidden;transform:translateY(-10px) scale(0.95);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);transform-origin:top center;pointer-events:none}.notification-dropdown.show{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.notification-dropdown.hide{opacity:0;transform:translateY(-10px) scale(0.95);pointer-events:none}.notif-item{cursor:pointer;transition:transform 0.2s ease}.support-item{cursor:pointer}.notification-header{padding:15px 20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;background:#f8f9fa}.notification-header h3{margin:0;font-size:16px;font-weight:600;color:#333}.mark-all-read-btn{background:var(--darkgreen);color:white;border:none;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color 0.2s}.mark-all-read-btn:hover{background:var(--lightgreen)}.notification-list{max-height:350px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--darkgreen) #f1f1f1}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.notification-list::-webkit-scrollbar-thumb{background:var(--darkgreen);border-radius:3px;transition:background 0.2s}.notification-list::-webkit-scrollbar-thumb:hover{background:var(--lightgreen)}.notification-item{padding:15px 20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:flex-start;gap:5px;transition:background-color 0.2s}.notification-item:hover{background:#f8f9fa}.notification-item.unread{background:#e3f2fd;border-left:4px solid #2196f3}.notification-item.read{opacity:0.7}.notification-content{flex:1;margin-right:10px}.notification-content *,img{width:inherit;height:auto}.notification-title{font-weight:600;color:#333;margin-bottom:4px;font-size:14px}.notification-message{color:#666;font-size:13px;line-height:1.4;margin-bottom:6px;word-wrap:break-word;overflow-wrap:break-word}.notification-time{color:#999;font-size:9px}.notification-actions{display:flex;flex-direction:column;gap:5px}.mark-read-btn,.notification-link{background:var(--darkgreen);color:white;border:none;padding:4px 8px;border-radius:3px;font-size:11px;cursor:pointer;text-decoration:none;text-align:center;transition:background-color 0.2s}.mark-read-btn:hover{background:var(--lightgreen)}.notification-link{background:var(--orange)}.notification-link:hover{background:var(--khaki)}.no-notifications{padding:40px 20px;text-align:center;color:#999;font-style:italic}.notification-footer{padding:12px 20px;border-top:1px solid #eee;background:#f8f9fa;text-align:center}.view-all-btn{background:var(--orange);color:white;border:none;padding:8px 16px;border-radius:4px;font-size:12px;cursor:pointer;text-decoration:none;display:inline-block;transition:background-color 0.2s;font-weight:500}.view-all-btn:hover{background:var(--khaki);color:white;text-decoration:none}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}@media (max-width:850px){.notification-dropdown.show{width:284px!important;overflow:visible;transform:none}.header-support-main{width:100%}.notification-header h3{font-size:13px}.mark-all-read-btn{font-size:10px}.no-notifications{font-size:13px}.notification-item{flex-direction:column;padding:12px 15px}.notification-dropdown{width:100%;transform-origin:top right}.view-all-btn{font-size:11px;padding:6px 12px}}@media (max-width:480px){.notification-header h3{font-size:13px}.mark-all-read-btn{font-size:10px}.no-notifications{font-size:13px}.notification-dropdown{width:100%;transform-origin:top right}.notification-item{flex-direction:column;padding:12px 15px}.view-all-btn{font-size:10px;padding:6px 10px}}[dir='rtl'] .notification-dropdown{right:auto;left:0;transform-origin:top left}[dir='rtl'] .notification-item.unread{border-left:none;border-right:4px solid #2196f3}