.notification-badge{position:relative;display:inline-block}.notification-button{background:none;border:none;cursor:pointer;position:relative}.notification-count{position:absolute;top:6px;right:15px;background-color:#ff3b30;color:#ffffff;border-radius:50%;padding:2px 6px;font-size:10px}.notification-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:10px}.notification-dropdown{position:absolute;right:0;top:120%;width:250px;background-color:#ffffff;box-shadow:0 2px 10px rgba(0,0,0,.1);border-radius:5px;z-index:10}.notification-item{display:flex;align-items:center;padding:10px;cursor:pointer;border-bottom:1px solid #eee;font-size:14px}.notification-item:hover{background-color:#f9f9f9}.notification-text{display:block}.notification-date{font-size:10px;color:gray;margin-top:2px}.notification-item:last-child{border-bottom:none}.notification-badge .notification-empty{padding:10px;text-align:center;color:gray;font-size:12px}.notification-actions{display:flex;flex-direction:column;gap:6px;margin-top:8px}.notification-accept-button,.notification-reject-button{padding:6px 12px;font-size:.85rem;border-radius:4px;cursor:pointer;border:none;transition:background-color .3s,transform .2s;width:100%}.notification-accept-button{background-color:#4caf50;color:white}.notification-accept-button:hover{background-color:#45a049;transform:scale(1.03)}.notification-reject-button{background-color:#f44336;color:white}.notification-reject-button:hover{background-color:#e53935;transform:scale(1.05)}.notification-accept-button:active,.notification-reject-button:active{transform:scale(.98)}.notification-item{opacity:1;transition:opacity .3s ease}.notification-item--removing{opacity:0}.mobile-nav-drawer{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--gray-900);z-index:9999;padding:var(--space-xl);overflow-y:auto;color:var(--white)}.mobile-nav-drawer__header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.mobile-nav-drawer__logo{height:40px;width:auto}.mobile-nav-drawer__close{background:none;border:none;font-size:var(--font-size-2xl);cursor:pointer;color:var(--white)}.mobile-nav-drawer__section{margin-bottom:var(--space-2xl);border-bottom:var(--border-width-thin) solid var(--gray-700);padding-bottom:var(--space-lg)}.mobile-nav-drawer__header{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-sm);cursor:pointer;color:var(--white)}.mobile-nav-drawer__links{list-style:none;padding:0;margin:0}.mobile-nav-drawer__links li{padding:var(--space-sm) 0;font-size:var(--font-size-md);color:var(--gray-200);cursor:pointer}.mobile-nav-drawer__links li:hover{color:var(--primary-100)}.mobile-nav-drawer__signup-button{background-color:var(--primary-800);color:var(--white);border:var(--border-width-thin) solid var(--primary-800);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);cursor:pointer;width:100%;margin-top:var(--space-sm)}.mobile-nav-drawer__signup-button:hover{background-color:var(--primary-100);color:var(--primary-800);border-color:var(--primary-800)}