.notif-bell{display:inline-flex;position:relative}.notif-bell__btn{background:var(--color-bg-secondary,#f0f2f5);width:40px;height:40px;color:var(--color-text,#212121);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .15s;display:inline-flex;position:relative}.notif-bell__btn:hover{background:var(--color-border,#e0e0e0)}.notif-bell__btn--has-unread{color:var(--color-primary-dark,#1b5e20)}.notif-bell__badge{background:var(--color-error,#e53935);color:#fff;border:2px solid var(--color-bg-card,#fff);box-sizing:content-box;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:-2px;right:-2px}.notif-dropdown{background:var(--color-bg-card,#fff);z-index:1000;border-radius:12px;flex-direction:column;width:min(360px,92vw);max-height:70vh;animation:.15s cubic-bezier(.2,.8,.2,1) notif-fade-in;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 32px #0000002e,0 0 0 1px #0000000a}@keyframes notif-fade-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.notif-dropdown__header{border-bottom:1px solid var(--color-border,#e0e0e0);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.notif-dropdown__header h2{margin:0;font-size:1.1rem;font-weight:700}.notif-dropdown__mark-all{color:var(--color-primary,#2e7d32);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:.85rem;font-weight:500}.notif-dropdown__mark-all:hover{background:var(--color-bg-secondary,#f5f5f5)}.notif-dropdown__list{flex:1;overflow-y:auto}.notif-dropdown__empty{text-align:center;color:var(--color-text-muted,#888);padding:32px 16px;font-size:.9rem}.notif-item{text-align:left;cursor:pointer;background:0 0;border:none;align-items:flex-start;gap:12px;width:100%;padding:12px 16px;font-family:inherit;transition:background .1s;display:flex;position:relative}.notif-item:hover{background:var(--color-bg-secondary,#f5f5f5)}.notif-item--unread{background:#2e7d320d}.notif-item--unread:hover{background:#2e7d321a}.notif-item__avatar{background:var(--color-primary,#2e7d32);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:600;display:inline-flex;overflow:hidden}.notif-item__avatar-img{object-fit:cover;width:100%;height:100%;display:block}.notif-item__body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.notif-item__text{color:var(--color-text,#212121);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.9rem;line-height:1.4;display:-webkit-box;overflow:hidden}.notif-item__text strong{font-weight:600}.notif-item__time{color:var(--color-text-muted,#888);font-size:.75rem}.notif-item__dot{background:var(--color-primary,#2e7d32);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:16px}.notif-dropdown__footer{border-top:1px solid var(--color-border,#e0e0e0);text-align:center;padding:8px 16px}.notif-dropdown__see-all{color:var(--color-primary,#2e7d32);font-size:.9rem;font-weight:500;text-decoration:none}.notif-dropdown__see-all:hover{text-decoration:underline}.notifications-page{max-width:720px;padding:var(--space-md,16px) 0 var(--space-2xl,40px);margin:0 auto}.notifications-page__header{padding:0 var(--space-md,16px) var(--space-md,16px);justify-content:space-between;align-items:center;display:flex}.notifications-page__header h1{margin:0;font-size:1.5rem;font-weight:700}.notifications-page__list{background:var(--color-bg-card,#fff);margin:0 var(--space-md,16px);box-shadow:var(--shadow-card,0 1px 4px #0000000f);border-radius:12px;overflow:hidden}.notifications-page__list .notif-item{border-bottom:1px solid var(--color-border,#e0e0e0)}.notifications-page__list .notif-item:last-child{border-bottom:none}@media (max-width:480px){.notif-dropdown{top:var(--navbar-height,60px);width:100%;max-height:calc(100vh - var(--navbar-height,60px));border-radius:0;position:fixed;left:0;right:0}}