.drawer-notification[data-v-1dba035f]{background:#fafafa!important;border-left:1px solid #eee!important}.notif-header[data-v-1dba035f]{align-items:center;display:flex;padding:14px 16px 10px}.notif-header__title[data-v-1dba035f]{color:#333;flex:1;font-size:.78rem;font-weight:700;letter-spacing:.5px}.notif-header__badge[data-v-1dba035f]{background:#f57c00;border-radius:12px;color:#fff;font-size:.68rem;font-weight:700;min-width:24px;padding:2px 8px;text-align:center}.notif-list[data-v-1dba035f]{overflow-y:auto;padding:8px 12px}.notif-card[data-v-1dba035f]{background:#fff;border:1px solid #f0f0f0;border-radius:10px;display:flex;gap:12px;margin-bottom:10px;padding:14px 16px;transition:box-shadow .2s,transform .15s}.notif-card[data-v-1dba035f]:hover{box-shadow:0 2px 8px #00000012;transform:translateY(-1px)}.notif-card__indicator[data-v-1dba035f]{border-radius:4px;flex-shrink:0;min-height:100%;width:4px}.notif-card__content[data-v-1dba035f]{flex:1;min-width:0}.notif-card__title[data-v-1dba035f]{color:#333;font-size:.92rem;font-weight:700;line-height:1.3;margin-bottom:4px}.notif-card__body[data-v-1dba035f]{color:#777;font-size:.84rem;line-height:1.4;word-break:break-word}.notif-empty[data-v-1dba035f]{align-items:center;color:#bbb;display:flex;flex-direction:column;font-size:.78rem;gap:8px;padding:40px 0}