.notification-dropdown-root{z-index:1000}.notification-icon{display:inline-flex;align-items:center;justify-content:center;position:relative;cursor:pointer;color:#222}.notification-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:12px;background:#ff4d4f;color:#fff;font-size:11px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #0003}.notifications-backdrop{position:fixed;inset:0;z-index:900;background:transparent}.notifications-dropdown{position:absolute;right:0;top:36px;width:320px;max-height:420px;background:#fff;border-radius:8px;box-shadow:0 8px 30px #0d263b1f;overflow:hidden;display:flex;flex-direction:column;z-index:1000;border:1px solid rgba(0,0,0,.06)}.notifications-header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid #f0f0f0;gap:12px}.notifications-header .title{font-weight:700;font-size:14px;color:#111827}.notifications-header .subtitle{font-size:12px;color:#6b7280;margin-top:4px}.user-menu-item{background:transparent;border:0;cursor:pointer;font-size:13px;color:#111827;padding:6px 10px;border-radius:6px}.user-menu-item:hover{background:#0000000a}.close-btn{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;cursor:pointer;padding:6px}.notifications-list{overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:8px}.notification-item{padding:10px;border-radius:8px;background:transparent;transition:background .15s ease;display:flex;flex-direction:column;gap:6px}.notification-item:hover{background:#00000008}.notification-item.unread{background:#00c2cb0f;border-right:3px solid #00C2CB}.notification-item.read{opacity:.9}.notification-action{font-weight:600;font-size:13px;color:#0f172a}.notification-details{font-size:13px;color:#374151}.notification-time{font-size:12px;color:#6b7280;align-self:flex-end}.notification-item.empty{padding:18px;display:flex;align-items:center;justify-content:center}.modal-overlay{position:fixed;inset:0;background-color:#00000059;display:flex;align-items:center;justify-content:center;z-index:1200}.notifications-modal{width:92%;max-width:520px;max-height:86vh;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;background:#fff;box-shadow:0 8px 30px #0d263b1f;border:1px solid rgba(0,0,0,.06)}@media (max-width: 480px){.notifications-dropdown{right:8px;left:8px;width:auto}.notifications-modal{width:96%;height:86vh}}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:#fff;border-radius:12px;box-shadow:0 5px 20px #00000026;width:90%;max-width:500px;max-height:95vh;overflow-y:auto;position:relative;display:flex;flex-direction:column}.modal-content::-webkit-scrollbar{width:4px}.modal-content::-webkit-scrollbar-thumb{background-color:#0003;border-radius:2px}.logout-confirmation-modal{max-width:420px;width:90%}.logout-confirmation-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f1f1f1}.modal-title-section{display:flex;align-items:center;gap:10px}.warning-icon{color:#ff9800}.modal-title{font-size:18px;font-weight:600;color:#333;margin:0}.modal-close-btn{background:none;border:none;cursor:pointer;color:#666;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.modal-close-btn:hover:not(:disabled){background-color:#f5f5f5}.modal-close-btn:disabled{opacity:.5;cursor:not-allowed}.logout-confirmation-modal .modal-body{padding:20px 24px}.logout-message{margin:0;color:#666;line-height:1.5;font-size:14px}.logout-confirmation-modal .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px 20px;border-top:1px solid #f1f1f1}.btn{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid transparent;display:flex;align-items:center;justify-content:center;min-width:80px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background-color:#f8f9fa;color:#666;border-color:#dee2e6}.btn-secondary:hover:not(:disabled){background-color:#e9ecef}.btn-danger{background-color:#dc3545;color:#fff;border-color:#dc3545}.btn-danger:hover:not(:disabled){background-color:#c82333;border-color:#bd2130}